/* Start:/local/templates/fond_rudn/vendors/swiper-bundle.min.css?177402040018454*/
/**
 * Swiper 11.2.10
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 28, 2025
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
/* End */


/* Start:/local/templates/fond_rudn/css/style.css?1774020400175348*/
/* CSS Variables */
:root {
    /* Colors */
    --color-teal: #008080;
    --color-teal-dark: #006666;
    --color-teal-light: #00A0A0;
    --color-green: #66CDAA;
    --color-green-dark: #4CAF87;
    --color-white: #FFFFFF;
    --color-light-blue: #F0F8FF;
    --color-text-dark: #1A1A1A;
    --color-text-light: #666666;
    --color-text-white: #FFFFFF;
    
    /* Base width for vw calculations: 1650px */
    --base-width: 1650;
    
    /* Spacing */
    --spacing-xs: calc(10 / var(--base-width) * 100vw);
    --spacing-sm: calc(20 / var(--base-width) * 100vw);
    --spacing-md: calc(30 / var(--base-width) * 100vw);
    --spacing-lg: calc(60 / var(--base-width) * 100vw);
    --spacing-xl: calc(100 / var(--base-width) * 100vw);
    --spacing-xxl: calc(150 / var(--base-width) * 100vw);
    
    /* Container */
    --container-padding: calc(100 / var(--base-width) * 100vw);
    --container-max-width: calc(1650 / var(--base-width) * 100vw);
    
    /* Typography */
    --font-size-xs: calc(12 / var(--base-width) * 100vw);
    --font-size-sm: calc(14 / var(--base-width) * 100vw);
    --font-size-base: calc(16 / var(--base-width) * 100vw);
    --font-size-lg: calc(18 / var(--base-width) * 100vw);
    --font-size-xl: calc(24 / var(--base-width) * 100vw);
    --font-size-2xl: calc(32 / var(--base-width) * 100vw);
    --font-size-3xl: calc(48 / var(--base-width) * 100vw);
    --font-size-4xl: calc(64 / var(--base-width) * 100vw);
    
    /* Border radius */
    --radius-sm: calc(8 / var(--base-width) * 100vw);
    --radius-md: calc(12 / var(--base-width) * 100vw);
    --radius-lg: calc(20 / var(--base-width) * 100vw);
    --radius-full: 50%;
    
    /* Shadows */
    --shadow-sm: 0 calc(2 / var(--base-width) * 100vw) calc(8 / var(--base-width) * 100vw) rgba(0, 0, 0, 0.1);
    --shadow-md: 0 calc(4 / var(--base-width) * 100vw) calc(16 / var(--base-width) * 100vw) rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 calc(8 / var(--base-width) * 100vw) calc(24 / var(--base-width) * 100vw) rgba(0, 0, 0, 0.15);
    
    /* Fonts */
    --font-serif: 'Source Serif Pro', serif;
    --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Reset & Base Styles */
*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
    scrollbar-gutter: stable;
    margin: 0;
    padding: 0;
    height: 100%;
    box-sizing: border-box;
    overflow-x: hidden;
}

body {
    font-family: var(--font-sans);
    font-size: var(--font-size-base);
    line-height: 1.6;
    color: var(--color-text-dark);
    background-color: var(--color-white);
    overflow-x: hidden;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 100%;
}

section {
    margin: 0;
    padding: 0;
}

/* Hero - принудительно от верха */
body > .hero {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-serif);
    font-weight: 600;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

a {
    text-decoration: none;
    color: inherit;
}

button {
    border: none;
    background: none;
    cursor: pointer;
    font-family: inherit;
}

/* Container */
.container {
    max-width: var(--container-max-width);
    margin: 0;
    padding: 0 var(--container-padding);
}

/* Header */
.header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    height: calc(132 / var(--base-width) * 100vw);
    padding-top: calc(30 / var(--base-width) * 100vw);
    background: transparent;
}

.header__top {
    position: relative;
    height: calc(22 / var(--base-width) * 100vw);
    padding: 0;
}

.header__top-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: calc(20 / var(--base-width) * 100vw);
    height: 100%;
}

.header__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing-md);
    height: calc(80 / var(--base-width) * 100vw);
    padding: 0;
    margin-top: 0;
}

.header__logo {
    display: flex;
    align-items: center;
    height: 100%;
}

.header__logo-img {
    width: calc(152 / var(--base-width) * 100vw);
    height: calc(80 / var(--base-width) * 100vw);
    object-fit: contain;
}

.header__nav {
    display: flex;
    align-items: center;
    gap: calc(7 / var(--base-width) * 100vw);
    flex-wrap: nowrap;
    padding: calc(10 / var(--base-width) * 100vw) 0;
    height: calc(60 / var(--base-width) * 100vw);
    box-sizing: border-box;
}

.header__nav-link {
    color: var(--color-white);
    font-size: calc(14 / var(--base-width) * 100vw);
    font-weight: 400;
    line-height: 1;
    display: flex;
    align-items: center;
    gap: calc(8 / var(--base-width) * 100vw);
    white-space: nowrap;
    padding: calc(12 / var(--base-width) * 100vw);
    border-radius: calc(7 / var(--base-width) * 100vw);
    transition: background 0.2s, backdrop-filter 0.2s;
    position: relative;
    box-sizing: border-box;
}

.header__nav-link:hover,
.header__nav-link.is-active {
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(50px);
    -webkit-backdrop-filter: blur(50px);
}

.header__nav-arrow {
    width: calc(12 / var(--base-width) * 100vw);
    height: calc(15 / var(--base-width) * 100vw);
    display: block;
    filter: brightness(0) invert(1);
}

.header__nav-item {
    position: relative;
}

.header__nav-item--dropdown::before {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: calc(24 / var(--base-width) * 100vw);
}

.header__nav-link--trigger {
    background: none;
    border: none;
    cursor: default; /* пункт с выпадающим меню не ведёт на страницу, только открывает список */
    cursor: default;
    font-family: inherit;
    font-size: calc(14 / var(--base-width) * 100vw);
    font-weight: 400;
    padding: calc(12 / var(--base-width) * 100vw);
    line-height: 1;
    color: var(--color-white);
    box-sizing: border-box;
}

.header__dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    width: max-content;
    margin-top: calc(16 / var(--base-width) * 100vw);
    padding: calc(8 / var(--base-width) * 100vw) 0;
    background: #E8F9F8;
    border-radius: calc(7 / var(--base-width) * 100vw);
    box-shadow: 0 calc(4 / var(--base-width) * 100vw) calc(20 / var(--base-width) * 100vw) rgba(0, 0, 0, 0.15);
    opacity: 0;
    visibility: hidden;
    transform: translateY(calc(-4 / var(--base-width) * 100vw));
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
    z-index: 1001;
}

.header__nav-item--dropdown.is-open .header__dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.header__nav-item--dropdown.is-open .header__nav-link--trigger,
.header__nav-link--trigger.is-active {
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(50px);
    -webkit-backdrop-filter: blur(50px);
}

.header__dropdown-link {
    display: block;
    padding: calc(10 / var(--base-width) * 100vw) calc(16 / var(--base-width) * 100vw);
    font-size: calc(14 / var(--base-width) * 100vw);
    font-weight: 400;
    color: var(--color-text-dark);
    transition: color 0.2s;
}

.header__dropdown-link:hover {
    color: #51AE6A;
}

.header__icons {
    display: flex;
    align-items: center;
    gap: calc(12 / var(--base-width) * 100vw);
}

.header__phone {
    color: var(--color-white);
    font-size: calc(14 / var(--base-width) * 100vw);
    text-decoration: none;
    white-space: nowrap;
    transition: opacity 0.3s;
}

.header__phone:hover {
    opacity: 0.7;
}

/* Desktop Search */
.header__search {
    position: absolute;
    top: 50%;
    left: calc(885 / var(--base-width) * 100vw);
    right: calc(60 / var(--base-width) * 100vw);
    transform: translateY(-50%);
    display: none;
    align-items: center;
    gap: calc(20 / var(--base-width) * 100vw);
    z-index: 10;
}

.header__search.is-active {
    display: flex;
}

.header__search form {
    flex: 1;
    width: 100%;
    min-width: 0;
}

.header__search-field {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #FFFFFF;
    border-radius: calc(5 / var(--base-width) * 100vw);
    height: calc(44 / var(--base-width) * 100vw);
    padding: 0 calc(20 / var(--base-width) * 100vw);
    flex: 1;
}

.header__search-input {
    flex: 1;
    border: none;
    background: none;
    font-family: var(--font-sans);
    font-size: calc(16 / var(--base-width) * 100vw);
    color: var(--color-text-dark);
    outline: none;
}

.header__search-input::placeholder {
    color: var(--color-text-dark);
}

.header__search-clear {
    width: calc(24 / var(--base-width) * 100vw);
    height: calc(24 / var(--base-width) * 100vw);
    border-radius: 50%;
    background: #ABB3C0;
    opacity: 0.5;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    transition: opacity 0.2s;
}

.header__search-clear:hover {
    opacity: 0.7;
}

.header__search-clear img {
    width: calc(10 / var(--base-width) * 100vw);
    height: calc(10 / var(--base-width) * 100vw);
    filter: brightness(0) invert(1);
}

/* Search toggle icon states */
.header__search-toggle .header__search-icon--close {
    display: none !important;
}

.header__search-toggle.is-active .header__search-icon--open {
    display: none !important;
}

.header__search-toggle.is-active .header__search-icon--close {
    display: block !important;
}

.header__icon-btn {
    width: calc(40 / var(--base-width) * 100vw);
    height: calc(40 / var(--base-width) * 100vw);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-white);
    transition: opacity 0.3s;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
}

.header__icon-btn:hover {
    opacity: 0.7;
}

.header__icon-btn img {
    width: calc(20 / var(--base-width) * 100vw);
    height: calc(20 / var(--base-width) * 100vw);
    display: block;
}

/* Стили для ссылок-иконок */
a.header__icon-btn {
    text-decoration: none;
    color: inherit;
}

.header__burger {
    display: none;
    flex-direction: column;
    gap: calc(4 / var(--base-width) * 100vw);
    width: calc(30 / var(--base-width) * 100vw);
    height: calc(24 / var(--base-width) * 100vw);
}

.header__burger span {
    width: 100%;
    height: calc(2 / var(--base-width) * 100vw);
    background: var(--color-white);
    transition: all 0.3s;
}

/* Hero Section */
.hero {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.hero .header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
}

.hero__slider {
    position: absolute;
    top: 0 !important;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    margin: 0 !important;
    padding: 0 !important;
}

.hero__slider .swiper {
    height: 100%;
}

.hero__slider > .swiper-wrapper {
    height: 100%;
}

.hero__slider .swiper,
.hero__slider.swiper {
    margin: 0 !important;
    padding: 0 !important;
}

.hero__slider .swiper-wrapper {
    align-items: stretch;
    margin: 0 !important;
    padding: 0 !important;
}

.hero__slider .swiper-slide {
    height: 100%;
    margin: 0 !important;
}

.hero__slide {
    width: 100%;
    height: 100%;
}

.hero__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.hero__bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Hero Video Background */
.hero__video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hero__video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, #111b19 0%, #222e2d 50%, #0c202c 100%);
    opacity: 0.65;
}

.hero__slide .container {
    height: 100%;
    position: relative;
}

.hero__content {
    color: var(--color-white);
    z-index: 1;
    width: calc(650 / var(--base-width) * 100vw);
    margin-top: calc(300 / var(--base-width) * 100vw);
    margin-left: 0;
    margin-right: auto;
}

.hero__title {
    font-family: var(--font-serif);
    font-size: calc(73 / var(--base-width) * 100vw);
    font-weight: 600;
    line-height: 1;
    margin-bottom: calc(50 / var(--base-width) * 100vw);
    letter-spacing: -0.02em;
}

.hero__text {
    font-family: var(--font-sans);
    font-size: calc(18 / var(--base-width) * 100vw);
    line-height: 1.6;
    margin-bottom: calc(50 / var(--base-width) * 100vw);
    opacity: 0.9;
    max-width: calc(470 / var(--base-width) * 100vw);
}

.hero__btn {
    display: inline-flex;
    text-decoration: none;
}

.hero__actions {
    display: flex;
    align-items: center;
    gap: calc(55 / var(--base-width) * 100vw);
}

.hero--single-slide .hero__nav {
    display: none;
}

.hero__nav {
    display: flex;
    gap: calc(8 / var(--base-width) * 100vw);
}

.hero__nav-btn {
    width: calc(60 / var(--base-width) * 100vw);
    height: calc(60 / var(--base-width) * 100vw);
    border-radius: var(--radius-full);
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(50px);
    -webkit-backdrop-filter: blur(50px);
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.25s ease;
}

.hero__nav-btn:hover {
    background: #006359;
}

.hero__nav-arrow {
    width: calc(20 / var(--base-width) * 100vw);
    height: calc(10 / var(--base-width) * 100vw);
    object-fit: contain;
}

.hero__nav-arrow--prev {
    transform: scaleX(-1);
}

.hero__dots {
    display: flex;
    gap: calc(10 / var(--base-width) * 100vw);
    margin-top: calc(20 / var(--base-width) * 100vw);
}

.hero__dot {
    width: calc(10 / var(--base-width) * 100vw);
    height: calc(10 / var(--base-width) * 100vw);
    border-radius: var(--radius-full);
    background: rgba(255, 255, 255, 0.3);
    border: calc(1 / var(--base-width) * 100vw) solid rgba(255, 255, 255, 0.5);
    cursor: pointer;
    transition: all 0.3s;
}

.hero__dot--active {
    background: var(--color-white);
    border-color: var(--color-white);
}

/* Buttons */
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: calc(10 / var(--base-width) * 100vw);
    width: fit-content;
    height: calc(60 / var(--base-width) * 100vw);
    padding: 0 calc(36 / var(--base-width) * 100vw);
    border-radius: calc(12 / var(--base-width) * 100vw);
    font-size: calc(16 / var(--base-width) * 100vw);
    font-weight: 400;
    cursor: pointer;
    font-family: var(--font-sans);
    border: none;
    box-sizing: border-box;
}

/* Rectangular buttons - Primary (filled) */
.btn--primary {
    position: relative;
    background: radial-gradient(circle, #51AE6A 0%, #2CA4A1 100%);
    color: var(--color-white);
    overflow: hidden;
}

.btn--primary::before {
    content: '';
    position: absolute;
    inset: 0;
    background: #006359;
    opacity: 0;
    transition: opacity 0.25s ease;
}

.btn--primary:hover::before {
    opacity: 1;
}

.btn__content {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    gap: calc(10 / var(--base-width) * 100vw);
}

/* Rectangular buttons - Outlined */
.btn--outlined {
    background: transparent;
    color: var(--color-teal);
    border: calc(1 / var(--base-width) * 100vw) solid var(--color-teal);
    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.btn--outlined:hover {
    background: var(--color-green);
    color: var(--color-white);
    border-color: var(--color-green);
}

/* Rounded buttons (pill-shaped) - Filled */
.btn--rounded {
    position: relative;
    border-radius: calc(9999 / var(--base-width) * 100vw);
    background: radial-gradient(circle, #51AE6A 0%, #2CA4A1 100%);
    color: var(--color-white);
    border: none;
    overflow: hidden;
}

.btn--rounded::before {
    content: '';
    position: absolute;
    inset: 0;
    background: #006359;
    border-radius: inherit;
    opacity: 0;
    transition: opacity 0.25s ease;
}

.btn--rounded:hover::before {
    opacity: 1;
}


.btn--white {
    background: var(--color-white);
    color: var(--color-teal);
}

.btn--white:hover {
    background: rgba(255, 255, 255, 0.9);
}

.btn__icon {
    width: calc(20 / var(--base-width) * 100vw);
    height: calc(20 / var(--base-width) * 100vw);
}

/* Секция с общим градиентом (О Фонде, Цели Фонда, Фонд в цифрах) */
.main-gradient {
    background: linear-gradient(to bottom, #E8F9F8 0%, #DFF2FF 100%);
}

/* About Block */
.about {
    padding: calc(150 / var(--base-width) * 100vw) 0;
}

.about__content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: calc(25 / var(--base-width) * 100vw);
    align-items: flex-start;
}

.about__text {
    padding-top: calc(90 / var(--base-width) * 100vw);
}

.about__title {
    font-family: var(--font-serif);
    font-size: calc(65 / var(--base-width) * 100vw);
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -0.03em;
    margin-bottom: calc(20 / var(--base-width) * 100vw);
    color: var(--color-text-dark);
}

.about__subtitle {
    font-family: var(--font-sans);
    font-size: calc(30 / var(--base-width) * 100vw);
    font-weight: 300;
    line-height: 1.4;
    letter-spacing: -0.03em;
    color: var(--color-text-dark);
    max-width: calc(485 / var(--base-width) * 100vw);
    margin-bottom: calc(110 / var(--base-width) * 100vw);
}

.about__description {
    max-width: calc(540 / var(--base-width) * 100vw);
    margin-bottom: calc(45 / var(--base-width) * 100vw);
}

.about__btn {
    height: calc(60 / var(--base-width) * 100vw);
}

.about__description p {
    font-size: calc(18 / var(--base-width) * 100vw);
    line-height: 1.6;
    letter-spacing: -0.03em;
    color: rgba(0, 0, 0, 0.85);
    margin-bottom: calc(20 / var(--base-width) * 100vw);
}

.about__description p:last-child {
    margin-bottom: 0;
}

.about__image img {
    width: 100%;
}

/* Section Title */
.section-title {
    font-family: var(--font-serif);
    font-size: calc(65 / var(--base-width) * 100vw);
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -0.03em;
    margin-bottom: calc(60 / var(--base-width) * 100vw);
    color: var(--color-text-dark);
}

.main-gradient .section-title {
    text-align: left;
}

/* Goals Block */
.goals {
    position: relative;
    padding: calc(100 / var(--base-width) * 100vw) 0 calc(60 / var(--base-width) * 100vw);
    padding-left: calc(100 / var(--base-width) * 100vw);
    padding-right: 0;
    overflow: hidden;
}

.goals__title {
    margin-bottom: calc(60 / var(--base-width) * 100vw);
}

.goals__layout {
    display: flex;
    align-items: flex-end;
    gap: calc(100 / var(--base-width) * 100vw);
}

.goals__left {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    z-index: 10;
    min-height: calc(600 / var(--base-width) * 100vw);
}

.goals__globe {
    position: absolute;
    width: calc(500 / var(--base-width) * 100vw);
    height: calc(443 / var(--base-width) * 100vw);
    left: -15%;
    top: 20%;
    pointer-events: none;
    opacity: 0.3;
}

.goals__nav {
    display: flex;
    gap: calc(8 / var(--base-width) * 100vw);
    margin-top: calc(300 / var(--base-width) * 100vw);
}

.goals__nav-btn {
    position: relative;
    width: calc(60 / var(--base-width) * 100vw);
    height: calc(60 / var(--base-width) * 100vw);
    border-radius: var(--radius-full);
    background: radial-gradient(circle, #51AE6A 0%, #2CA4A1 100%);
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    overflow: hidden;
}

.goals__nav-btn::before {
    content: '';
    position: absolute;
    inset: 0;
    background: #006359;
    border-radius: inherit;
    opacity: 0;
    transition: opacity 0.25s ease;
}

.goals__nav-btn:hover::before {
    opacity: 1;
}

.goals__nav-arrow {
    position: relative;
    z-index: 1;
    width: calc(20 / var(--base-width) * 100vw);
    height: calc(10 / var(--base-width) * 100vw);
    object-fit: contain;
    filter: brightness(0) invert(1);
}

.goals__nav-arrow--prev {
    transform: scaleX(-1);
}

.goals__carousel {
    flex: 1;
    min-width: 0;
    overflow: hidden;
}

.goals__carousel .swiper-wrapper {
    align-items: stretch;
}

.goals__carousel .swiper-wrapper {
    align-items: stretch;
}

.goals__carousel .swiper-slide {
    height: auto;
    display: flex;
}

.goals__card {
    width: calc(400 / var(--base-width) * 100vw);
    height: calc(600 / var(--base-width) * 100vw);
    padding: calc(34 / var(--base-width) * 100vw);
    border-radius: calc(30 / var(--base-width) * 100vw) calc(30 / var(--base-width) * 100vw) calc(30 / var(--base-width) * 100vw) 0;
    display: flex;
    flex-direction: column;
    background: #FFFFFF;
    box-shadow: none !important;
}

.goals__card .card__image {
    width: calc(218 / var(--base-width) * 100vw);
    height: calc(218 / var(--base-width) * 100vw);
    border-radius: calc(200 / var(--base-width) * 100vw) calc(200 / var(--base-width) * 100vw) calc(200 / var(--base-width) * 100vw) 0;
    margin-bottom: calc(15 / var(--base-width) * 100vw);
    overflow: hidden;
    flex-shrink: 0;
}

.goals__card .card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.goals__card-num {
    display: block;
    font-family: var(--font-sans);
    font-size: calc(16 / var(--base-width) * 100vw);
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: -0.03em;
    color: rgba(0, 0, 0, 0.5);
    margin-bottom: calc(100 / var(--base-width) * 100vw);
}

.goals__card .card__title {
    font-family: var(--font-sans);
    font-size: calc(28 / var(--base-width) * 100vw);
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -0.03em;
    color: #000000;
    max-width: calc(336 / var(--base-width) * 100vw);
    margin-bottom: calc(30 / var(--base-width) * 100vw);
}

.goals__card .card__text {
    font-family: var(--font-sans);
    font-size: calc(18 / var(--base-width) * 100vw);
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: -0.03em;
    color: rgba(0, 0, 0, 0.75);
    max-width: calc(278 / var(--base-width) * 100vw);
}

/* Card Component */
.card {
    background: var(--color-white);
    padding: var(--spacing-md);
    border-radius: calc(30 / var(--base-width) * 100vw) calc(30 / var(--base-width) * 100vw) calc(30 / var(--base-width) * 100vw) 0;
    box-shadow: var(--shadow-md);
    transition: transform 0.3s, box-shadow 0.3s;
}


.card__image {
    width: 100%;
    aspect-ratio: 1;
    border-radius: var(--radius-full);
    overflow: hidden;
    margin-bottom: var(--spacing-md);
}

.card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.card__title {
    font-family: var(--font-serif);
    font-size: calc(24 / var(--base-width) * 100vw);
    font-weight: 600;
    margin-bottom: calc(12 / var(--base-width) * 100vw);
    color: var(--color-text-dark);
}

.card__text {
    font-size: calc(16 / var(--base-width) * 100vw);
    color: var(--color-text-light);
    line-height: 1.6;
}

.card__content {
    padding: var(--spacing-sm) 0;
}

.card__date {
    font-size: var(--font-size-sm);
    color: var(--color-text-light);
}

.card__more {
    position: absolute;
    bottom: var(--spacing-md);
    right: var(--spacing-md);
    width: calc(40 / var(--base-width) * 100vw);
    height: calc(40 / var(--base-width) * 100vw);
    background: var(--color-green);
    border-radius: var(--radius-full);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s;
}

.card__more:hover {
    background: var(--color-green-dark);
}

.card__more img {
    width: calc(20 / var(--base-width) * 100vw);
    height: calc(20 / var(--base-width) * 100vw);
}

/* Numbers Block */
.numbers {
    padding: calc(100 / var(--base-width) * 100vw) 0 calc(150 / var(--base-width) * 100vw);
}

.numbers__title {
    margin-bottom: calc(40 / var(--base-width) * 100vw);
}

.numbers__grid {
    display: flex;
    gap: calc(24 / var(--base-width) * 100vw);
}

.numbers__card {
    width: calc(271 / var(--base-width) * 100vw);
    min-height: calc(329 / var(--base-width) * 100vw);
    padding: calc(27 / var(--base-width) * 100vw) calc(27 / var(--base-width) * 100vw) calc(30 / var(--base-width) * 100vw);
    border-radius: calc(30 / var(--base-width) * 100vw) calc(30 / var(--base-width) * 100vw) calc(30 / var(--base-width) * 100vw) 0;
    background: #FFFFFF;
    text-align: left;
    display: flex;
    flex-direction: column;
    box-shadow: none;
}

.numbers__icon {
    width: calc(45 / var(--base-width) * 100vw);
    height: calc(35 / var(--base-width) * 100vw);
    margin-bottom: calc(90 / var(--base-width) * 100vw);
}

.numbers__icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.numbers__value {
    font-family: var(--font-sans);
    font-size: calc(80 / var(--base-width) * 100vw);
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: -0.06em;
    background: linear-gradient(70deg, #2FBD99 8%, #3792C0 92%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: calc(20 / var(--base-width) * 100vw);
}

.numbers__label {
    font-family: var(--font-sans);
    font-size: calc(14.7 / var(--base-width) * 100vw);
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: -0.03em;
    color: var(--color-text-dark);
    margin-top: auto;
}

/* Capital Section */
.capital {
    padding: var(--spacing-xxl) 0;
    background: var(--color-teal);
    color: var(--color-white);
}

.capital__content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-xl);
    align-items: center;
}

.capital__title {
    font-family: var(--font-serif);
    font-size: var(--font-size-3xl);
    font-weight: 600;
    margin-bottom: var(--spacing-md);
    color: var(--color-white);
}

.capital__description {
    font-size: var(--font-size-lg);
    margin-bottom: var(--spacing-lg);
    opacity: 0.9;
    line-height: 1.8;
}

.capital__cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-md);
}

.capital__card {
    background: var(--color-white);
    color: var(--color-text-dark);
}

/* Join Section */
.join {
    padding: calc(140 / var(--base-width) * 100vw) calc(100 / var(--base-width) * 100vw);
    background: #0B888F;
    color: var(--color-white);
}

.join__content {
    display: flex;
    gap: calc(74 / var(--base-width) * 100vw);
    align-items: center;
}

.join__text {
    display: flex;
    flex-direction: column;
    gap: calc(99 / var(--base-width) * 100vw);
    width: calc(402 / var(--base-width) * 100vw);
    flex-shrink: 0;
}

.join__description {
    font-family: var(--font-serif);
    font-size: calc(32 / var(--base-width) * 100vw);
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: -0.03em;
    color: var(--color-white);
}

.join__btn {
    align-self: flex-start;
}

.btn--gradient-outline {
    position: relative;
    background: transparent;
    color: var(--color-white);
    border: none;
    border-radius: calc(100 / var(--base-width) * 100vw);
    z-index: 1;
}

.btn--gradient-outline::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.96) 0%, #7AE582 100%);
    -webkit-mask: 
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0);
    mask: 
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
    transition: opacity 0.3s ease;
}

.btn--gradient-outline::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: #006359;
    opacity: 0;
    z-index: -2;
    transition: opacity 0.3s ease;
}

.btn--gradient-outline:hover::before {
    opacity: 0;
}

.btn--gradient-outline:hover::after {
    opacity: 1;
}

.join__cards {
    display: flex;
    gap: calc(28 / var(--base-width) * 100vw);
    width: calc(980 / var(--base-width) * 100vw);
}

.join__card {
    flex: 1;
    background: #F1FFFD;
    color: var(--color-text-dark);
    padding: calc(35 / var(--base-width) * 100vw) calc(20 / var(--base-width) * 100vw) calc(20 / var(--base-width) * 100vw) calc(35 / var(--base-width) * 100vw);
    border-radius: calc(30 / var(--base-width) * 100vw) calc(30 / var(--base-width) * 100vw) calc(30 / var(--base-width) * 100vw) 0;
    display: flex;
    flex-direction: column;
    box-shadow: none;
    text-decoration: none;
    cursor: pointer;
    transition: background 0.3s ease;
}

.join__card:hover {
    background: #FFFFFF;
}

.join__card-top {
    display: flex;
    flex-direction: column;
    gap: calc(63 / var(--base-width) * 100vw);
    margin-bottom: calc(79 / var(--base-width) * 100vw);
}

.join__card-image {
    width: calc(300 / var(--base-width) * 100vw);
    height: calc(300 / var(--base-width) * 100vw);
    border-radius: calc(200 / var(--base-width) * 100vw) calc(200 / var(--base-width) * 100vw) calc(200 / var(--base-width) * 100vw) 0;
    overflow: hidden;
    flex-shrink: 0;
}

.join__card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.join__card-title {
    font-family: var(--font-sans);
    font-size: calc(28 / var(--base-width) * 100vw);
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -0.03em;
    color: #2C3337;
}

.join__card-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: auto;
}

.join__card-label {
    font-family: var(--font-sans);
    font-size: calc(16 / var(--base-width) * 100vw);
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: -0.03em;
    color: #2C3337;
}

.join__card-btn {
    position: relative;
    width: calc(60 / var(--base-width) * 100vw);
    height: calc(60 / var(--base-width) * 100vw);
    border-radius: var(--radius-full);
    background: radial-gradient(circle at 30% 30%, #51AE6A 0%, #2CA4A1 100%);
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
    overflow: hidden;
}

.join__card-btn::before {
    content: '';
    position: absolute;
    inset: 0;
    background: #006359;
    border-radius: inherit;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.join__card:hover .join__card-btn::before {
    opacity: 1;
}

.join__card-btn img {
    position: relative;
    z-index: 1;
    width: calc(20 / var(--base-width) * 100vw);
    height: calc(20 / var(--base-width) * 100vw);
    filter: brightness(0) invert(1);
}

/* Quote Section */
.quote {
    padding: var(--spacing-xxl) 0;
    background: var(--color-light-blue);
}

.quote__carousel {
    position: relative;
    padding-bottom: calc(50 / var(--base-width) * 100vw);
}

.quote__card {
    max-width: calc(1200 / var(--base-width) * 100vw);
    margin: 0 auto;
    padding: var(--spacing-xl);
    position: relative;
}

.quote__content {
    display: grid;
    grid-template-columns: calc(200 / var(--base-width) * 100vw) 1fr;
    gap: var(--spacing-lg);
    align-items: start;
}

.quote__image {
    width: 100%;
    aspect-ratio: 1;
    border-radius: var(--radius-full);
    overflow: hidden;
}

.quote__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.quote__name {
    font-family: var(--font-serif);
    font-size: var(--font-size-2xl);
    font-weight: 600;
    margin-bottom: calc(4 / var(--base-width) * 100vw);
    color: var(--color-text-dark);
}

.quote__position {
    font-size: var(--font-size-base);
    color: var(--color-text-light);
    margin-bottom: var(--spacing-md);
}

.quote__blockquote {
    font-family: var(--font-serif);
    font-size: var(--font-size-lg);
    line-height: 1.8;
    margin-bottom: var(--spacing-lg);
    color: var(--color-text-dark);
    font-style: italic;
}

.quote__pagination {
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
    justify-content: flex-end;
    gap: calc(12 / var(--base-width) * 100vw);
}

.quote__pagination .swiper-pagination-bullet {
    width: calc(12 / var(--base-width) * 100vw);
    height: calc(12 / var(--base-width) * 100vw);
    border-radius: var(--radius-full);
    background: rgba(0, 128, 128, 0.3);
    opacity: 1;
    cursor: pointer;
    transition: background 0.3s;
}

.quote__pagination .swiper-pagination-bullet-active {
    background: var(--color-teal);
}

/* News & Partners Section (общий градиент) */
.news-partners {
    position: relative;
    background: linear-gradient(to bottom, #E8F9F8 30%, #DFF2FF 84%);
    padding-top: calc(465 / var(--base-width) * 100vw);
    padding-bottom: calc(150 / var(--base-width) * 100vw);
    margin-top: calc(-400 / var(--base-width) * 100vw);
}

/* News Block */
.news {
    margin-bottom: calc(120 / var(--base-width) * 100vw);
}

.news__title {
    margin-bottom: calc(40 / var(--base-width) * 100vw);
}

.news__cards {
    display: flex;
    gap: calc(25 / var(--base-width) * 100vw);
    margin-bottom: calc(40 / var(--base-width) * 100vw);
}

.news__card {
    flex: 1;
    background: #FFFFFF;
    border-radius: calc(30 / var(--base-width) * 100vw) calc(30 / var(--base-width) * 100vw) calc(30 / var(--base-width) * 100vw) 0;
    padding: calc(33 / var(--base-width) * 100vw) calc(40 / var(--base-width) * 100vw) calc(30 / var(--base-width) * 100vw);
    display: flex;
    flex-direction: column;
    min-height: calc(558 / var(--base-width) * 100vw);
    text-decoration: none;
    color: inherit;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.news__card:hover {
    transform: translateY(calc(-8 / var(--base-width) * 100vw));
    box-shadow: 0 calc(4 / var(--base-width) * 100vw) calc(15 / var(--base-width) * 100vw) rgba(199, 211, 235, 0.4);
}

.news__card:hover .news__card-btn::before {
    opacity: 1;
}

.news__card-image {
    width: calc(300 / var(--base-width) * 100vw);
    height: calc(300 / var(--base-width) * 100vw);
    border-radius: calc(200 / var(--base-width) * 100vw) calc(200 / var(--base-width) * 100vw) calc(200 / var(--base-width) * 100vw) 0;
    overflow: hidden;
    margin-bottom: calc(23 / var(--base-width) * 100vw);
    flex-shrink: 0;
}


.news__card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.news__card-title {
    font-family: var(--font-sans);
    font-size: calc(25 / var(--base-width) * 100vw);
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: -0.03em;
    color: #000000;
    margin-bottom: auto;
}

.news__card-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: calc(30 / var(--base-width) * 100vw);
}

.news__card-date {
    font-family: var(--font-sans);
    font-size: calc(18 / var(--base-width) * 100vw);
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: -0.03em;
    color: #000000;
}

.news__card-btn {
    position: relative;
    width: calc(60 / var(--base-width) * 100vw);
    height: calc(60 / var(--base-width) * 100vw);
    border-radius: var(--radius-full);
    background: radial-gradient(circle at 30% 30%, #51AE6A 0%, #2CA4A1 100%);
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    overflow: hidden;
}

.news__card-btn::before {
    content: '';
    position: absolute;
    inset: 0;
    background: #006359;
    border-radius: inherit;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.news__card-btn img {
    position: relative;
    z-index: 1;
    width: calc(20 / var(--base-width) * 100vw);
    height: calc(20 / var(--base-width) * 100vw);
    filter: brightness(0) invert(1);
}

.news__btn {
    display: inline-flex;
}

/* Partners Block */
.partners {
    padding: 0;
    background: transparent;
}

.partners__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: calc(48 / var(--base-width) * 100vw);
}

.partners__title {
    margin-bottom: 0;
}

.partners__nav {
    display: flex;
    gap: calc(20 / var(--base-width) * 100vw);
}

.partners__nav-btn {
    position: relative;
    width: calc(60 / var(--base-width) * 100vw);
    height: calc(60 / var(--base-width) * 100vw);
    border-radius: var(--radius-full);
    background: radial-gradient(circle, #51AE6A 0%, #2CA4A1 100%);
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    overflow: hidden;
}

.partners__nav-btn::before {
    content: '';
    position: absolute;
    inset: 0;
    background: #006359;
    border-radius: inherit;
    opacity: 0;
    transition: opacity 0.25s ease;
}

.partners__nav-btn:hover::before {
    opacity: 1;
}

.partners__nav-arrow {
    position: relative;
    z-index: 1;
    width: calc(20 / var(--base-width) * 100vw);
    height: calc(10 / var(--base-width) * 100vw);
    object-fit: contain;
    filter: brightness(0) invert(1);
}

.partners__nav-arrow--prev {
    transform: scaleX(-1);
}

.partners__carousel {
    position: relative;
}

.partners__carousel .swiper-wrapper {
    align-items: stretch;
}

.partners__carousel .swiper-slide {
    height: auto;
    display: flex;
}

.partners__logo {
    background: #FFFFFF;
    border-radius: calc(30 / var(--base-width) * 100vw) calc(30 / var(--base-width) * 100vw) calc(30 / var(--base-width) * 100vw) 0;
    height: calc(140 / var(--base-width) * 100vw);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.partners__logo img {
    max-width: 60%;
    max-height: 65%;
    object-fit: contain;
}

/* Footer */
.footer {
    background: #067A80;
    color: var(--color-white);
    padding: calc(60 / var(--base-width) * 100vw) 0 calc(40 / var(--base-width) * 100vw);
}

/* Footer Top Section */
.footer__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(60 / var(--base-width) * 100vw);
    margin-bottom: calc(40 / var(--base-width) * 100vw);
}

.footer__logo {
    flex-shrink: 0;
}

.footer__logo img {
    width: calc(152 / var(--base-width) * 100vw);
    height: calc(80 / var(--base-width) * 100vw);
    object-fit: contain;
}

.footer__contacts {
    display: flex;
    gap: calc(80 / var(--base-width) * 100vw);
}

.footer__contact-item {
    display: flex;
    flex-direction: column;
    gap: calc(5 / var(--base-width) * 100vw);
}

.footer__contact-label {
    font-family: var(--font-sans);
    font-size: calc(10 / var(--base-width) * 100vw);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #51AE6A;
    line-height: 1.5;
}

.footer__contact-value {
    font-family: var(--font-sans);
    font-size: calc(15 / var(--base-width) * 100vw);
    font-weight: 400;
    color: var(--color-white);
    text-decoration: none;
    transition: opacity 0.3s;
}

.footer__contact-value:hover {
    opacity: 0.8;
}

.footer__cta-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: calc(20 / var(--base-width) * 100vw) calc(35 / var(--base-width) * 100vw);
    border: calc(1 / var(--base-width) * 100vw) solid #399599;
    border-radius: calc(10 / var(--base-width) * 100vw);
    background: transparent;
    font-family: var(--font-sans);
    font-size: calc(16 / var(--base-width) * 100vw);
    font-weight: 400;
    color: var(--color-white);
    text-decoration: none;
    white-space: nowrap;
    transition: background 0.3s, border-color 0.3s;
}

.footer__cta-btn:hover {
    background: #399599;
    border-color: #399599;
}

/* Footer Divider */
.footer__divider {
    width: 100%;
    height: calc(1 / var(--base-width) * 100vw);
    background: rgba(255, 255, 255, 0.2);
    margin-bottom: calc(30 / var(--base-width) * 100vw);
}

/* Footer Middle Section */
.footer__middle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: calc(40 / var(--base-width) * 100vw);
}

.footer__nav {
    display: flex;
    align-items: center;
    gap: calc(5 / var(--base-width) * 100vw);
}

.footer__nav-item {
    position: relative;
}

.footer__nav-item--dropdown::after {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    height: calc(16 / var(--base-width) * 100vw);
}

.footer__nav-link {
    display: flex;
    align-items: center;
    gap: calc(5 / var(--base-width) * 100vw);
    padding: calc(10 / var(--base-width) * 100vw);
    font-family: var(--font-sans);
    font-size: calc(15 / var(--base-width) * 100vw);
    font-weight: 400;
    color: var(--color-white);
    text-decoration: none;
    white-space: nowrap;
    border-radius: calc(7 / var(--base-width) * 100vw);
    transition: background 0.2s, backdrop-filter 0.2s;
    border: none;
    background: none;
    cursor: pointer;
}

.footer__nav-link:hover {
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(50px);
    -webkit-backdrop-filter: blur(50px);
}

.footer__nav-link--trigger {
    font-family: inherit;
    cursor: default;
}

.footer__nav-arrow {
    width: calc(12 / var(--base-width) * 100vw);
    height: calc(11 / var(--base-width) * 100vw);
    display: block;
    opacity: 0.7;
    transform: rotate(180deg);
}

/* Footer Dropdown - появляется сверху */
.footer__dropdown {
    position: absolute;
    bottom: 100%;
    left: 0;
    width: max-content;
    margin-bottom: calc(16 / var(--base-width) * 100vw);
    padding: calc(8 / var(--base-width) * 100vw) 0;
    background: #E8F9F8;
    border-radius: calc(7 / var(--base-width) * 100vw);
    box-shadow: 0 calc(-4 / var(--base-width) * 100vw) calc(20 / var(--base-width) * 100vw) rgba(0, 0, 0, 0.15);
    opacity: 0;
    visibility: hidden;
    transform: translateY(calc(4 / var(--base-width) * 100vw));
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
    z-index: 1001;
}

.footer__nav-item--dropdown.is-open .footer__dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.footer__nav-item--dropdown.is-open .footer__nav-link--trigger {
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(50px);
    -webkit-backdrop-filter: blur(50px);
}

.footer__dropdown-link {
    display: block;
    padding: calc(10 / var(--base-width) * 100vw) calc(16 / var(--base-width) * 100vw);
    font-size: calc(14 / var(--base-width) * 100vw);
    font-weight: 400;
    color: var(--color-text-dark);
    text-decoration: none;
    transition: color 0.2s;
}

.footer__dropdown-link:hover {
    color: #51AE6A;
}

/* Footer Social */
.footer__social {
    display: flex;
    align-items: center;
    gap: calc(15 / var(--base-width) * 100vw);
}

.footer__social-link {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.3s;
}

.footer__social-link:hover {
    opacity: 0.7;
}

.footer__social-link img {
    width: calc(20 / var(--base-width) * 100vw);
    height: calc(20 / var(--base-width) * 100vw);
}

/* Footer Bottom */
.footer__bottom {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.footer__bottom-left {
    display: flex;
    align-items: center;
    gap: calc(60 / var(--base-width) * 100vw);
}

.footer__copyright {
    font-family: var(--font-sans);
    font-size: calc(14 / var(--base-width) * 100vw);
    font-weight: 400;
    color: var(--color-white);
    opacity: 0.5;
}

.footer__policy {
    font-family: var(--font-sans);
    font-size: calc(14 / var(--base-width) * 100vw);
    font-weight: 400;
    color: var(--color-white);
    opacity: 0.5;
    text-decoration: none;
    transition: opacity 0.3s;
}

.footer__policy:hover {
    opacity: 0.8;
}

.footer__developer {
    display: flex;
    align-items: center;
    gap: calc(10 / var(--base-width) * 100vw);
    text-decoration: none;
    transition: opacity 0.3s;
}

.footer__developer:hover {
    opacity: 0.7;
}

.footer__developer-logo {
    width: calc(46 / var(--base-width) * 100vw);
    height: auto;
}

.footer__developer-text {
    font-family: var(--font-sans);
    font-size: calc(11 / var(--base-width) * 100vw);
    font-weight: 400;
    line-height: 1.3;
    color: var(--color-white);
    opacity: 0.5;
}

/* Popup Overlay */
.popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.popup-overlay.is-active {
    opacity: 1;
    visibility: visible;
}

/* Popup */
.popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.9);
    width: calc(1500 / var(--base-width) * 100vw);
    max-width: 95vw;
    max-height: 90vh;
    background: #E8F9F8;
    border-radius: calc(15 / var(--base-width) * 100vw);
    padding: calc(60 / var(--base-width) * 100vw) calc(30 / var(--base-width) * 100vw) calc(60 / var(--base-width) * 100vw) calc(60 / var(--base-width) * 100vw);
    z-index: 1001;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
}

.popup.is-active {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) scale(1);
}

.popup__close {
    position: absolute;
    top: calc(-20 / var(--base-width) * 100vw);
    right: calc(-20 / var(--base-width) * 100vw);
    width: calc(64 / var(--base-width) * 100vw);
    height: calc(64 / var(--base-width) * 100vw);
    background: #0B888F;
    border: none;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.3s ease;
    z-index: 1002;
}

.popup__close:hover {
    background: #006359;
}

.popup__close svg {
    width: calc(24 / var(--base-width) * 100vw);
    height: calc(24 / var(--base-width) * 100vw);
}

.popup__content {
    max-height: calc(90vh - calc(140 / var(--base-width) * 100vw));
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
    display: flex;
    flex-direction: column;
    gap: calc(40 / var(--base-width) * 100vw);
    padding-right: calc(20 / var(--base-width) * 100vw);
    scrollbar-width: thin;
    scrollbar-color: rgba(11, 136, 143, 0.35) transparent;
}

/* Custom Scrollbar for Popup */
.popup__content::-webkit-scrollbar {
    width: 6px;
}

.popup__content::-webkit-scrollbar-track {
    background: transparent;
}

.popup__content::-webkit-scrollbar-thumb {
    background: rgba(11, 136, 143, 0.35);
    border-radius: 10px;
}

.popup__content::-webkit-scrollbar-thumb:hover {
    background: rgba(11, 136, 143, 0.5);
}

.popup__title {
    font-family: var(--font-sans);
    font-size: calc(40 / var(--base-width) * 100vw);
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: -0.03em;
    color: #000000;
}

.popup__donate {
    display: flex;
    gap: calc(60 / var(--base-width) * 100vw);
    align-items: center;
    padding: calc(30 / var(--base-width) * 100vw);
    background: linear-gradient(41deg, #2FBD99 8%, #3792C0 92%);
    border-radius: calc(20 / var(--base-width) * 100vw) calc(20 / var(--base-width) * 100vw) calc(20 / var(--base-width) * 100vw) 0;
}

.popup__qr {
    background: var(--color-white);
    padding: calc(10 / var(--base-width) * 100vw);
    border-radius: calc(15 / var(--base-width) * 100vw) calc(15 / var(--base-width) * 100vw) calc(15 / var(--base-width) * 100vw) 0;
    flex-shrink: 0;
}

.popup__qr img {
    width: calc(150 / var(--base-width) * 100vw);
    height: calc(150 / var(--base-width) * 100vw);
    object-fit: contain;
}

.popup__donate-info {
    display: flex;
    flex-direction: column;
    gap: calc(30 / var(--base-width) * 100vw);
    color: var(--color-white);
}

.popup__donate-title {
    font-family: var(--font-sans);
    font-size: calc(32 / var(--base-width) * 100vw);
    font-weight: 400;
    line-height: 1;
    letter-spacing: -0.03em;
}

.popup__donate-text {
    font-family: var(--font-sans);
    font-size: calc(16 / var(--base-width) * 100vw);
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: -0.03em;
}

.popup__params {
    display: flex;
    flex-direction: column;
    gap: calc(20 / var(--base-width) * 100vw);
}

.popup__params-title {
    font-family: var(--font-sans);
    font-size: calc(20 / var(--base-width) * 100vw);
    font-weight: 400;
    line-height: 1;
    letter-spacing: -0.03em;
    color: #0B888F;
}

.popup__list {
    font-family: var(--font-sans);
    font-size: calc(16 / var(--base-width) * 100vw);
    font-weight: 400;
    line-height: 1.7;
    color: #000000;
    padding-left: calc(30 / var(--base-width) * 100vw);
    margin: 0;
    list-style-type: decimal;
}

.popup__list li {
    margin-bottom: calc(10 / var(--base-width) * 100vw);
}

.popup__list li:last-child {
    margin-bottom: 0;
}

/* Interview Section */
.interview {
    position: relative;
    padding: calc(40 / var(--base-width) * 100vw) 0 calc(100 / var(--base-width) * 100vw);
}

.interview__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: calc((40 + 300) / var(--base-width) * 100vw);
    background: #0B888F;
    z-index: 0;
}

.interview__container {
    position: relative;
    z-index: 1;
    padding: 0 calc(100 / var(--base-width) * 100vw);
}

.interview__card {
    position: relative;
    background: #FFFFFF;
    border-radius: calc(30 / var(--base-width) * 100vw) calc(30 / var(--base-width) * 100vw) calc(30 / var(--base-width) * 100vw) 0;
    width: calc(1450 / var(--base-width) * 100vw);
    height: calc(600 / var(--base-width) * 100vw);
    overflow: hidden;
}

.interview__slider {
    width: 100%;
    height: 100%;
}

.interview__slider .swiper-wrapper {
    height: 100%;
}

.interview__slider .swiper-slide {
    height: 100%;
}

.interview__slide {
    display: flex;
    align-items: stretch;
    height: 100%;
    padding: calc(40 / var(--base-width) * 100vw) calc(50 / var(--base-width) * 100vw) calc(40 / var(--base-width) * 100vw) calc(48 / var(--base-width) * 100vw);
    gap: calc(100 / var(--base-width) * 100vw);
}

.interview__image {
    flex-shrink: 0;
    width: calc(484 / var(--base-width) * 100vw);
    height: calc(518 / var(--base-width) * 100vw);
    border-radius: calc(300 / var(--base-width) * 100vw) calc(300 / var(--base-width) * 100vw) 0 calc(300 / var(--base-width) * 100vw);
    overflow: hidden;
}

.interview__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.interview__content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-top: calc(16 / var(--base-width) * 100vw);
    flex: 1;
}

.interview__name {
    font-family: var(--font-serif);
    font-size: calc(55 / var(--base-width) * 100vw);
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.03em;
    color: #000000;
    margin-bottom: calc(20 / var(--base-width) * 100vw);
    max-width: calc(610 / var(--base-width) * 100vw);
}

.interview__position {
    font-family: var(--font-sans);
    font-size: calc(18 / var(--base-width) * 100vw);
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: -0.03em;
    color: rgba(0, 0, 0, 0.75);
    margin-bottom: calc(60 / var(--base-width) * 100vw);
}

.interview__quote {
    font-family: var(--font-sans);
    font-size: calc(28 / var(--base-width) * 100vw);
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: -0.02em;
    color: #000000;
    margin-bottom: auto;
    max-width: calc(590 / var(--base-width) * 100vw);
}

.interview__btn {
    align-self: flex-start;
    margin-top: calc(40 / var(--base-width) * 100vw);
}

/* Button outlined green variant */
.btn--outlined-green {
    background: transparent;
    color: #37332C;
    border: calc(1 / var(--base-width) * 100vw) solid #51AE6A;
    border-radius: calc(50 / var(--base-width) * 100vw);
    transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

.btn--outlined-green:hover {
    background: #006359;
    color: var(--color-white);
    border-color: #006359;
}

.btn--outlined-green .btn__icon {
    filter: brightness(0) saturate(100%) invert(56%) sepia(52%) saturate(452%) hue-rotate(95deg) brightness(96%) contrast(88%);
    transition: filter 0.3s ease;
}

.btn--outlined-green:hover .btn__icon {
    filter: brightness(0) invert(1);
}

/* Interview Navigation */
.interview__nav {
    position: absolute;
    bottom: calc(44 / var(--base-width) * 100vw);
    right: calc(130 / var(--base-width) * 100vw);
    display: flex;
    gap: calc(20 / var(--base-width) * 100vw);
    z-index: 10;
}

.interview__nav-btn {
    position: relative;
    width: calc(60 / var(--base-width) * 100vw);
    height: calc(60 / var(--base-width) * 100vw);
    border-radius: var(--radius-full);
    background: radial-gradient(circle, #51AE6A 0%, #2CA4A1 100%);
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    overflow: hidden;
}

.interview__nav-btn::before {
    content: '';
    position: absolute;
    inset: 0;
    background: #006359;
    border-radius: inherit;
    opacity: 0;
    transition: opacity 0.25s ease;
}

.interview__nav-btn:hover::before {
    opacity: 1;
}

.interview__nav-arrow {
    position: relative;
    z-index: 1;
    width: calc(20 / var(--base-width) * 100vw);
    height: calc(10 / var(--base-width) * 100vw);
    object-fit: contain;
    filter: brightness(0) invert(1);
}

.interview__nav-arrow--prev {
    transform: scaleX(-1);
}

/* Article Popup Variant */
.popup--article {
    width: calc(1100 / var(--base-width) * 100vw);
    padding: calc(60 / var(--base-width) * 100vw);
}

.popup__content--article {
    display: flex;
    flex-direction: column;
    gap: calc(40 / var(--base-width) * 100vw);
    max-height: calc(700 / var(--base-width) * 100vw);
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: calc(20 / var(--base-width) * 100vw);
    padding-bottom: calc(20 / var(--base-width) * 100vw);
}

.popup__title--article {
    font-family: var(--font-sans);
    font-size: calc(40 / var(--base-width) * 100vw);
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: -0.03em;
    color: #000000;
}

.popup__text {
    display: flex;
    flex-direction: column;
    gap: calc(10 / var(--base-width) * 100vw);
}

.popup__text p, 
.popup__text ul,
.popup__text ol,
.popup__text li {
    font-family: var(--font-sans);
    font-size: calc(16 / var(--base-width) * 100vw);
    font-weight: 300;
    line-height: 1.7;
    color: #000000;
    margin: 0;
}

.popup__text ul,
.popup__text ol {
    margin: 0 0 1em 0;  
    padding-left: 23px;
}

.popup__text li {
    margin-bottom: 0.5em; 
}

.popup__text li:last-child {
    margin-bottom: 0;
}


/* ========================================
   PAGE HEADER (Internal Pages)
   ======================================== */
/* Секция с меню (первая): тот же градиент, без зазора со второй секцией */
.header-section {
    margin-bottom: 0;
    background: linear-gradient(180deg, #00707F 10%, #0C8299 41%, #01999F 70%, #38BB98 100%);
}
.header-section + .page-header {
    margin-top: 0;
}

.page-header {
    position: relative;
    width: 100%;
    height: calc(400 / var(--base-width) * 100vw);
    background: linear-gradient(180deg, #00707F 10%, #0C8299 41%, #01999F 70%, #38BB98 100%);
    overflow: visible;
}


.page-header .header {
    position: relative;
    z-index: 100;
}

.page-header .header--inner {
    background: transparent;
}

.page-header__content {
    position: relative;
    bottom: 0;
    height: 100%;
    padding-top: calc(120 / var(--base-width) * 100vw);
}

.page-header__content > .container {
    display: flex;
    align-items: flex-end;
    height: 100%;
    padding-bottom: calc(60 / var(--base-width) * 100vw);
}

.page-header__title {
    font-family: var(--font-serif);
    font-size: calc(60 / var(--base-width) * 100vw);
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: calc(-2.6 / var(--base-width) * 100vw);
    color: var(--color-white);
    max-width: calc(720 / var(--base-width) * 100vw);
    margin: 0;
    width: 100vw;
}

.page-header__decor {
    position: absolute;
    top: calc(135 / var(--base-width) * 100vw);
    right: calc(100 / var(--base-width) * 100vw);
    width: calc(700 / var(--base-width) * 100vw);
    height: auto;
    pointer-events: none;
    z-index: 10;
}

.page-header__image {
    width: 100%;
    height: auto;
    object-fit: contain;
}

/* Компактная шапка — для страницы поиска и служебных страниц */
.page-header--compact {
    position: relative;
    width: 100%;
    height: auto;
    min-height: calc(250 / var(--base-width) * 100vw);
    background: linear-gradient(180deg, #00707F 10%, #0C8299 41%, #01999F 70%, #38BB98 100%);
    overflow: visible;
}

.page-header__content--compact {
    padding-top: calc(80 / var(--base-width) * 100vw);
}

/* ========================================
   PAGE CONTENT (Internal Pages)
   ======================================== */
.page-content {
    position: relative;
    background: linear-gradient(to bottom, #E8F9F8 0%, #DFF2FF 100%);
    padding: calc(110 / var(--base-width) * 100vw) 0 calc(150 / var(--base-width) * 100vw);
    min-height: calc(500 / var(--base-width) * 100vw);
    margin-top: -1px;
    overflow-x: hidden;
}

.page-content__inner {
    max-width: calc(1200 / var(--base-width) * 100vw);
}

.page-content__inner p {
    font-family: var(--font-sans);
    font-size: calc(18 / var(--base-width) * 100vw);
    line-height: 1.7;
    color: var(--color-text-dark);
    margin-bottom: calc(20 / var(--base-width) * 100vw);
}

.page-content__inner p:last-child {
    margin-bottom: 0;
}

/* ========================================
   SEARCH PAGE (Страница поиска)
   ======================================== */
.search-page__form {
    max-width: 100%;
    margin-bottom: calc(40 / var(--base-width) * 100vw);
}

.search-page__field {
    display: flex;
    align-items: center;
    background: #FFFFFF;
    border-radius: calc(8 / var(--base-width) * 100vw);
    border: 1px solid #0B888F;
    height: calc(56 / var(--base-width) * 100vw);
    padding: 0 calc(20 / var(--base-width) * 100vw);
}

.search-page__input {
    flex: 1;
    border: none;
    background: none;
    font-family: var(--font-sans);
    font-size: calc(18 / var(--base-width) * 100vw);
    color: var(--color-text-dark);
    outline: none;
}

.search-page__input::placeholder {
    color: rgba(0, 0, 0, 0.5);
}

.search-page__submit {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(28 / var(--base-width) * 100vw);
    height: calc(28 / var(--base-width) * 100vw);
    padding: 0;
    border: none;
    background: none;
    cursor: pointer;
    color: #0B888F;
}

.search-page__submit svg {
    width: 100%;
    height: 100%;
}

.search-results {
    position: relative;
    z-index: 10;
    padding: calc(60 / var(--base-width) * 100vw) 0 calc(80 / var(--base-width) * 100vw);
    background: linear-gradient(to bottom, #E8F9F8 31%, #DFF2FF 67%);
}

.search-results .container {
    width: 80%;
    max-width: 80%;
    margin-left: 0;
    margin-right: auto;
}

.search-results__list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.search-results__item {
    padding: calc(25 / var(--base-width) * 100vw) 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.search-results__item:first-child {
    padding-top: 0;
}

.search-results__title {
    font-family: var(--font-sans);
    font-size: calc(25 / var(--base-width) * 100vw);
    font-weight: 400;
    line-height: 1.3;
    margin: 0 0 calc(12 / var(--base-width) * 100vw);
}

.search-results__title a {
    color: #0B888F;
    text-decoration: none;
}

.search-results__title a:hover {
    text-decoration: underline;
}

.search-results__text {
    font-family: var(--font-sans);
    font-size: calc(16 / var(--base-width) * 100vw);
    line-height: 1.5;
    color: #37332C;
    margin: 0;
}

.search-results .news-list__paginator {
    justify-content: flex-start;
    margin-top: calc(40 / var(--base-width) * 100vw);
}

/* Мобильная версия: поле поиска как в мобильном меню + обводка */
@media (max-width: 768px) {
    .search-results .container {
        width: 100%;
        max-width: 100%;
    }

    .search-page__form {
        margin-bottom: calc(30 / 375 * 100vw);
    }

    .search-page__field {
        display: flex;
        align-items: center;
        background: var(--color-white);
        border-radius: calc(5 / 375 * 100vw);
        border: 1px solid #0B888F;
        height: calc(42 / 375 * 100vw);
        padding: 0 calc(16 / 375 * 100vw);
    }

    .search-page__input {
        font-size: calc(14 / 375 * 100vw);
    }

    .search-page__input::placeholder {
        color: rgba(0, 0, 0, 0.5);
    }

    .search-page__submit {
        width: calc(24 / 375 * 100vw);
        height: calc(24 / 375 * 100vw);
    }

    .search-results {
        padding: calc(30 / 375 * 100vw) 0 calc(60 / 375 * 100vw);
    }

    .search-results__item {
        padding: calc(20 / 375 * 100vw) 0;
    }

    .search-results__title {
        font-size: calc(18 / 375 * 100vw);
        margin-bottom: calc(10 / 375 * 100vw);
    }

    .search-results__text {
        font-size: calc(14 / 375 * 100vw);
    }

    .search-results .news-list__paginator {
        justify-content: center;
        margin-top: calc(30 / 375 * 100vw);
    }
}

/* ========================================
   CONTACTS PAGE (Страница контактов)
   ======================================== */
.contacts-page {
    position: relative;
    background: linear-gradient(to bottom, #E8F9F8 31%, #DFF2FF 67%);
    padding: calc(97 / var(--base-width) * 100vw) 0 calc(80 / var(--base-width) * 100vw);
    margin-top: -1px;
}

/* Contacts Info Block */
.contacts-info {
    display: flex;
    flex-direction: column;
    margin-bottom: calc(35 / var(--base-width) * 100vw);
}

.contacts-info__main {
    display: flex;
    flex-direction: column;
    gap: calc(30 / var(--base-width) * 100vw);
}

.contacts-info__row {
    display: flex;
    gap: calc(50 / var(--base-width) * 100vw);
}

.contacts-info__address-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.contacts-info__item {
    display: flex;
    flex-direction: column;
    gap: calc(3 / var(--base-width) * 100vw);
}

.contacts-info__label {
    font-family: var(--font-sans);
    font-size: calc(20 / var(--base-width) * 100vw);
    font-weight: 400;
    line-height: 1.7;
    color: #5BB58D;
}

.contacts-info__value {
    font-family: var(--font-sans);
    font-size: calc(28 / var(--base-width) * 100vw);
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: -0.03em;
    color: #37332C;
}

a.contacts-info__value:hover {
    color: #0B888F;
}

/* Contacts Social Links */
.contacts-info__social {
    display: flex;
    gap: calc(20 / var(--base-width) * 100vw);
    align-items: center;
}

.contacts-social-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(48 / var(--base-width) * 100vw);
    height: calc(48 / var(--base-width) * 100vw);
    background: #0B888F;
    border-radius: 50%;
    transition: background 0.3s ease, transform 0.3s ease;
}

.contacts-social-link:hover {
    background: #067A80;
    transform: scale(1.1);
}

.contacts-social-link img {
    width: calc(24 / var(--base-width) * 100vw);
    height: calc(24 / var(--base-width) * 100vw);
    filter: brightness(0) invert(1);
}

/* Contacts Map */
.contacts-map {
    width: 100%;
    height: calc(519 / var(--base-width) * 100vw);
    border-radius: calc(25 / var(--base-width) * 100vw);
    overflow: hidden;
    margin-bottom: calc(80 / var(--base-width) * 100vw);
}

/* Bank Details */
.contacts-bank {
    margin-bottom: calc(0 / var(--base-width) * 100vw);
}

.contacts-bank__title {
    font-family: var(--font-sans);
    font-size: calc(28 / var(--base-width) * 100vw);
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: -0.03em;
    color: #37332C;
    margin-bottom: calc(40 / var(--base-width) * 100vw);
    max-width: calc(1191 / var(--base-width) * 100vw);
}

.contacts-bank__grid {
    display: flex;
    justify-content: center;
    gap: 0;
    margin-bottom: calc(20 / var(--base-width) * 100vw);
}

.contacts-bank__column {
    display: flex;
    flex-direction: column;
    gap: calc(15 / var(--base-width) * 100vw);
    flex: 1;
}

.contacts-bank__column:first-child {
    padding-right: calc(65 / var(--base-width) * 100vw);
}

.contacts-bank__column:last-child {
    padding-left: calc(65 / var(--base-width) * 100vw);
}

.contacts-bank__divider {
    width: 1px;
    background: #0B888F;
    flex-shrink: 0;
}

.contacts-bank__row {
    display: flex;
    gap: calc(20 / var(--base-width) * 100vw);
    align-items: flex-start;
}

.contacts-bank__label {
    font-family: var(--font-sans);
    font-size: calc(20 / var(--base-width) * 100vw);
    font-weight: 400;
    line-height: 1.7;
    color: #0B888F;
    width: calc(140 / var(--base-width) * 100vw);
    flex-shrink: 0;
}

.contacts-bank__column:last-child .contacts-bank__label {
    width: calc(130 / var(--base-width) * 100vw);
}

.contacts-bank__label--wrap {
    width: calc(115 / var(--base-width) * 100vw);
}

.contacts-bank__value {
    font-family: var(--font-sans);
    font-size: calc(20 / var(--base-width) * 100vw);
    font-weight: 400;
    line-height: 1.7;
    letter-spacing: -0.03em;
    color: #000000;
}

.contacts-bank__btn {
    display: inline-flex;
    margin-top: calc(15 / var(--base-width) * 100vw);
}

/* Button outlined teal */
.btn--outlined-teal {
    background: transparent;
    border: 1px solid #0B888F;
    border-radius: calc(30 / var(--base-width) * 100vw);
    padding: calc(15 / var(--base-width) * 100vw) calc(35 / var(--base-width) * 100vw);
    color: #0B888F;
    font-family: var(--font-sans);
    font-size: calc(16 / var(--base-width) * 100vw);
    font-weight: 400;
    transition: background 0.3s ease, color 0.3s ease;
}

.btn--outlined-teal:hover {
    background: #0B888F;
    color: #FFFFFF;
}

/* ========================================
   NEWS LIST PAGE (Список новостей)
   ======================================== */
.news-list {
    position: relative;
    background: linear-gradient(to bottom, #E8F9F8 31%, #EAF6FF 67%);
    padding: calc(65 / var(--base-width) * 100vw) 0 calc(100 / var(--base-width) * 100vw);
    margin-top: -1px;
}

/* Filter */
.news-list__filter {
    position: relative;
    margin-bottom: calc(60 / var(--base-width) * 100vw);
}

.news-list__filter-select {
    display: inline-flex;
    align-items: center;
    gap: calc(25 / var(--base-width) * 100vw);
    background: #FFFFFF;
    border: 1px solid rgba(36, 175, 175, 0.5);
    border-radius: calc(5 / var(--base-width) * 100vw);
    padding: calc(15 / var(--base-width) * 100vw) calc(20 / var(--base-width) * 100vw);
    cursor: pointer;
    min-width: calc(245 / var(--base-width) * 100vw);
    justify-content: space-between;
}

.news-list__filter-text {
    font-family: var(--font-sans);
    font-size: calc(18 / var(--base-width) * 100vw);
    font-weight: 400;
    line-height: 1.7;
    color: #000000;
}

.news-list__filter-arrow {
    width: calc(24 / var(--base-width) * 100vw);
    height: calc(24 / var(--base-width) * 100vw);
    transition: transform 0.3s ease;
}

.news-list__filter.is-open .news-list__filter-arrow {
    transform: rotate(180deg);
}

/* Filter Dropdown */
.news-list__filter-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: calc(245 / var(--base-width) * 100vw);
    background: #FFFFFF;
    border: 1px solid rgba(36, 175, 175, 0.5);
    border-radius: calc(5 / var(--base-width) * 100vw);
    padding: calc(15 / var(--base-width) * 100vw) 0;
    margin-top: calc(5 / var(--base-width) * 100vw);
    opacity: 0;
    visibility: hidden;
    transform: translateY(calc(-10 / var(--base-width) * 100vw));
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
    z-index: 100;
}

.news-list__filter.is-open .news-list__filter-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.news-list__filter-option {
    display: block;
    width: 100%;
    padding: calc(10 / var(--base-width) * 100vw) calc(20 / var(--base-width) * 100vw);
    font-family: var(--font-sans);
    font-size: calc(18 / var(--base-width) * 100vw);
    font-weight: 400;
    line-height: 1.7;
    color: #000000;
    background: transparent;
    border: none;
    text-align: left;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.news-list__filter-option:hover {
    background: #0B888F;
    color: #FFFFFF;
}

.news-list__filter-option.is-hidden {
    display: none;
}

/* News Grid */
.news-list__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: calc(25 / var(--base-width) * 100vw);
    margin-bottom: calc(60 / var(--base-width) * 100vw);
}

/* News Card */
.news-list__card {
    display: flex;
    align-items: center;
    gap: calc(30 / var(--base-width) * 100vw);
    background: #FFFFFF;
    border-radius: calc(30 / var(--base-width) * 100vw) calc(30 / var(--base-width) * 100vw) calc(30 / var(--base-width) * 100vw) 0;
    padding: calc(25 / var(--base-width) * 100vw) calc(25 / var(--base-width) * 100vw) calc(25 / var(--base-width) * 100vw) calc(35 / var(--base-width) * 100vw);
    text-decoration: none;
    color: inherit;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.news-list__card:hover {
    transform: translateY(calc(-8 / var(--base-width) * 100vw));
    box-shadow: 0 calc(4 / var(--base-width) * 100vw) calc(15 / var(--base-width) * 100vw) rgba(199, 211, 235, 0.4);
}

.news-list__card:hover .news-list__card-title {
    color: #0B888F;
}

.news-list__card-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: calc(160 / var(--base-width) * 100vw);
    padding-top: calc(10 / var(--base-width) * 100vw);
    padding-right: calc(20 / var(--base-width) * 100vw);
}

.news-list__card-date {
    font-family: var(--font-sans);
    font-size: calc(12 / var(--base-width) * 100vw);
    font-weight: 400;
    line-height: 1;
    color: #2C3337;
    margin-bottom: calc(16 / var(--base-width) * 100vw);
}

.news-list__card-title {
    font-family: var(--font-sans);
    font-size: calc(25 / var(--base-width) * 100vw);
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: calc(-0.5 / var(--base-width) * 100vw);
    color: #2C3337;
    margin: 0;
    transition: color 0.3s ease;
}

.news-list__card-image {
    width: calc(200 / var(--base-width) * 100vw);
    height: calc(200 / var(--base-width) * 100vw);
    border-radius: calc(300 / var(--base-width) * 100vw) calc(300 / var(--base-width) * 100vw) calc(300 / var(--base-width) * 100vw) 0;
    overflow: hidden;
    flex-shrink: 0;
}

.news-list__card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Paginator */
.news-list__paginator {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(15 / var(--base-width) * 100vw);
}

.news-list__paginator-btn {
    width: calc(54 / var(--base-width) * 100vw);
    height: calc(54 / var(--base-width) * 100vw);
    border-radius: calc(7 / var(--base-width) * 100vw);
    border: 1px solid #0B888F;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-sans);
    font-size: calc(16 / var(--base-width) * 100vw);
    font-weight: 400;
    line-height: 1.7;
    color: #0B888F;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.news-list__paginator-btn:hover {
    background: rgba(11, 136, 143, 0.1);
}

.news-list__paginator-btn--active {
    background: #0B888F;
    color: #FFFFFF;
}

.news-list__paginator-btn--active:hover {
    background: #0B888F;
}

.news-list__paginator-btn--prev,
.news-list__paginator-btn--next {
    color: #0B888F;
}

.news-list__paginator-btn--prev svg,
.news-list__paginator-btn--next svg {
    width: calc(15 / var(--base-width) * 100vw);
    height: calc(8 / var(--base-width) * 100vw);
}

/* Paginator links */
a.news-list__paginator-btn {
    text-decoration: none;
    color: #0B888F;
}

a.news-list__paginator-btn--prev,
a.news-list__paginator-btn--next {
    color: #0B888F;
}

/* Filter link options */
a.news-list__filter-option {
    display: block;
    width: 100%;
    padding: calc(10 / var(--base-width) * 100vw) calc(20 / var(--base-width) * 100vw);
    font-family: var(--font-sans);
    font-size: calc(18 / var(--base-width) * 100vw);
    font-weight: 400;
    line-height: 1.7;
    color: #000000;
    text-decoration: none;
    transition: background-color 0.3s ease, color 0.3s ease;
}

a.news-list__filter-option:hover {
    background: #0B888F;
    color: #FFFFFF;
}

a.news-list__filter-option.is-hidden {
    display: none;
}

/* Empty state */
.news-list__empty {
    font-family: var(--font-sans);
    font-size: calc(20 / var(--base-width) * 100vw);
    font-weight: 400;
    line-height: 1.6;
    color: #2C3337;
    text-align: center;
    padding: calc(80 / var(--base-width) * 100vw) 0;
}

/* ========================================
   TARGETS PAGE (Цели и задачи)
   ======================================== */
.targets-intro {
    max-width: calc(1200 / var(--base-width) * 100vw);
    margin-bottom: calc(50 / var(--base-width) * 100vw);
}

.targets-intro p {
    font-family: var(--font-sans);
    font-size: calc(18 / var(--base-width) * 100vw);
    line-height: 1.6;
    color: #37332c;
    margin-bottom: calc(20 / var(--base-width) * 100vw);
}

.targets-intro p:first-child {
    font-size: calc(25 / var(--base-width) * 100vw);
    letter-spacing: calc(-0.75 / var(--base-width) * 100vw);
    max-width: calc(793 / var(--base-width) * 100vw);
}

.targets-intro p:last-child {
    margin-bottom: 0;
}

/* Targets Cards Grid */
.targets-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: calc(26 / var(--base-width) * 100vw);
    margin-bottom: calc(40 / var(--base-width) * 100vw);
}

/* Target Card */
.targets-card {
    background: var(--color-white);
    border-radius: 0 calc(30 / var(--base-width) * 100vw) calc(30 / var(--base-width) * 100vw) calc(30 / var(--base-width) * 100vw);
    padding: calc(30 / var(--base-width) * 100vw) calc(33 / var(--base-width) * 100vw);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: calc(38 / var(--base-width) * 100vw);
}

/* Top block: image + number */
.targets-card__top {
    display: flex;
    flex-direction: column;
    gap: calc(9 / var(--base-width) * 100vw);
    width: calc(300 / var(--base-width) * 100vw);
}

.targets-card__image {
    width: calc(300 / var(--base-width) * 100vw);
    height: calc(300 / var(--base-width) * 100vw);
    border-radius: calc(200 / var(--base-width) * 100vw) calc(200 / var(--base-width) * 100vw) calc(200 / var(--base-width) * 100vw) 0;
    overflow: hidden;
    flex-shrink: 0;
}

.targets-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.targets-card__num {
    font-family: var(--font-sans);
    font-size: calc(16 / var(--base-width) * 100vw);
    font-weight: 400;
    color: rgba(0, 0, 0, 0.5);
    line-height: 1.5;
    letter-spacing: calc(-0.48 / var(--base-width) * 100vw);
}

/* Content block: title + text */
.targets-card__content {
    display: flex;
    flex-direction: column;
    gap: calc(27 / var(--base-width) * 100vw);
    width: 100%;
}

.targets-card__title {
    font-family: var(--font-sans);
    font-size: calc(30 / var(--base-width) * 100vw);
    font-weight: 500;
    line-height: 1.2;
    color: #000;
    letter-spacing: calc(-0.9 / var(--base-width) * 100vw);
}

.targets-card__text {
    font-family: var(--font-sans);
    font-size: calc(18 / var(--base-width) * 100vw);
    font-weight: 400;
    line-height: 1.5;
    color: rgba(0, 0, 0, 0.75);
    letter-spacing: calc(-0.54 / var(--base-width) * 100vw);
}

/* Targets Footnote */
.targets-footnote {
    font-family: var(--font-sans);
    font-size: calc(16 / var(--base-width) * 100vw);
    font-weight: 400;
    line-height: 1.5;
    color: #4a4f58;
}

/* ========================================
   DOCUMENTS ACCORDION
   ======================================== */
.docs-accordion {
    display: flex;
    flex-direction: column;
    gap: calc(30 / var(--base-width) * 100vw);
    margin: calc(60 / var(--base-width) * 100vw) 0 calc(10 / var(--base-width) * 100vw) 0;
}

.docs-accordion__item {
    background: var(--color-white);
    border: 1px solid #93d8d6;
    border-radius: calc(15 / var(--base-width) * 100vw);
    overflow: hidden;
    transition: background-color 0.8s ease, border-color 0.8s ease;
}

.docs-accordion__item.is-open {
    background: #bde8e7;
    border-color: #bde8e7;
}

.docs-accordion__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: calc(30 / var(--base-width) * 100vw) calc(35 / var(--base-width) * 100vw);
    background: none;
    border: none;
    cursor: pointer;
    text-align: left;
}

.docs-accordion__title {
    font-family: var(--font-sans);
    font-size: calc(25 / var(--base-width) * 100vw);
    font-weight: 500;
    line-height: 1.5;
    color: #37332c;
}

.docs-accordion__arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: calc(40 / var(--base-width) * 100vw);
    height: calc(40 / var(--base-width) * 100vw);
    transition: transform 0.8s ease;
}

.docs-accordion__arrow img {
    width: 100%;
    height: 100%;
}

.docs-accordion__item.is-open .docs-accordion__arrow {
    transform: rotate(180deg);
}

.docs-accordion__content {
    max-height: 0;
    overflow: hidden;
    padding: 0 calc(35 / var(--base-width) * 100vw);
    transition: max-height 0.8s ease, padding 0.8s ease;
}

.docs-accordion__item.is-open .docs-accordion__content {
    max-height: 1000px;
    padding: 0 calc(35 / var(--base-width) * 100vw) calc(35 / var(--base-width) * 100vw);
}

.docs-accordion__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: calc(31 / var(--base-width) * 100vw);
}

/* Document Card */
.docs-card {
    display: flex;
    flex-direction: column;
    gap: calc(30 / var(--base-width) * 100vw);
    background: var(--color-white);
    border-radius: calc(15 / var(--base-width) * 100vw);
    padding: calc(30 / var(--base-width) * 100vw);
    text-decoration: none;
    transition: background-color 0.4s ease;
}

.docs-card:hover {
    background-color: #0F7C7C;
}

.docs-card:hover .docs-card__title {
    color: var(--color-white);
}

.docs-card:hover .docs-card__icon img {
    filter: brightness(0) invert(1);
}

.docs-card__icon {
    width: calc(33 / var(--base-width) * 100vw);
    height: calc(40 / var(--base-width) * 100vw);
}

.docs-card__icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: filter 0.4s ease;
}

.docs-card__title {
    font-family: var(--font-sans);
    font-size: calc(16 / var(--base-width) * 100vw);
    font-weight: 400;
    line-height: 1.5;
    color: #37332c;
    margin: 0;
    transition: color 0.4s ease;
}

/* Year Filter Buttons */
.docs-accordion__years {
    display: flex;
    gap: calc(10 / var(--base-width) * 100vw);
    margin-bottom: calc(25 / var(--base-width) * 100vw);
}

.docs-accordion__year {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: calc(8 / var(--base-width) * 100vw) calc(20 / var(--base-width) * 100vw);
    font-family: var(--font-sans);
    font-size: calc(16 / var(--base-width) * 100vw);
    font-weight: 400;
    line-height: 1.5;
    color: #0F7C7C;
    background: transparent;
    border: 1px solid #0F7C7C;
    border-radius: calc(30 / var(--base-width) * 100vw);
    cursor: pointer;
    transition: all 0.3s ease;
}

.docs-accordion__year:hover {
    background: var(--color-white);
}

.docs-accordion__year.is-active {
    color: var(--color-white);
    background: #0F7C7C;
    border-color: #0F7C7C;
}

/* ========================================
   PROJECTS PAGE
   ======================================== */

/* Projects Content Section */
.projects-content {
    position: relative;
    background: linear-gradient(to bottom, #E8F9F8 31%, #DFF2FF 67%);
    padding: calc(116 / var(--base-width) * 100vw) 0 calc(150 / var(--base-width) * 100vw);
    margin-top: -1px;
}

/* Projects Introduction */
.projects-intro {
    margin-bottom: calc(80 / var(--base-width) * 100vw);
}

.projects-intro__lead {
    font-family: var(--font-sans);
    font-size: calc(25 / var(--base-width) * 100vw);
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: -0.03em;
    color: #37332c;
    margin-bottom: calc(40 / var(--base-width) * 100vw);
    max-width: calc(862 / var(--base-width) * 100vw);
}

.projects-intro__columns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: calc(100 / var(--base-width) * 100vw);
}

.projects-intro__text {
    font-family: var(--font-sans);
    font-size: calc(18 / var(--base-width) * 100vw);
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: -0.03em;
    color: #37332c;
    margin: 0;
}

/* Projects Statistics Cards */
.projects-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: calc(24 / var(--base-width) * 100vw);
    margin-bottom: calc(80 / var(--base-width) * 100vw);
}

.projects-stats__card {
    background: #f1fffd;
    border-radius: calc(30 / var(--base-width) * 100vw) calc(30 / var(--base-width) * 100vw) calc(30 / var(--base-width) * 100vw) 0;
    padding: calc(40 / var(--base-width) * 100vw);
    display: flex;
    flex-direction: column;
    gap: calc(20 / var(--base-width) * 100vw);
}

.projects-stats__value {
    font-family: var(--font-sans);
    font-size: calc(70 / var(--base-width) * 100vw);
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: -0.06em;
    background: linear-gradient(47deg, #2fbd99 8%, #3792c0 92%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin: 0;
}

.projects-stats__desc {
    font-family: var(--font-sans);
    font-size: calc(15 / var(--base-width) * 100vw);
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: -0.03em;
    color: #000;
    margin: 0;
}

/* Projects Section Title */
.projects-section__title {
    font-family: var(--font-serif);
    font-size: calc(45 / var(--base-width) * 100vw);
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -0.02em;
    color: #37332c;
    margin-bottom: calc(40 / var(--base-width) * 100vw);
}

/* Projects Accordion Modifications */
.projects-accordion {
    margin-top: 0;
}

.projects-accordion .docs-accordion__item.is-open .docs-accordion__content {
    max-height: 2000px;
    padding: 0 calc(35 / var(--base-width) * 100vw) calc(40 / var(--base-width) * 100vw);
}

/* Projects Grid inside accordion */
.projects-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: calc(25 / var(--base-width) * 100vw);
}

/* Project Card */
.project-card {
    background: var(--color-white);
    border-radius: calc(30 / var(--base-width) * 100vw) calc(30 / var(--base-width) * 100vw) calc(30 / var(--base-width) * 100vw) 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.project-card__image {
    width: calc(300 / var(--base-width) * 100vw);
    height: calc(300 / var(--base-width) * 100vw);
    border-radius: calc(200 / var(--base-width) * 100vw) calc(200 / var(--base-width) * 100vw) calc(200 / var(--base-width) * 100vw) 0;
    overflow: hidden;
    margin: calc(33 / var(--base-width) * 100vw) 0 0 calc(36 / var(--base-width) * 100vw);
}

.project-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.project-card__title {
    font-family: var(--font-sans);
    font-size: calc(20 / var(--base-width) * 100vw);
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: -0.03em;
    color: #2c3337;
    margin: 0;
    padding: calc(30 / var(--base-width) * 100vw) calc(33 / var(--base-width) * 100vw) calc(40 / var(--base-width) * 100vw);
}

/* ========================================
   MOBILE STYLES (max-width: 768px)
   ======================================== */

/* Mobile icons - hidden by default */
.header__mobile-icons {
    display: none;
}

/* Mobile menu - hidden by default on desktop */
.mobile-menu {
    display: none;
}

@media (max-width: 768px) {
    /* === GENERAL === */
    /* Mobile base width: 375px */
    :root {
        --mobile-base: 375;
        --container-padding: calc(20 / 375 * 100vw);
    }
    
    .container {
        padding: 0 calc(20 / 375 * 100vw);
        max-width: 100%;
    }

    /* === HEADER === */
    .header {
        height: auto;
        padding-top: calc(20 / 375 * 100vw);
    }
    
    .header__top {
        display: none;
    }
    
    .header__bottom {
        height: auto;
        padding: 0;
    }
    
    .header__logo-img {
        width: calc(95 / 375 * 100vw);
        height: calc(50 / 375 * 100vw);
    }
    
    .header__nav {
        display: none;
    }
    
    .header__burger {
        display: none;
    }
    
    .header__mobile-icons {
        display: flex;
        align-items: center;
        gap: calc(40 / 375 * 100vw);
    }
    
    .header__mobile-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        background: none;
        border: none;
        padding: 0;
        cursor: pointer;
    }
    
    .header__mobile-icon img {
        width: calc(25 / 375 * 100vw);
        height: calc(25 / 375 * 100vw);
    }
    
    .header__mobile-menu img {
        width: calc(25 / 375 * 100vw);
        height: calc(25 / 375 * 100vw);
    }
    
    /* Mobile Menu Icon Toggle */
    .header__mobile-menu-icon--close {
        display: none;
    }
    
    .header__mobile-menu.is-active .header__mobile-menu-icon--burger {
        display: none;
    }
    
    .header__mobile-menu.is-active .header__mobile-menu-icon--close {
        display: block;
        width: calc(25 / 375 * 100vw);
        height: calc(25 / 375 * 100vw);
    }
    
    /* === MOBILE MENU === */
    .mobile-menu {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        height: 100dvh;
        background: #0B888F;
        z-index: 99;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: opacity 0.3s ease, visibility 0.3s ease;
        padding-top: calc(93 / 375 * 100vw);
    }
    
    .header {
        z-index: 100;
        background: transparent;
    }
    
    .mobile-menu.is-active {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }
    
    .mobile-menu__content {
        padding: calc(10 / 375 * 100vw) calc(20 / 375 * 100vw) calc(30 / 375 * 100vw);
        height: 100%;
        display: flex;
        flex-direction: column;
        gap: calc(40 / 375 * 100vw);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
    
    .mobile-menu__nav {
        display: flex;
        flex-direction: column;
        gap: calc(5 / 375 * 100vw);
        flex-shrink: 0;
    }
    
    .mobile-menu__item {
        border-bottom: 1px solid #148F8F;
    }
    
    .mobile-menu__link {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding: calc(12 / 375 * 100vw) 0;
        font-family: var(--font-sans);
        font-size: calc(14 / 375 * 100vw);
        font-weight: 400;
        color: var(--color-white);
        text-decoration: none;
        border: none;
        background: none;
        cursor: pointer;
        text-align: left;
        line-height: 1.4;
        border-bottom: 1px solid #148F8F;
    }
    
    .mobile-menu__item .mobile-menu__link {
        border-bottom: none;
    }
    
    .mobile-menu__link.is-active {
        color: var(--color-white);
    }

    .mobile-menu__link--trigger {
        cursor: default;
    }
    
    .mobile-menu__arrow {
        width: calc(12 / 375 * 100vw);
        height: calc(11 / 375 * 100vw);
        transition: transform 0.3s ease;
        filter: brightness(0) invert(1);
        flex-shrink: 0;
        margin-left: calc(10 / 375 * 100vw);
    }
    
    .mobile-menu__item.is-open .mobile-menu__arrow {
        transform: rotate(180deg);
    }
    
    .mobile-menu__dropdown {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease;
    }
    
    .mobile-menu__item.is-open .mobile-menu__dropdown {
        max-height: calc(300 / 375 * 100vw);
    }
    
    .mobile-menu__dropdown-link {
        display: block;
        padding: calc(10 / 375 * 100vw) 0 calc(10 / 375 * 100vw) calc(20 / 375 * 100vw);
        font-family: var(--font-sans);
        font-size: calc(14 / 375 * 100vw);
        font-weight: 400;
        color: rgba(255, 255, 255, 0.8);
        text-decoration: none;
        transition: color 0.3s ease;
    }
    
    .mobile-menu__dropdown-link:hover {
        color: var(--color-white);
    }
    
    .mobile-menu__search {
        display: flex;
        align-items: center;
        background: var(--color-white);
        border-radius: calc(5 / 375 * 100vw);
        height: calc(42 / 375 * 100vw);
        padding: 0 calc(16 / 375 * 100vw);
        flex-shrink: 0;
    }
    
    .mobile-menu__search-input {
        flex: 1;
        border: none;
        background: none;
        font-family: var(--font-sans);
        font-size: calc(14 / 375 * 100vw);
        color: var(--color-text-dark);
        outline: none;
    }
    
    .mobile-menu__search-input::placeholder {
        color: rgba(0, 0, 0, 0.5);
    }
    
    .mobile-menu__search-btn {
        border: none;
        background: none;
        cursor: pointer;
        padding: 0;
    }
    
    .mobile-menu__search-btn img {
        width: calc(24 / 375 * 100vw);
        height: calc(24 / 375 * 100vw);
        filter: brightness(0) saturate(100%) invert(43%) sepia(89%) saturate(367%) hue-rotate(131deg) brightness(93%) contrast(91%);
    }
    
    .mobile-menu__social {
        display: flex;
        align-items: center;
        gap: calc(25 / 375 * 100vw);
        flex-shrink: 0;
    }
    
    .mobile-menu__social-link img {
        width: calc(26 / 375 * 100vw);
        height: calc(20 / 375 * 100vw);
        object-fit: contain;
        filter: brightness(0) invert(1);
    }

    /* === HERO SECTION === */
    .hero {
        height: 100vh;
        min-height: 100vh;
        max-height: 100vh;
    }
    
    .hero__slider {
        height: 100% !important;
    }
    
    .hero__slider .swiper-wrapper {
        height: 100% !important;
    }
    
    .hero__slider .swiper-slide {
        height: 100% !important;
    }
    
    .hero__slide {
        height: 100% !important;
        position: relative;
    }
    
    .hero__content {
        position: absolute;
        top: 50%;
        left: calc(20 / 375 * 100vw);
        right: calc(20 / 375 * 100vw);
        transform: translateY(-60%);
        width: auto;
        padding-top: 0;
        padding-bottom: 0;
    }
    
    .hero__title {
        font-size: calc(35 / 375 * 100vw);
        letter-spacing: calc(-1.05 / 375 * 100vw);
        margin-bottom: calc(20 / 375 * 100vw);
        max-width: calc(290 / 375 * 100vw);
    }
    
    .hero__text {
        font-size: calc(16 / 375 * 100vw);
        max-width: calc(257 / 375 * 100vw);
        margin-bottom: calc(125 / 375 * 100vw);
        letter-spacing: calc(-0.32 / 375 * 100vw);
    }
    
    .hero__actions {
        flex-wrap: wrap;
        gap: calc(15 / 375 * 100vw);
        margin-top: auto;
    }
    
    .hero__btn {
        padding: 0 calc(40 / 375 * 100vw);
    }
    
    .hero__nav {
        gap: calc(10 / 375 * 100vw);
    }
    
    .hero__nav-btn {
        width: calc(50 / 375 * 100vw);
        height: calc(50 / 375 * 100vw);
    }
    
    .hero__nav-arrow {
        width: calc(15 / 375 * 100vw);
        height: calc(8 / 375 * 100vw);
    }

    /* === BUTTONS MOBILE === */
    .btn {
        height: calc(60 / 375 * 100vw);
        padding: 0 calc(50 / 375 * 100vw);
        font-size: calc(16 / 375 * 100vw);
        border-radius: calc(50 / 375 * 100vw);
    }
    
    .btn--rounded {
        border-radius: calc(50 / 375 * 100vw);
    }
    
    .btn--primary {
        border-radius: calc(50 / 375 * 100vw);
    }
    
    .btn--gradient-outline {
        border-radius: calc(50 / 375 * 100vw);
    }
    
    .btn__icon {
        width: calc(16 / 375 * 100vw);
        height: calc(16 / 375 * 100vw);
    }

    /* === SECTION TITLE MOBILE === */
    .section-title {
        font-size: calc(32 / 375 * 100vw);
        margin-bottom: 0;
        letter-spacing: calc(-0.96 / 375 * 100vw);
    }

    /* === ABOUT SECTION === */
    .about {
        padding: calc(70 / 375 * 100vw) 0 calc(60 / 375 * 100vw);
    }
    
    .about__content {
        display: flex;
        flex-direction: column;
        gap: calc(30 / 375 * 100vw);
    }
    
    .about__text {
        padding-top: 0;
        order: 2;
    }
    
    .about__title {
        font-size: calc(32 / 375 * 100vw);
        margin-bottom: calc(15 / 375 * 100vw);
        letter-spacing: calc(-0.96 / 375 * 100vw);
    }
    
    .about__subtitle {
        font-size: calc(18 / 375 * 100vw);
        font-weight: 300;
        max-width: 100%;
        margin-bottom: calc(40 / 375 * 100vw);
        letter-spacing: calc(-0.54 / 375 * 100vw);
    }
    
    .about__description {
        max-width: 100%;
        margin-bottom: calc(30 / 375 * 100vw);
    }
    
    .about__description p {
        font-size: calc(16 / 375 * 100vw);
        letter-spacing: calc(-0.48 / 375 * 100vw);
    }
    
    .about__btn {
        width: 100%;
        height: calc(54 / 375 * 100vw);
        justify-content: center;
    }
    
    .about__image {
        order: 1;
        display: flex;
        justify-content: center;
        width: 100%;
    }
    
    .about__image img {
        width: calc(300 / 375 * 100vw);
        height: auto;
    }

    /* === GOALS SECTION === */
    .goals {
        padding: calc(60 / 375 * 100vw) 0 calc(40 / 375 * 100vw);
        padding-left: calc(20 / 375 * 100vw);
    }
    
    .goals__title {
        font-size: calc(32 / 375 * 100vw);
        margin-bottom: calc(30 / 375 * 100vw);
    }
    
    .goals__layout {
        flex-direction: column;
        gap: calc(30 / 375 * 100vw);
    }
    
    .goals__left {
        display: flex;
        min-height: auto;
        order: 2;
        width: 100%;
        padding-left: 0;
    }
    
    .goals__globe {
        display: none;
    }
    
    .goals__carousel {
        width: 100%;
        order: 1;
    }
    
    /* Card width is controlled by Swiper slidesPerView */
    .goals__card {
        width: 100%;
        height: auto;
        min-height: calc(472 / 375 * 100vw);
        padding: calc(29 / 375 * 100vw) calc(27 / 375 * 100vw);
        border-radius: calc(20 / 375 * 100vw) calc(20 / 375 * 100vw) calc(20 / 375 * 100vw) 0;
    }
    
    .goals__card .card__image {
        width: calc(170 / 375 * 100vw);
        height: calc(170 / 375 * 100vw);
        border-radius: calc(157 / 375 * 100vw) calc(157 / 375 * 100vw) calc(157 / 375 * 100vw) 0;
        margin-bottom: calc(10 / 375 * 100vw);
    }
    
    .goals__card-num {
        font-size: calc(13 / 375 * 100vw);
        margin-bottom: calc(70 / 375 * 100vw);
    }
    
    .goals__card .card__title {
        font-size: calc(24 / 375 * 100vw);
        max-width: calc(265 / 375 * 100vw);
        margin-bottom: calc(20 / 375 * 100vw);
    }
    
    .goals__card .card__text {
        font-size: calc(15 / 375 * 100vw);
        max-width: calc(253 / 375 * 100vw);
    }
    
    .goals__nav {
        display: flex;
        margin-top: 0;
        position: relative;
        left: 0;
        gap: calc(20 / 375 * 100vw);
        justify-content: flex-start;
    }
    
    .goals__nav-btn {
        width: calc(54 / 375 * 100vw);
        height: calc(54 / 375 * 100vw);
    }
    
    .goals__nav-arrow {
        width: calc(15 / 375 * 100vw);
        height: calc(8 / 375 * 100vw);
    }

    /* === NUMBERS SECTION === */
    .numbers {
        padding: calc(60 / 375 * 100vw) 0 calc(80 / 375 * 100vw);
    }
    
    .numbers__title {
        font-size: calc(32 / 375 * 100vw);
        margin-bottom: calc(30 / 375 * 100vw);
    }
    
    .numbers__grid {
        flex-direction: column;
        gap: calc(15 / 375 * 100vw);
    }
    
    .numbers__card {
        width: 100%;
        min-height: calc(76 / 375 * 100vw);
        height: auto;
        padding: calc(10 / 375 * 100vw) calc(18 / 375 * 100vw);
        border-radius: calc(10 / 375 * 100vw) calc(10 / 375 * 100vw) calc(10 / 375 * 100vw) 0;
        flex-direction: row;
        align-items: center;
        gap: calc(15 / 375 * 100vw);
    }
    
    .numbers__icon {
        display: none;
    }
    
    .numbers__value {
        font-size: calc(47 / 375 * 100vw);
        margin-bottom: 0;
        min-width: calc(83 / 375 * 100vw);
        letter-spacing: calc(-2.8 / 375 * 100vw);
    }
    
    .numbers__label {
        font-size: calc(12 / 375 * 100vw);
        margin-top: 0;
        letter-spacing: calc(-0.36 / 375 * 100vw);
    }

    /* === JOIN SECTION === */
    .join {
        padding: calc(70 / 375 * 100vw) calc(20 / 375 * 100vw) calc(80 / 375 * 100vw);
    }
    
    .join__content {
        flex-direction: column;
        gap: calc(51 / 375 * 100vw);
    }
    
    .join__text {
        width: 100%;
        gap: calc(40 / 375 * 100vw);
    }
    
    .join__description {
        font-size: calc(22 / 375 * 100vw);
        letter-spacing: calc(-0.66 / 375 * 100vw);
    }
    
    .join__btn {
        width: 100%;
        justify-content: center;
        align-self: stretch;
        white-space: nowrap;
        font-size: calc(14 / 375 * 100vw);
        padding: 0 calc(20 / 375 * 100vw);
    }
    
    .join__cards {
        flex-direction: column;
        gap: calc(20 / 375 * 100vw);
        width: 100%;
    }
    
    .join__card {
        width: 100%;
        padding: calc(23 / 375 * 100vw) calc(20 / 375 * 100vw) calc(20 / 375 * 100vw) calc(25 / 375 * 100vw);
        border-radius: calc(20 / 375 * 100vw) calc(20 / 375 * 100vw) calc(20 / 375 * 100vw) 0;
        min-height: calc(370 / 375 * 100vw);
    }
    
    .join__card-top {
        gap: calc(50 / 375 * 100vw);
        margin-bottom: calc(25 / 375 * 100vw);
    }
    
    .join__card-image {
        width: calc(200 / 375 * 100vw);
        height: calc(200 / 375 * 100vw);
        border-radius: calc(141 / 375 * 100vw) calc(141 / 375 * 100vw) calc(141 / 375 * 100vw) 0;
    }
    
    .join__card-title {
        font-size: calc(20 / 375 * 100vw);
    }
    
    .join__card-footer {
        margin-top: auto;
    }
    
    .join__card-label {
        font-size: calc(13 / 375 * 100vw);
    }
    
    .join__card-btn {
        width: calc(44 / 375 * 100vw);
        height: calc(44 / 375 * 100vw);
    }
    
    .join__card-btn img {
        width: calc(15 / 375 * 100vw);
        height: calc(15 / 375 * 100vw);
    }

    /* === INTERVIEW SECTION === */
    .interview {
        padding: calc(20 / 375 * 100vw) 0 calc(120 / 375 * 100vw);
        background: #0B888F;
    }
    
    .interview__bg {
        display: none;
    }
    
    .interview__container {
        padding: 0 calc(20 / 375 * 100vw);
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .interview__card {
        width: 100%;
        height: auto !important;
        min-height: auto;
        border-radius: calc(20 / 375 * 100vw) calc(20 / 375 * 100vw) calc(20 / 375 * 100vw) 0;
        position: relative;
        overflow: visible;
    }
    
    .interview__slider {
        height: auto !important;
    }
    
    .interview__slider .swiper-wrapper {
        height: auto !important;
    }
    
    .interview__slider .swiper-slide {
        height: auto !important;
    }
    
    .interview__card .swiper {
        transition: height 0.3s ease;
    }
    
    .interview__slide {
        flex-direction: column;
        padding: calc(37 / 375 * 100vw) calc(25 / 375 * 100vw) calc(40 / 375 * 100vw);
        gap: calc(20 / 375 * 100vw);
        height: auto !important;
    }
    
    .interview__image {
        width: calc(250 / 375 * 100vw);
        height: calc(250 / 375 * 100vw);
        border-radius: calc(300 / 375 * 100vw) calc(300 / 375 * 100vw) 0 calc(300 / 375 * 100vw);
        align-self: center;
    }
    
    .interview__content {
        padding-top: 0;
        text-align: center;
        align-items: center;
    }
    
    .interview__name {
        font-size: calc(28 / 375 * 100vw);
        max-width: calc(285 / 375 * 100vw);
        margin-bottom: calc(10 / 375 * 100vw);
    }
    
    .interview__position {
        font-size: calc(13 / 375 * 100vw);
        margin-bottom: calc(30 / 375 * 100vw);
    }
    
    .interview__quote {
        font-size: calc(18 / 375 * 100vw);
        max-width: calc(287 / 375 * 100vw);
        letter-spacing: calc(-0.36 / 375 * 100vw);
        margin-bottom: 0;
    }
    
    .interview__btn {
        margin-top: calc(30 / 375 * 100vw);
        width: 100%;
        justify-content: center;
    }
    
    .interview__nav {
        position: static;
        transform: none;
        margin-top: calc(30 / 375 * 100vw);
        gap: calc(20 / 375 * 100vw);
        justify-content: center;
    }
    
    .interview__nav-btn {
        width: calc(54 / 375 * 100vw);
        height: calc(54 / 375 * 100vw);
    }
    
    .interview__nav-arrow {
        width: calc(15 / 375 * 100vw);
        height: calc(8 / 375 * 100vw);
    }
    
    .btn--outlined-green {
        border-radius: calc(50 / 375 * 100vw);
    }

    /* === NEWS & PARTNERS SECTION === */
    .news-partners {
        padding-top: calc(450 / 375 * 100vw);
        padding-bottom: calc(80 / 375 * 100vw);
        margin-top: calc(-500 / 375 * 100vw);
    }
    
    .news {
        margin: calc(50 / 375 * 100vw) 0 calc(80 / 375 * 100vw) 0;
    }
    
    .news__title {
        font-size: calc(32 / 375 * 100vw);
        margin-bottom: calc(30 / 375 * 100vw);
    }
    
    .news__cards {
        flex-direction: column;
        gap: calc(20 / 375 * 100vw);
        margin-bottom: calc(30 / 375 * 100vw);
    }
    
    .news__card {
        width: 100%;
        min-height: calc(390 / 375 * 100vw);
        padding: calc(24 / 375 * 100vw) calc(29 / 375 * 100vw) calc(20 / 375 * 100vw);
        border-radius: calc(20 / 375 * 100vw) calc(20 / 375 * 100vw) calc(20 / 375 * 100vw) 0;
    }
    
    .news__card-image {
        width: calc(210 / 375 * 100vw);
        height: calc(210 / 375 * 100vw);
        border-radius: calc(144 / 375 * 100vw) calc(144 / 375 * 100vw) calc(144 / 375 * 100vw) 0;
        margin-bottom: calc(20 / 375 * 100vw);
    }
    
    .news__card-title {
        font-size: calc(18 / 375 * 100vw);
        letter-spacing: calc(-0.54 / 375 * 100vw);
    }
    
    .news__card-footer {
        margin-top: calc(20 / 375 * 100vw);
    }
    
    .news__card-date {
        font-size: calc(13 / 375 * 100vw);
    }
    
    .news__card-btn {
        width: calc(43 / 375 * 100vw);
        height: calc(43 / 375 * 100vw);
    }
    
    .news__card-btn img {
        width: calc(15 / 375 * 100vw);
        height: calc(15 / 375 * 100vw);
    }
    
    .news__btn {
        width: 100%;
        justify-content: center;
    }

    /* === PARTNERS SECTION === */
    .partners {
        position: relative;
        padding-bottom: calc(94 / 375 * 100vw);
    }
    
    .partners__header {
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
        margin-bottom: calc(25 / 375 * 100vw);
    }
    
    .partners__title {
        font-size: calc(32 / 375 * 100vw);
    }
    
    .partners__nav {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        gap: calc(18 / 375 * 100vw);
    }
    
    .partners__nav-btn {
        width: calc(54 / 375 * 100vw);
        height: calc(54 / 375 * 100vw);
    }
    
    .partners__nav-arrow {
        width: calc(15 / 375 * 100vw);
        height: calc(8 / 375 * 100vw);
    }
    
    .partners__logo {
        height: calc(137 / 375 * 100vw);
        border-radius: calc(20 / 375 * 100vw) calc(20 / 375 * 100vw) calc(20 / 375 * 100vw) 0;
    }

    /* === FOOTER SECTION === */
    .footer {
        padding: calc(27 / 375 * 100vw) 0 calc(30 / 375 * 100vw);
    }
    
    .footer__top {
        display: grid;
        grid-template-columns: auto 1fr;
        grid-template-rows: auto auto auto;
        gap: calc(20 / 375 * 100vw) calc(30 / 375 * 100vw);
        margin-bottom: calc(25 / 375 * 100vw);
    }
    
    .footer__logo {
        grid-row: 1;
        grid-column: 1;
    }
    
    .footer__logo img {
        width: calc(95 / 375 * 100vw);
        height: auto;
    }
    
    .footer__contacts {
        display: contents;
    }
    
    /* Адрес справа от логотипа */
    .footer__contact-item:nth-child(3) {
        grid-row: 1;
        grid-column: 2;
        align-self: center;
    }
    
    /* Телефон - вторая строка, первая колонка */
    .footer__contact-item:nth-child(1) {
        grid-row: 2;
        grid-column: 1;
    }
    
    /* Email - вторая строка, вторая колонка */
    .footer__contact-item:nth-child(2) {
        grid-row: 2;
        grid-column: 2;
    }
    
    .footer__contact-item {
        display: flex;
        flex-direction: column;
        gap: calc(5 / 375 * 100vw);
    }
    
    .footer__contact-label {
        font-size: calc(9 / 375 * 100vw);
        letter-spacing: calc(0.9 / 375 * 100vw);
        color: #51AE6A;
    }
    
    .footer__contact-value {
        font-size: calc(14 / 375 * 100vw);
        line-height: 1.3;
    }
    
    .footer__cta-btn {
        grid-row: 3;
        grid-column: 1 / -1;
        width: 100%;
        padding: calc(20 / 375 * 100vw);
        font-size: calc(14 / 375 * 100vw);
        border-radius: calc(10 / 375 * 100vw);
        text-align: center;
        margin-top: calc(10 / 375 * 100vw);
    }
    
    .footer__divider {
        display: none;
    }
    
    .footer__middle {
        flex-direction: column;
        gap: calc(30 / 375 * 100vw);
        margin-bottom: calc(20 / 375 * 100vw);
    }
    
    .footer__nav {
        display: none;
    }
    
    .footer__social {
        justify-content: flex-start;
        gap: calc(20 / 375 * 100vw);
    }
    
    .footer__social-link img {
        width: calc(26 / 375 * 100vw);
        height: calc(20 / 375 * 100vw);
        object-fit: contain;
    }
    
    .footer__bottom {
        flex-direction: column;
        align-items: flex-start;
        gap: calc(16 / 375 * 100vw);
    }

    .footer__bottom-left {
        flex-direction: column;
        align-items: flex-start;
        gap: calc(10 / 375 * 100vw);
    }
    
    .footer__copyright {
        font-size: calc(13 / 375 * 100vw);
    }
    
    .footer__policy {
        font-size: calc(13 / 375 * 100vw);
    }

    .footer__developer {
        gap: calc(10 / 375 * 100vw);
    }

    .footer__developer-logo {
        width: calc(46 / 375 * 100vw);
    }

    .footer__developer-text {
        font-size: calc(11 / 375 * 100vw);
    }

    /* === POPUP MOBILE (Capital Popups) === */
    .popup {
        width: calc(335 / 375 * 100vw);
        max-height: 85vh;
        padding: calc(25 / 375 * 100vw) calc(10 / 375 * 100vw) 0 calc(20 / 375 * 100vw);
        border-radius: calc(15 / 375 * 100vw);
        overflow: hidden;
    }
    
    .popup__close {
        top: calc(15 / 375 * 100vw);
        right: calc(10 / 375 * 100vw);
        width: calc(30 / 375 * 100vw);
        height: calc(30 / 375 * 100vw);
        background: none;
    }
    
    .popup__close svg {
        width: calc(24 / 375 * 100vw);
        height: calc(24 / 375 * 100vw);
    }
    
    .popup__close svg path {
        stroke: #0B888F;
    }
    
    .popup__content {
        gap: calc(20 / 375 * 100vw);
        padding-right: calc(10 / 375 * 100vw);
        padding-bottom: calc(60 / 375 * 100vw);
        max-height: calc(85vh - 50 / 375 * 100vw);
        overflow-y: auto;
        overflow-x: hidden;
    }
    
    .popup__content::-webkit-scrollbar {
        width: calc(4 / 375 * 100vw);
    }
    
    .popup__content::-webkit-scrollbar-track {
        background: transparent;
    }
    
    .popup__content::-webkit-scrollbar-thumb {
        background: #ccc;
        border-radius: calc(2 / 375 * 100vw);
    }
    
    .popup__title {
        font-size: calc(22 / 375 * 100vw);
        letter-spacing: calc(-0.66 / 375 * 100vw);
        line-height: 1.5;
        color: #000;
        padding-right: calc(20 / 375 * 100vw);
    }
    
    .popup__donate {
        flex-direction: column;
        gap: calc(20 / 375 * 100vw);
        padding: calc(15 / 375 * 100vw);
        border-radius: calc(20 / 375 * 100vw) calc(20 / 375 * 100vw) calc(20 / 375 * 100vw) 0;
    }
    
    .popup__qr {
        padding: calc(10 / 375 * 100vw);
        border-radius: calc(15 / 375 * 100vw) calc(15 / 375 * 100vw) calc(15 / 375 * 100vw) 0;
        align-self: flex-start;
    }
    
    .popup__qr img {
        width: calc(150 / 375 * 100vw);
        height: calc(150 / 375 * 100vw);
    }
    
    .popup__donate-info {
        gap: calc(20 / 375 * 100vw);
    }
    
    .popup__donate-title {
        font-size: calc(20 / 375 * 100vw);
        letter-spacing: calc(-0.6 / 375 * 100vw);
        line-height: 1.4;
    }
    
    .popup__donate-text {
        font-size: calc(15 / 375 * 100vw);
        letter-spacing: calc(-0.45 / 375 * 100vw);
        line-height: 1.6;
    }
    
    .popup__params-title {
        font-size: calc(20 / 375 * 100vw);
        letter-spacing: calc(-0.6 / 375 * 100vw);
        color: #0B888F;
    }
    
    .popup__list {
        font-size: calc(15 / 375 * 100vw);
        padding-left: calc(28 / 375 * 100vw);
        line-height: 1.6;
        list-style-type: decimal;
    }
    
    .popup__list li {
        margin-bottom: calc(10 / 375 * 100vw);
    }
    
    .popup__list li:last-child {
        margin-bottom: 0;
    }
    
    /* Article Popup Mobile */
    .popup--article {
        width: calc(335 / 375 * 100vw);
        padding: calc(25 / 375 * 100vw) calc(20 / 375 * 100vw);
    }
    
    .popup__title--article {
        font-size: calc(22 / 375 * 100vw);
    }
    
    .popup__text p {
        font-size: calc(15 / 375 * 100vw);
        line-height: 1.6;
    }

    /* === PAGE HEADER MOBILE (Internal Pages) === */
    .page-header {
        height: auto;
        padding-bottom: calc(335 / 375 * 100vw * 0.3);
        overflow: visible;
    }

    .page-header__content {
        flex-direction: column;
        padding-top: calc(20 / 375 * 100vw);
        padding-bottom: calc(30 / 375 * 100vw);
    }

    .page-header__content > .container {
        padding: 0 calc(20 / 375 * 100vw);
        max-width: 100%;
    }

    .page-header__title {
        font-size: calc(32 / 375 * 100vw);
        letter-spacing: calc(-0.96 / 375 * 100vw);
        max-width: 100%;
        padding-right: calc(20 / 375 * 100vw);
        line-height: 1.2;
        margin-bottom: calc(10 / 375 * 100vw);
        margin-top: calc(70 / 375 * 100vw);
        padding-top: calc(30 / 375 * 100vw);
        border-top: 1px solid #148F8F;
    }

    .page-header__decor {
        position: absolute;
        left: 50%;
        bottom: 0;
        transform: translate(-50%, 100%);
        width: calc(335 / 375 * 100vw);
        z-index: 10;
    }
    
    .page-header__image {
        width: 100%;
        height: auto;
    }

    /* Компактная шапка — мобильная версия */
    .page-header--compact {
        min-height: auto;
        padding-bottom: 0;
    }

    .page-header__content--compact {
        padding-top: 0;
		padding-bottom: calc(10 / 375 * 100vw);
    }

    .page-header--compact .page-header__title {
        border-top: none;
        padding-top: 0;
    }

    /* === PAGE CONTENT MOBILE (Internal Pages) === */
    .page-content {
        padding-top: calc(120 / 375 * 100vw);
        padding-bottom: calc(80 / 375 * 100vw);
        min-height: calc(300 / 375 * 100vw);
    }
    
    .page-content__inner {
        max-width: 100%;
    }
    
    .page-content__inner p {
        font-size: calc(16 / 375 * 100vw);
        line-height: 1.6;
        margin-bottom: calc(15 / 375 * 100vw);
    }

    /* === CONTACTS PAGE MOBILE === */
    .contacts-page {
        padding: calc(120 / 375 * 100vw) 0 calc(60 / 375 * 100vw);
    }

    .contacts-info {
        flex-direction: column;
        gap: calc(30 / 375 * 100vw);
        margin-bottom: calc(30 / 375 * 100vw);
    }

    .contacts-info__main {
        gap: calc(20 / 375 * 100vw);
        width: 100%;
    }

    .contacts-info__row {
        flex-direction: column;
        gap: calc(20 / 375 * 100vw);
    }

    .contacts-info__address-row {
        flex-direction: column;
        gap: calc(20 / 375 * 100vw);
        align-items: flex-start;
    }

    .contacts-info__label {
        font-size: calc(16 / 375 * 100vw);
    }

    .contacts-info__value {
        font-size: calc(18 / 375 * 100vw);
    }

    .contacts-info__social {
        gap: calc(15 / 375 * 100vw);
    }

    .contacts-social-link {
        width: calc(44 / 375 * 100vw);
        height: calc(44 / 375 * 100vw);
    }

    .contacts-social-link img {
        width: calc(22 / 375 * 100vw);
        height: calc(22 / 375 * 100vw);
    }

    .contacts-map {
        height: calc(280 / 375 * 100vw);
        border-radius: calc(15 / 375 * 100vw);
        margin-bottom: calc(40 / 375 * 100vw);
    }

    .contacts-bank__title {
        font-size: calc(18 / 375 * 100vw);
        margin-bottom: calc(25 / 375 * 100vw);
        max-width: 100%;
    }

    .contacts-bank__grid {
        flex-direction: column;
        gap: calc(5 / 375 * 100vw);
        margin-bottom: calc(30 / 375 * 100vw);
    }

    .contacts-bank__column {
        padding: 0 !important;
    }

    .contacts-bank__column:first-child {
        width: 100%;
    }

    .contacts-bank__divider {
        display: none;
    }

    .contacts-bank__row {
        flex-direction: column;
        gap: calc(5 / 375 * 100vw);
    }

    .contacts-bank__label {
        font-size: calc(14 / 375 * 100vw);
        width: auto;
    }

    .contacts-bank__column:last-child .contacts-bank__label {
        width: auto;
    }

    .contacts-bank__label--wrap {
        width: auto;
    }

    .contacts-bank__value {
        font-size: calc(15 / 375 * 100vw);
    }

    .contacts-bank__btn {
        margin-top: calc(20 / 375 * 100vw);
        width: 100%;
        justify-content: center;
    }

    .btn--outlined-teal {
        border-radius: calc(30 / 375 * 100vw);
        padding: calc(15 / 375 * 100vw) calc(25 / 375 * 100vw);
        font-size: calc(16 / 375 * 100vw);
    }

    /* === NEWS LIST PAGE MOBILE === */
    .news-list {
        padding: calc(95 / 375 * 100vw) 0 calc(80 / 375 * 100vw);
    }

    .news-list__filter {
        margin-bottom: calc(30 / 375 * 100vw);
    }

    .news-list__filter-select {
        width: 100%;
        gap: calc(25 / 375 * 100vw);
        padding: calc(15 / 375 * 100vw) calc(20 / 375 * 100vw);
        border-radius: calc(5 / 375 * 100vw);
    }

    .news-list__filter-text {
        font-size: calc(15 / 375 * 100vw);
        flex: 1;
    }

    .news-list__filter-arrow {
        width: calc(24 / 375 * 100vw);
        height: calc(24 / 375 * 100vw);
    }

    .news-list__filter-dropdown {
        min-width: 100%;
        padding: calc(15 / 375 * 100vw) 0;
        margin-top: calc(5 / 375 * 100vw);
        border-radius: calc(5 / 375 * 100vw);
    }

    .news-list__filter-option {
        padding: calc(10 / 375 * 100vw) calc(20 / 375 * 100vw);
        font-size: calc(15 / 375 * 100vw);
    }

    .news-list__grid {
        grid-template-columns: 1fr;
        gap: calc(25 / 375 * 100vw);
        margin-bottom: calc(40 / 375 * 100vw);
    }

    .news-list__card {
        flex-direction: column;
        align-items: flex-start;
        gap: calc(30 / 375 * 100vw);
        padding: calc(25 / 375 * 100vw);
        border-radius: calc(20 / 375 * 100vw) calc(20 / 375 * 100vw) calc(20 / 375 * 100vw) 0;
    }

    .news-list__card:hover {
        transform: none;
        box-shadow: none;
    }

    .news-list__card:hover .news-list__card-title {
        color: #2C3337;
    }

    .news-list__card-content {
        min-height: auto;
        padding-top: 0;
        padding-right: 0;
        order: 1;
    }

    .news-list__card-date {
        font-size: calc(13 / 375 * 100vw);
        margin-bottom: calc(16 / 375 * 100vw);
    }

    .news-list__card-title {
        font-size: calc(20 / 375 * 100vw);
        letter-spacing: calc(-0.4 / 375 * 100vw);
    }

    .news-list__card-image {
        width: calc(170 / 375 * 100vw);
        height: calc(170 / 375 * 100vw);
        border-radius: calc(300 / 375 * 100vw) calc(300 / 375 * 100vw) calc(300 / 375 * 100vw) 0;
        order: 2;
    }

    .news-list__paginator {
        gap: calc(15 / 375 * 100vw);
    }

    .news-list__paginator-btn {
        width: calc(44 / 375 * 100vw);
        height: calc(44 / 375 * 100vw);
        min-width: calc(44 / 375 * 100vw);
        min-height: calc(44 / 375 * 100vw);
        aspect-ratio: 1;
        flex-shrink: 0;
        border-radius: calc(7 / 375 * 100vw);
        font-size: calc(14 / 375 * 100vw);
    }

    .news-list__paginator-btn--prev svg,
    .news-list__paginator-btn--next svg {
        width: calc(15 / 375 * 100vw);
        height: calc(8 / 375 * 100vw);
    }

    /* === TARGETS PAGE MOBILE === */
    .targets-intro {
        max-width: 100%;
        margin-bottom: calc(25 / 375 * 100vw);
    }

    .targets-intro p {
        font-size: calc(14 / 375 * 100vw);
        line-height: 1.6;
        margin-bottom: calc(15 / 375 * 100vw);
    }

    .targets-intro p:first-child {
        font-size: calc(16 / 375 * 100vw);
        max-width: 100%;
    }

    .targets-cards {
        grid-template-columns: 1fr;
        gap: calc(15 / 375 * 100vw);
        margin-bottom: calc(20 / 375 * 100vw);
    }

    .targets-card {
        border-radius: 0 calc(20 / 375 * 100vw) calc(20 / 375 * 100vw) calc(20 / 375 * 100vw);
        padding: calc(30 / 375 * 100vw);
        flex-direction: column;
        align-items: flex-start;
        gap: calc(35 / 375 * 100vw);
    }

    .targets-card__top {
        width: calc(170 / 375 * 100vw);
        gap: calc(10 / 375 * 100vw);
    }

    .targets-card__image {
        width: calc(170 / 375 * 100vw);
        height: calc(170 / 375 * 100vw);
        border-radius: calc(157 / 375 * 100vw) calc(157 / 375 * 100vw) calc(157 / 375 * 100vw) 0;
    }

    .targets-card__content {
        width: 100%;
        gap: calc(20 / 375 * 100vw);
    }

    .targets-card__num {
        font-size: calc(13 / 375 * 100vw);
        letter-spacing: calc(-0.39 / 375 * 100vw);
    }

    .targets-card__title {
        font-size: calc(24 / 375 * 100vw);
        letter-spacing: calc(-0.72 / 375 * 100vw);
    }

    .targets-card__text {
        font-size: calc(15 / 375 * 100vw);
        letter-spacing: calc(-0.45 / 375 * 100vw);
    }

    .targets-footnote {
        font-size: calc(12 / 375 * 100vw);
    }

    /* === DOCUMENTS ACCORDION MOBILE === */
    .docs-accordion {
        gap: calc(20 / 375 * 100vw);
    }

    .docs-accordion__item {
        border-radius: calc(15 / 375 * 100vw);
    }

    .docs-accordion__header {
        padding: calc(25 / 375 * 100vw);
    }

    .docs-accordion__title {
        font-size: calc(18 / 375 * 100vw);
        flex: 1;
        padding-right: calc(15 / 375 * 100vw);
    }

    .docs-accordion__arrow {
        width: calc(30 / 375 * 100vw);
        height: calc(30 / 375 * 100vw);
    }

    .docs-accordion__content {
        padding: 0 calc(25 / 375 * 100vw);
    }

    .docs-accordion__item.is-open .docs-accordion__content {
        padding: 0 calc(25 / 375 * 100vw) calc(25 / 375 * 100vw);
    }

    .docs-accordion__grid {
        grid-template-columns: 1fr;
        gap: calc(20 / 375 * 100vw);
    }

    .docs-card {
        gap: calc(20 / 375 * 100vw);
        padding: calc(20 / 375 * 100vw);
        border-radius: calc(10 / 375 * 100vw);
    }

    .docs-card:hover {
        background-color: var(--color-white);
    }

    .docs-card:hover .docs-card__title {
        color: #37332c;
    }

    .docs-card:hover .docs-card__icon img {
        filter: none;
    }

    .docs-card__icon {
        width: calc(25 / 375 * 100vw);
        height: calc(30 / 375 * 100vw);
    }

    .docs-card__title {
        font-size: calc(15 / 375 * 100vw);
    }

    /* Year Filter Buttons - Mobile */
    .docs-accordion__years {
        gap: calc(10 / 375 * 100vw);
        margin-bottom: calc(20 / 375 * 100vw);
    }

    .docs-accordion__year {
        padding: calc(8 / 375 * 100vw) calc(16 / 375 * 100vw);
        font-size: calc(14 / 375 * 100vw);
        border-radius: calc(20 / 375 * 100vw);
    }

    /* === PROJECTS PAGE MOBILE === */
    .projects-content {
        padding: calc(120 / 375 * 100vw) 0 calc(80 / 375 * 100vw);
    }

    .projects-intro {
        margin-bottom: calc(40 / 375 * 100vw);
    }

    .projects-intro__lead {
        font-size: calc(18 / 375 * 100vw);
        margin-bottom: calc(25 / 375 * 100vw);
        max-width: 100%;
    }

    .projects-intro__columns {
        grid-template-columns: 1fr;
        gap: calc(20 / 375 * 100vw);
    }

    .projects-intro__text {
        font-size: calc(14 / 375 * 100vw);
    }

    .projects-stats {
        grid-template-columns: 1fr;
        gap: calc(15 / 375 * 100vw);
        margin-bottom: calc(40 / 375 * 100vw);
    }

    .projects-stats__card {
        padding: calc(25 / 375 * 100vw);
        border-radius: calc(20 / 375 * 100vw) calc(20 / 375 * 100vw) calc(20 / 375 * 100vw) 0;
        gap: calc(15 / 375 * 100vw);
    }

    .projects-stats__value {
        font-size: calc(40 / 375 * 100vw);
    }

    .projects-stats__desc {
        font-size: calc(13 / 375 * 100vw);
    }

    .projects-section__title {
        font-size: calc(28 / 375 * 100vw);
        margin-bottom: calc(25 / 375 * 100vw);
    }

    .projects-accordion .docs-accordion__content {
        padding: 0 calc(20 / 375 * 100vw);
    }

    .projects-accordion .docs-accordion__item.is-open .docs-accordion__content {
        max-height: 4000px;
        padding: 0 calc(20 / 375 * 100vw) calc(25 / 375 * 100vw);
    }

    .projects-grid {
        display: flex;
        flex-direction: column;
        gap: calc(20 / 375 * 100vw);
        width: 100%;
    }

    .project-card {
        border-radius: calc(20 / 375 * 100vw) calc(20 / 375 * 100vw) calc(20 / 375 * 100vw) 0;
        flex-shrink: 0;
    }

    .project-card__image {
        width: calc(200 / 375 * 100vw);
        height: calc(200 / 375 * 100vw);
        border-radius: calc(133 / 375 * 100vw) calc(133 / 375 * 100vw) calc(133 / 375 * 100vw) 0;
        margin: calc(20 / 375 * 100vw) 0 0 calc(20 / 375 * 100vw);
    }

    .project-card__title {
        font-size: calc(16 / 375 * 100vw);
        padding: calc(20 / 375 * 100vw) calc(20 / 375 * 100vw) calc(25 / 375 * 100vw);
    }
}

/* ========================================
   CAPITALS PAGE
   ======================================== */

/* Capitals Content Section */
.capitals-content {
    position: relative;
    background: linear-gradient(to bottom, #E8F9F8 31%, #DFF2FF 67%);
    padding: calc(116 / var(--base-width) * 100vw) 0 calc(150 / var(--base-width) * 100vw);
    margin-top: -1px;
}

/* Capitals Intro Text */
.capitals-intro {
    font-family: var(--font-sans);
    font-size: calc(25 / var(--base-width) * 100vw);
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: calc(-0.75 / var(--base-width) * 100vw);
    color: #37332C;
    max-width: calc(770 / var(--base-width) * 100vw);
    margin: 0 0 calc(60 / var(--base-width) * 100vw) 0;
}

/* Capitals Grid */
.capitals-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: calc(25 / var(--base-width) * 100vw);
    margin-bottom: calc(130 / var(--base-width) * 100vw);
}

/* Capital Card */
.capital-card {
    position: relative;
    display: flex;
    align-items: center;
    gap: calc(39 / var(--base-width) * 100vw);
    background: var(--color-white);
    border-radius: calc(30 / var(--base-width) * 100vw) calc(30 / var(--base-width) * 100vw) calc(30 / var(--base-width) * 100vw) 0;
    padding: calc(40 / var(--base-width) * 100vw);
    text-decoration: none;
    color: inherit;
    transition: background-color 0.3s ease;
    cursor: pointer;
}

.capital-card:hover {
    background-color: #F1FFFD;
}

.capital-card__content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: calc(344 / var(--base-width) * 100vw);
    min-height: calc(250 / var(--base-width) * 100vw);
    flex-shrink: 0;
}

.capital-card__info {
    display: flex;
    flex-direction: column;
    gap: calc(20 / var(--base-width) * 100vw);
}

.capital-card__label {
    font-family: var(--font-sans);
    font-size: calc(16 / var(--base-width) * 100vw);
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: calc(-0.48 / var(--base-width) * 100vw);
    color: #2C3337;
}

.capital-card__title {
    font-family: var(--font-sans);
    font-size: calc(30 / var(--base-width) * 100vw);
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: calc(-0.9 / var(--base-width) * 100vw);
    color: #2C3337;
    margin: 0;
}

.capital-card__image {
    width: calc(250 / var(--base-width) * 100vw);
    height: calc(250 / var(--base-width) * 100vw);
    border-radius: calc(200 / var(--base-width) * 100vw) calc(200 / var(--base-width) * 100vw) calc(200 / var(--base-width) * 100vw) 0;
    overflow: hidden;
    flex-shrink: 0;
}

.capital-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Capital Card Button */
.capital-card__btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: calc(60 / var(--base-width) * 100vw);
    height: calc(60 / var(--base-width) * 100vw);
    border-radius: calc(60 / var(--base-width) * 100vw);
    background: radial-gradient(circle at 30% 30%, #51AE6A 0%, #2CA4A1 100%);
    overflow: hidden;
    transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.capital-card__btn::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: #006359;
    opacity: 0;
    transition: opacity 0.35s ease;
    z-index: 0;
}

.capital-card:hover .capital-card__btn {
    width: calc(205 / var(--base-width) * 100vw);
}

.capital-card:hover .capital-card__btn::before {
    opacity: 1;
}

.capital-card__btn-text {
    position: absolute;
    left: calc(50 / var(--base-width) * 100vw);
    z-index: 1;
    font-family: var(--font-sans);
    font-size: calc(16 / var(--base-width) * 100vw);
    font-weight: 400;
    color: var(--color-white);
    white-space: nowrap;
    opacity: 0;
    transform: translateX(calc(-10 / var(--base-width) * 100vw));
    transition: opacity 0.2s ease 0.25s, transform 0.2s ease 0.25s;
}

.capital-card:hover .capital-card__btn-text {
    opacity: 1;
    transform: translateX(0);
}

.capital-card__btn-icon {
    position: absolute;
    right: calc(22 / var(--base-width) * 100vw);
    z-index: 1;
    width: calc(16 / var(--base-width) * 100vw);
    height: calc(16 / var(--base-width) * 100vw);
    filter: brightness(0) invert(1);
    flex-shrink: 0;
    opacity: 1;
    transform: translateZ(0);
    backface-visibility: hidden;
}

/* Capitals Statistics */
.capitals-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: calc(24 / var(--base-width) * 100vw);
    margin-bottom: calc(60 / var(--base-width) * 100vw);
}

.capitals-stats__item {
    background-color: #F1FFFD;
    border-radius: calc(30 / var(--base-width) * 100vw) calc(30 / var(--base-width) * 100vw) calc(30 / var(--base-width) * 100vw) 0;
    padding: calc(40 / var(--base-width) * 100vw);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: calc(235 / var(--base-width) * 100vw);
}

.capitals-stats__value {
    font-family: var(--font-sans);
    font-size: calc(80 / var(--base-width) * 100vw);
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: -0.06em;
    background: linear-gradient(51deg, #2FBD99 8%, #3792C0 92%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.capitals-stats__label {
    font-family: var(--font-sans);
    font-size: calc(15 / var(--base-width) * 100vw);
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: -0.03em;
    color: #000000;
}

/* Capitals Info */
.capitals-info {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: calc(24 / var(--base-width) * 100vw);
}

.capitals-info__item {
    position: relative;
}

.capitals-info__item:nth-child(2),
.capitals-info__item:nth-child(3) {
    padding-left: calc(40 / var(--base-width) * 100vw);
}

.capitals-info__item:not(:last-child)::after {
    content: '';
    position: absolute;
    right: calc(-12 / var(--base-width) * 100vw);
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #0B888F;
}

.capitals-info__item p {
    font-family: var(--font-sans);
    font-size: calc(18 / var(--base-width) * 100vw);
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: -0.03em;
    color: #37332C;
    margin: 0;
}

.capitals-info__item a {
    color: #0B888F;
    text-decoration: underline;
    transition: color 0.3s ease;
}

.capitals-info__item a:hover {
    color: #006359;
}

/* ========================================
   CAPITALS PAGE - MOBILE STYLES
   ======================================== */
@media (max-width: 768px) {
    /* Capitals Content Mobile */
    .capitals-content {
        padding: calc(120 / 375 * 100vw) 0 calc(80 / 375 * 100vw);
    }

    /* Capitals Intro Mobile */
    .capitals-intro {
        font-size: calc(18 / 375 * 100vw);
        letter-spacing: calc(-0.54 / 375 * 100vw);
        max-width: 100%;
        margin-bottom: calc(40 / 375 * 100vw);
    }

    /* Capitals Grid Mobile */
    .capitals-grid {
        grid-template-columns: 1fr;
        gap: calc(20 / 375 * 100vw);
        margin-bottom: calc(50 / 375 * 100vw);
    }

    /* Capital Card Mobile */
    .capital-card {
        flex-direction: column;
        align-items: flex-start;
        padding: calc(25 / 375 * 100vw);
        gap: calc(25 / 375 * 100vw);
        border-radius: calc(20 / 375 * 100vw) calc(20 / 375 * 100vw) calc(20 / 375 * 100vw) 0;
    }

    .capital-card:hover {
        background-color: var(--color-white);
    }

    .capital-card__content {
        width: 100%;
        min-height: auto;
        order: 2;
        gap: calc(50 / 375 * 100vw);
    }

    .capital-card__info {
        gap: calc(15 / 375 * 100vw);
        text-align: left;
    }

    .capital-card__label {
        font-size: calc(15 / 375 * 100vw);
        letter-spacing: calc(-0.45 / 375 * 100vw);
    }

    .capital-card__title {
        font-size: calc(25 / 375 * 100vw);
        letter-spacing: calc(-0.75 / 375 * 100vw);
    }

    .capital-card__image {
        width: calc(250 / 375 * 100vw);
        height: calc(250 / 375 * 100vw);
        border-radius: calc(200 / 375 * 100vw) calc(200 / 375 * 100vw) calc(200 / 375 * 100vw) 0;
        order: 1;
    }

    /* Capital Card Button Mobile - always expanded, no hover */
    .capital-card__btn {
        position: relative;
        width: 100%;
        height: calc(60 / 375 * 100vw);
        border-radius: calc(60 / 375 * 100vw);
        background: radial-gradient(ellipse at 30% 30%, #51AE6A 0%, #3EA985 50%, #2CA4A1 100%);
    }

    .capital-card:hover .capital-card__btn {
        width: 100%;
        background: radial-gradient(ellipse at 30% 30%, #51AE6A 0%, #3EA985 50%, #2CA4A1 100%);
    }

    .capital-card__btn-text {
        position: static;
        opacity: 1;
        transform: none;
        transition: none;
        font-size: calc(16 / 375 * 100vw);
        margin-right: calc(20 / 375 * 100vw);
    }

    .capital-card:hover .capital-card__btn-text {
        opacity: 1;
        transform: none;
    }

    .capital-card__btn-icon {
        position: static;
        width: calc(16 / 375 * 100vw);
        height: calc(16 / 375 * 100vw);
    }

    /* Capitals Statistics Mobile */
    .capitals-stats {
        grid-template-columns: 1fr;
        gap: calc(20 / 375 * 100vw);
        margin-bottom: calc(40 / 375 * 100vw);
    }

    .capitals-stats__item {
        min-height: auto;
        padding: calc(25 / 375 * 100vw);
        border-radius: calc(20 / 375 * 100vw) calc(20 / 375 * 100vw) calc(20 / 375 * 100vw) 0;
    }

    .capitals-stats__value {
        font-size: calc(50 / 375 * 100vw);
        margin-bottom: calc(15 / 375 * 100vw);
    }

    .capitals-stats__label {
        font-size: calc(14 / 375 * 100vw);
    }

    /* Capitals Info Mobile */
    .capitals-info {
        grid-template-columns: 1fr;
        gap: calc(25 / 375 * 100vw);
    }

    .capitals-info__item {
        padding-bottom: 0;
    }

    .capitals-info__item:nth-child(2),
    .capitals-info__item:nth-child(3) {
        padding-left: 0;
    }

    .capitals-info__item:not(:last-child)::after {
        display: none;
    }

    .capitals-info__item p {
        font-size: calc(14 / 375 * 100vw);
    }
}

/* ========================================
   NEWS DETAIL PAGE (Детальная новость)
   ======================================== */

/* News Detail Article */
.news-detail {
    padding-top: calc(70 / var(--base-width) * 100vw);
    padding-bottom: calc(100 / var(--base-width) * 100vw);
}

.news-detail__article {
    max-width: calc(1010 / var(--base-width) * 100vw);
    margin-left: calc(220 / var(--base-width) * 100vw);
    margin-right: auto;
}

/* Date */
.news-detail__date {
    display: block;
    font-family: var(--font-sans);
    font-size: calc(20 / var(--base-width) * 100vw);
    font-weight: 400;
    line-height: 1.7;
    color: var(--color-text-dark);
    margin-bottom: calc(30 / var(--base-width) * 100vw);
}

/* Main Title */
.news-detail__title {
    font-family: var(--font-sans);
    font-size: calc(35 / var(--base-width) * 100vw);
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: calc(-1.05 / var(--base-width) * 100vw);
    color: var(--color-text-dark);
    margin-bottom: calc(50 / var(--base-width) * 100vw);
}

/* Lead Text */
.news-detail__lead {
    font-family: var(--font-sans);
    font-size: calc(18 / var(--base-width) * 100vw);
    font-weight: 400;
    line-height: 1.7;
    color: var(--color-text-dark);
    margin-bottom: calc(50 / var(--base-width) * 100vw);
}

/* Subtitle */
.news-detail__subtitle {
    font-family: var(--font-sans);
    font-size: calc(25 / var(--base-width) * 100vw);
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: calc(-0.75 / var(--base-width) * 100vw);
    color: var(--color-text-dark);
    margin-bottom: calc(20 / var(--base-width) * 100vw);
}

/* Article Text */
.news-detail__text {
    margin-bottom: 20px;
}

.news-detail__text p, .news-detail__text ul, .news-detail__text ol, .news-detail__text li {
    font-family: var(--font-sans);
    font-size: calc(18 / var(--base-width) * 100vw);
    font-weight: 400;
    line-height: 1.7;
    color: var(--color-text-dark);
}

.news-detail__text p:last-child {
    margin-bottom: 0;
}

.news-detail__text ul, .news-detail__text ol {
    padding-left:20px;
}

.news-detail__text a {
	font-family: var(--font-sans);
    font-size: calc(18 / var(--base-width) * 100vw);
    font-weight: 400;
    line-height: 1.7;
    color: var(--color-teal);
	text-decoration:underline;
}

.news-detail__text a:hover {
    color: var(--color-teal-dark);
}

.news-detail__text h2 {
    font-family: var(--font-sans);
    font-size: calc(25 / var(--base-width) * 100vw);
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: calc(-0.75 / var(--base-width) * 100vw);
    color: var(--color-text-dark);
    margin-top: calc(30 / var(--base-width) * 100vw);
    margin-bottom: calc(20 / var(--base-width) * 100vw);
}

.news-detail__text h2:first-child {
    margin-top: 0;
}

/* Figure / Image */
.news-detail__figure {
    margin: calc(30 / var(--base-width) * 100vw) 0;
    width: 100%;
}

.news-detail__image {
    width: 100%;
    height: auto;
    display: block;
    border-radius: calc(30 / var(--base-width) * 100vw) calc(30 / var(--base-width) * 100vw) calc(30 / var(--base-width) * 100vw) 0;
    object-fit: cover;
}

/* Slider */
.news-detail__slider {
    margin-top: calc(50 / var(--base-width) * 100vw);
    margin-bottom: calc(30 / var(--base-width) * 100vw);
    position: relative;
}

.news-detail__slider-container {
    position: relative;
    overflow: hidden;
    border-radius: calc(30 / var(--base-width) * 100vw) calc(30 / var(--base-width) * 100vw) calc(30 / var(--base-width) * 100vw) 0;
}

.news-detail__slider-container .swiper-slide {
    width: 100%;
}

.news-detail__slider-image {
    width: 100%;
    height: calc(618 / var(--base-width) * 100vw);
    object-fit: cover;
    display: block;
}

/* Slider Navigation Arrows */
.news-detail__slider-prev,
.news-detail__slider-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: calc(44 / var(--base-width) * 100vw);
    height: calc(44 / var(--base-width) * 100vw);
    background: #FFFFFF;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    box-shadow: 0 calc(2 / var(--base-width) * 100vw) calc(8 / var(--base-width) * 100vw) rgba(0, 0, 0, 0.15);
}

.news-detail__slider-prev {
    left: calc(36 / var(--base-width) * 100vw);
}

.news-detail__slider-next {
    right: calc(36 / var(--base-width) * 100vw);
}

.news-detail__slider-prev img {
    width: calc(16 / var(--base-width) * 100vw);
    height: calc(16 / var(--base-width) * 100vw);
    transform: rotate(180deg);
    filter: brightness(0) saturate(100%) invert(36%) sepia(90%) saturate(400%) hue-rotate(127deg) brightness(95%) contrast(89%);
}

.news-detail__slider-next img {
    width: calc(16 / var(--base-width) * 100vw);
    height: calc(16 / var(--base-width) * 100vw);
    filter: brightness(0) saturate(100%) invert(36%) sepia(90%) saturate(400%) hue-rotate(127deg) brightness(95%) contrast(89%);
}

/* Show arrows on slider hover */
.news-detail__slider-container:hover .news-detail__slider-prev,
.news-detail__slider-container:hover .news-detail__slider-next {
    opacity: 1;
    visibility: visible;
}

.news-detail__slider-prev:hover,
.news-detail__slider-next:hover {
    background: #F0F0F0;
}

/* Slider Pagination (Dots) */
.news-detail__slider-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: calc(10 / var(--base-width) * 100vw);
    margin-top: calc(24 / var(--base-width) * 100vw);
}

.news-detail__slider-pagination .swiper-pagination-bullet {
    width: calc(12 / var(--base-width) * 100vw);
    height: calc(12 / var(--base-width) * 100vw);
    background: #D9D9D9;
    border-radius: 50%;
    opacity: 1;
    transition: background 0.3s ease;
    cursor: pointer;
    margin: 0;
}

.news-detail__slider-pagination .swiper-pagination-bullet-active {
    background: #0B888F;
}

/* ========================================
   NEWS DETAIL PAGE - Mobile Styles
   ======================================== */
@media (max-width: 768px) {
    .news-detail {
        padding-top: calc(120 / 375 * 100vw);
        padding-bottom: calc(60 / 375 * 100vw);
    }

    .news-detail__article {
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
        padding: 0;
    }

    /* Date */
    .news-detail__date {
        font-size: calc(14 / 375 * 100vw);
        margin-bottom: calc(15 / 375 * 100vw);
    }

    /* Main Title */
    .news-detail__title {
        font-size: calc(22 / 375 * 100vw);
        line-height: 1.3;
        letter-spacing: calc(-0.66 / 375 * 100vw);
        margin-bottom: calc(30 / 375 * 100vw);
    }

    /* Lead Text */
    .news-detail__lead {
        font-size: calc(14 / 375 * 100vw);
        line-height: 1.6;
        margin-bottom: calc(30 / 375 * 100vw);
    }

    /* Subtitle */
    .news-detail__subtitle {
        font-size: calc(18 / 375 * 100vw);
        letter-spacing: calc(-0.54 / 375 * 100vw);
        margin-bottom: calc(15 / 375 * 100vw);
    }

    /* Article Text */
    .news-detail__text {
        margin-bottom: calc(30 / 375 * 100vw);
    }

    .news-detail__text p {
        font-size: calc(14 / 375 * 100vw);
        line-height: 1.6;
        margin-bottom: calc(15 / 375 * 100vw);
    }

	.news-detail__text a {
        font-size: calc(14 / 375 * 100vw);
        line-height: 1.6;
    }

    .news-detail__text h2 {
        font-size: calc(18 / 375 * 100vw);
        letter-spacing: calc(-0.54 / 375 * 100vw);
        margin-top: calc(15 / 375 * 100vw);
        margin-bottom: calc(15 / 375 * 100vw);
    }

    /* Figure / Image */
    .news-detail__figure {
        margin-bottom: calc(30 / 375 * 100vw);
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }

    .news-detail__image {
        border-radius: calc(20 / 375 * 100vw) calc(20 / 375 * 100vw) calc(20 / 375 * 100vw) 0;
    }

    /* Slider */
    .news-detail__slider {
        margin-top: calc(30 / 375 * 100vw);
        margin-bottom: calc(20 / 375 * 100vw);
        margin-left: 0;
        margin-right: 0;
    }

    .news-detail__slider-container {
        border-radius: calc(20 / 375 * 100vw) calc(20 / 375 * 100vw) calc(20 / 375 * 100vw) 0;
    }

    .news-detail__slider-image {
        height: calc(250 / 375 * 100vw);
    }

    /* Navigation arrows - hidden on mobile, swipe only */
    .news-detail__slider-prev,
    .news-detail__slider-next {
        display: none;
    }

    /* Slider Pagination */
    .news-detail__slider-pagination {
        gap: calc(8 / 375 * 100vw);
        margin-top: calc(16 / 375 * 100vw);
    }

    .news-detail__slider-pagination .swiper-pagination-bullet {
        width: calc(10 / 375 * 100vw);
        height: calc(10 / 375 * 100vw);
    }
}

/* ========================================
   ABOUT PAGE - Страница О Фонде
   ======================================== */

/* About Page Container */
.about-page {
    padding: 0;
}

/* Introduction Block */
.about-page__intro {
    margin-bottom: calc(50 / var(--base-width) * 100vw);
}

.about-page__title {
    font-family: var(--font-serif);
    font-size: calc(45 / var(--base-width) * 100vw);
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: calc(-0.9 / var(--base-width) * 100vw);
    color: #37332C;
    margin-bottom: calc(30 / var(--base-width) * 100vw);
}

.about-page__title span {
    font-weight: 600;
}

.about-page__description {
    max-width: calc(1265 / var(--base-width) * 100vw);
}

.about-page__description p {
    font-family: var(--font-sans);
    font-size: calc(25 / var(--base-width) * 100vw);
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: calc(-0.75 / var(--base-width) * 100vw);
    color: #37332C;
    margin-bottom: calc(20 / var(--base-width) * 100vw);
}

.about-page__description p:last-child {
    margin-bottom: 0;
}

/* Photo Marquee (бегущая строка) */
.about-marquee {
    width: calc(100% + calc(200 / var(--base-width) * 100vw));
    margin-left: calc(-100 / var(--base-width) * 100vw);
    overflow: hidden;
    margin-bottom: calc(50 / var(--base-width) * 100vw);
}

.about-marquee__track {
    display: flex;
	animation: marquee-scroll 80s linear infinite;
    width: max-content;
    will-change: transform;
    backface-visibility: hidden;
}


.about-marquee__content {
    display: flex;
    gap: calc(25 / var(--base-width) * 100vw);
    padding-right: calc(25 / var(--base-width) * 100vw);
}

.about-marquee__item {
    flex-shrink: 0;
    width: calc(450 / var(--base-width) * 100vw);
    height: calc(360 / var(--base-width) * 100vw);
    border-radius: calc(30 / var(--base-width) * 100vw) calc(30 / var(--base-width) * 100vw) calc(30 / var(--base-width) * 100vw) 0;
    overflow: hidden;
}

.about-marquee__item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@keyframes marquee-scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

/* About Text */
.about-page__text {
    max-width: calc(1314 / var(--base-width) * 100vw);
    margin-bottom: calc(60 / var(--base-width) * 100vw);
}

.about-page__text p {
    font-family: var(--font-sans);
    font-size: calc(18 / var(--base-width) * 100vw);
    font-weight: 400;
    line-height: 1.7;
    color: #37332C;
    margin-bottom: calc(10 / var(--base-width) * 100vw);
}

.about-page__text p:last-child {
    margin-bottom: 0;
}

/* Management Structure */
.about-page__management {
    display: flex;
    flex-direction: column;
    gap: calc(50 / var(--base-width) * 100vw);
}

/* About Section */
.about-section {
    display: flex;
    flex-direction: column;
    gap: calc(20 / var(--base-width) * 100vw);
}

.about-section__title {
    font-family: var(--font-sans);
    font-size: calc(28 / var(--base-width) * 100vw);
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: calc(-0.84 / var(--base-width) * 100vw);
    color: #0B888F;
    margin: 0;
}

.about-section__text {
    font-family: var(--font-sans);
    font-size: calc(15 / var(--base-width) * 100vw);
    font-weight: 400;
    line-height: 1.7;
    color: #37332C;
    max-width: calc(1308 / var(--base-width) * 100vw);
    margin: 0;
}

/* About Cards Grid */
.about-cards {
    display: flex;
    gap: calc(25 / var(--base-width) * 100vw);
    margin-top: calc(10 / var(--base-width) * 100vw);
}

.about-cards--single {
    max-width: calc(466 / var(--base-width) * 100vw);
}

/* About Card */
.about-card {
    flex: 1;
    background: #F3F9FF;
    border-radius: calc(15 / var(--base-width) * 100vw);
    padding: calc(30 / var(--base-width) * 100vw);
    display: flex;
    align-items: center;
    gap: calc(30 / var(--base-width) * 100vw);
    overflow: hidden;
}

.about-card__photo {
    flex-shrink: 0;
    width: calc(120 / var(--base-width) * 100vw);
    height: calc(120 / var(--base-width) * 100vw);
    border-radius: 50%;
    overflow: hidden;
}

.about-card__photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about-card__photo--placeholder {
    background: #EBEBEB;
}

.about-card__info {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: calc(20 / var(--base-width) * 100vw);
}

.about-card__name {
    font-family: var(--font-sans);
    font-size: calc(25 / var(--base-width) * 100vw);
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: calc(-0.75 / var(--base-width) * 100vw);
    color: #000;
    margin: 0;
}

.about-card__position {
    font-family: var(--font-sans);
    font-size: calc(16 / var(--base-width) * 100vw);
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: calc(-0.48 / var(--base-width) * 100vw);
    color: #4A4F58;
    margin: 0;
}

/* ========================================
   ABOUT PAGE - Mobile Styles
   ======================================== */
@media (max-width: 768px) {
    .about-page {
        padding: 0;
    }

    .about-page__intro {
        margin-bottom: calc(40 / 375 * 100vw);
    }

    .about-page__title {
        font-size: calc(28 / 375 * 100vw);
        letter-spacing: calc(-0.84 / 375 * 100vw);
        margin-bottom: calc(20 / 375 * 100vw);
    }

    .about-page__description {
        max-width: 100%;
    }

    .about-page__description p {
        font-size: calc(18 / 375 * 100vw);
        letter-spacing: calc(-0.54 / 375 * 100vw);
        margin-bottom: calc(15 / 375 * 100vw);
    }

    /* Marquee Mobile */
    .about-marquee {
        width: calc(100% + calc(40 / 375 * 100vw));
        margin-left: calc(-20 / 375 * 100vw);
        margin-bottom: calc(40 / 375 * 100vw);
    }

    .about-marquee__content {
        gap: calc(17 / 375 * 100vw);
        padding-right: calc(17 / 375 * 100vw);
    }

    .about-marquee__item {
        width: calc(312 / 375 * 100vw);
        height: calc(250 / 375 * 100vw);
        border-radius: calc(20 / 375 * 100vw) calc(20 / 375 * 100vw) calc(20 / 375 * 100vw) 0;
    }

    /* About Text Mobile */
    .about-page__text {
        max-width: 100%;
        margin-bottom: calc(40 / 375 * 100vw);
    }

    .about-page__text p {
        font-size: calc(16 / 375 * 100vw);
        margin-bottom: calc(10 / 375 * 100vw);
    }

    /* Management Structure Mobile */
    .about-page__management {
        gap: calc(40 / 375 * 100vw);
    }

    /* About Section Mobile */
    .about-section {
        gap: calc(10 / 375 * 100vw);
    }

    .about-section__title {
        font-size: calc(22 / 375 * 100vw);
        letter-spacing: calc(-0.66 / 375 * 100vw);
    }

    .about-section__text {
        font-size: calc(14 / 375 * 100vw);
        max-width: 100%;
    }

    /* About Cards Mobile */
    .about-cards {
        flex-direction: column;
        gap: calc(25 / 375 * 100vw);
        margin-top: calc(20 / 375 * 100vw);
    }

    .about-cards--single {
        max-width: 100%;
    }

    /* About Card Mobile */
    .about-card {
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: calc(20 / 375 * 100vw);
        gap: calc(20 / 375 * 100vw);
        border-radius: calc(15 / 375 * 100vw);
    }

    .about-card__photo {
        width: calc(100 / 375 * 100vw);
        height: calc(100 / 375 * 100vw);
    }

    .about-card__info {
        gap: calc(10 / 375 * 100vw);
        align-items: center;
    }

    .about-card__name {
        font-size: calc(18 / 375 * 100vw);
        letter-spacing: calc(-0.54 / 375 * 100vw);
        text-align: center;
    }

    .about-card__position {
        font-size: calc(14 / 375 * 100vw);
        letter-spacing: calc(-0.42 / 375 * 100vw);
        text-align: center;
    }
}

/* ==========================================
   GROWTH PAGE STYLES
   ========================================== */

/* Growth Page Container */
.growth-page {
    display: flex;
    flex-direction: column;
}

/* Growth Page Intro */
.growth-page__intro {
    max-width: calc(793 / var(--base-width) * 100vw);
    margin-bottom: calc(70 / var(--base-width) * 100vw);
}

.growth-page__intro p {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: calc(25 / var(--base-width) * 100vw);
    line-height: 1.6;
    letter-spacing: calc(-0.75 / var(--base-width) * 100vw);
    color: #37332c;
}

/* Growth Section */
.growth-section {
    margin-bottom: calc(50 / var(--base-width) * 100vw);
}

.growth-section__title {
    font-family: 'Source Serif Pro', serif;
    font-weight: 600;
    font-size: calc(45 / var(--base-width) * 100vw);
    line-height: 1.3;
    letter-spacing: calc(-0.9 / var(--base-width) * 100vw);
    color: #37332c;
    margin-bottom: calc(50 / var(--base-width) * 100vw);
}

/* Growth Cards Container */
.growth-cards {
    display: flex;
    flex-direction: column;
    gap: calc(25 / var(--base-width) * 100vw);
}

.growth-cards__row {
    display: flex;
    gap: calc(25 / var(--base-width) * 100vw);
}

/* Growth Card */
.growth-card {
    flex: 1;
    background: #ffffff;
    border-radius: calc(30 / var(--base-width) * 100vw) calc(30 / var(--base-width) * 100vw) calc(30 / var(--base-width) * 100vw) 0;
    padding: calc(30 / var(--base-width) * 100vw);
    display: flex;
    flex-direction: column;
    gap: calc(60 / var(--base-width) * 100vw);
}

.growth-card__icon {
    width: calc(45 / var(--base-width) * 100vw);
    height: calc(35 / var(--base-width) * 100vw);
}

.growth-card__icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.growth-card__content {
    display: flex;
    flex-direction: column;
    gap: calc(30 / var(--base-width) * 100vw);
}

.growth-card__title {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: calc(30 / var(--base-width) * 100vw);
    line-height: 1.2;
    letter-spacing: calc(-0.9 / var(--base-width) * 100vw);
    color: #2c3337;
}

.growth-card__text {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: calc(18 / var(--base-width) * 100vw);
    line-height: 1.5;
    letter-spacing: calc(-0.54 / var(--base-width) * 100vw);
    color: rgba(55, 51, 44, 0.75);
}

/* Growth Page Marquee */
.growth-page .about-marquee {
    margin-top: calc(120 / var(--base-width) * 100vw);
    margin-bottom: calc(120 / var(--base-width) * 100vw);
}

/* Growth Society Cards */
.growth-section--society {
    margin-top: 0;
}

.growth-society-cards {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: calc(25 / var(--base-width) * 100vw);
}

.growth-society-cards__row {
    display: flex;
    gap: calc(25 / var(--base-width) * 100vw);
}

/* Growth Society Card */
.growth-society-card {
    flex: 1;
    background: #ffffff;
    border-radius: calc(30 / var(--base-width) * 100vw) calc(30 / var(--base-width) * 100vw) calc(30 / var(--base-width) * 100vw) 0;
    padding: calc(40 / var(--base-width) * 100vw);
    display: flex;
    align-items: stretch;
    gap: calc(20 / var(--base-width) * 100vw);
}

.growth-society-card__content {
    display: flex;
    flex-direction: column;
    gap: calc(15 / var(--base-width) * 100vw);
    justify-content: space-between;
    flex: 1;
}

.growth-society-card__title {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: calc(28 / var(--base-width) * 100vw);
    line-height: 1.2;
    letter-spacing: calc(-0.9 / var(--base-width) * 100vw);
    color: #2c3337;
}

.growth-society-card__text {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: calc(18 / var(--base-width) * 100vw);
    line-height: 1.5;
    letter-spacing: calc(-0.54 / var(--base-width) * 100vw);
    color: rgba(0, 0, 0, 0.75);
    max-width: 95%;
}

.growth-society-card__image {
    flex-shrink: 0;
    width: calc(250 / var(--base-width) * 100vw);
    height: calc(250 / var(--base-width) * 100vw);
    border-radius: calc(200 / var(--base-width) * 100vw) calc(200 / var(--base-width) * 100vw) calc(200 / var(--base-width) * 100vw) 0;
    overflow: hidden;
}

.growth-society-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Growth Page Mobile Styles */
@media (max-width: 767px) {
    /* Growth Page Intro Mobile */
    .growth-page__intro {
        max-width: 100%;
        margin-bottom: calc(50 / 375 * 100vw);
    }

    .growth-page__intro p {
        font-size: calc(18 / 375 * 100vw);
        letter-spacing: calc(-0.54 / 375 * 100vw);
    }

    /* Growth Section Mobile */
    .growth-section {
        margin-bottom: calc(40 / 375 * 100vw);
    }

    .growth-section__title {
        font-size: calc(28 / 375 * 100vw);
        letter-spacing: calc(-0.84 / 375 * 100vw);
        margin-bottom: calc(30 / 375 * 100vw);
    }

    /* Growth Cards Mobile */
    .growth-cards {
        gap: calc(25 / 375 * 100vw);
    }

    .growth-cards__row {
        flex-direction: column;
        gap: calc(25 / 375 * 100vw);
    }

    /* Growth Card Mobile */
    .growth-card {
        border-radius: calc(20 / 375 * 100vw) calc(20 / 375 * 100vw) calc(20 / 375 * 100vw) 0;
        padding: calc(25 / 375 * 100vw) calc(25 / 375 * 100vw) calc(30 / 375 * 100vw);
        gap: calc(60 / 375 * 100vw);
    }

    .growth-card__icon {
        width: calc(45 / 375 * 100vw);
        height: calc(35 / 375 * 100vw);
    }

    .growth-card__content {
        gap: calc(20 / 375 * 100vw);
    }

    .growth-card__title {
        font-size: calc(25 / 375 * 100vw);
        letter-spacing: calc(-0.75 / 375 * 100vw);
    }

    .growth-card__text {
        font-size: calc(16 / 375 * 100vw);
        letter-spacing: calc(-0.48 / 375 * 100vw);
    }

    /* Growth Page Marquee Mobile */
    .growth-page .about-marquee {
        margin-top: calc(50 / 375 * 100vw);
        margin-bottom: calc(50 / 375 * 100vw);
    }

    /* Growth Section Society Mobile */
    .growth-section--society {
        margin-top: 0;
    }

    /* Growth Society Cards Mobile */
    .growth-society-cards {
        gap: calc(20 / 375 * 100vw);
    }

    .growth-society-cards__row {
        flex-direction: column;
        gap: calc(20 / 375 * 100vw);
    }

    /* Growth Society Card Mobile */
    .growth-society-card {
        flex-direction: column;
        align-items: flex-start;
        border-radius: calc(20 / 375 * 100vw) calc(20 / 375 * 100vw) calc(20 / 375 * 100vw) 0;
        padding: calc(25 / 375 * 100vw) calc(25 / 375 * 100vw) calc(30 / 375 * 100vw);
        gap: calc(39 / 375 * 100vw);
    }

    .growth-society-card__content {
        gap: calc(20 / 375 * 100vw);
        order: 2;
    }

    .growth-society-card__title {
        font-size: calc(25 / 375 * 100vw);
        letter-spacing: calc(-0.75 / 375 * 100vw);
    }

    .growth-society-card__text {
        font-size: calc(16 / 375 * 100vw);
        letter-spacing: calc(-0.48 / 375 * 100vw);
    }

    .growth-society-card__image {
        order: 1;
        width: calc(170 / 375 * 100vw);
        height: calc(170 / 375 * 100vw);
        border-radius: calc(200 / 375 * 100vw) calc(200 / 375 * 100vw) calc(200 / 375 * 100vw) 0;
    }
}

/* ==========================================
   PHILANTHROPISTS PAGE STYLES
   ========================================== */

/* Philanthropists Page Container */
.philanthropists-page {
    padding: 0;
    background: linear-gradient(180deg, #E8F9F8 31.2%, #DFF2FF 67.3%);
}

.philanthropists-page > .container {
    padding-top: calc(120 / var(--base-width) * 100vw);
    padding-bottom: calc(100 / var(--base-width) * 100vw);
}

/* Intro Section */
.philanthropists-intro {
    margin-bottom: calc(70 / var(--base-width) * 100vw);
}

.philanthropists-intro__lead {
    font-family: var(--font-sans);
    font-size: calc(25 / var(--base-width) * 100vw);
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: calc(-0.75 / var(--base-width) * 100vw);
    color: #37332C;
    max-width: calc(793 / var(--base-width) * 100vw);
    margin-bottom: calc(30 / var(--base-width) * 100vw);
}

.philanthropists-intro__text {
    font-family: var(--font-sans);
    font-size: calc(18 / var(--base-width) * 100vw);
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: calc(-0.54 / var(--base-width) * 100vw);
    color: #37332C;
    max-width: calc(1203 / var(--base-width) * 100vw);
    margin-bottom: calc(20 / var(--base-width) * 100vw);
}

.philanthropists-intro__text:last-child {
    margin-bottom: 0;
}

/* Program Block */
.philanthropists-program {
    display: flex;
    align-items: flex-start;
    gap: calc(50 / var(--base-width) * 100vw);
    background: #F1FFFD;
    border-radius: calc(30 / var(--base-width) * 100vw) calc(30 / var(--base-width) * 100vw) calc(30 / var(--base-width) * 100vw) 0;
    padding: calc(50 / var(--base-width) * 100vw);
    margin-bottom: calc(70 / var(--base-width) * 100vw);
}

.philanthropists-program__image {
    flex-shrink: 0;
    width: calc(220 / var(--base-width) * 100vw);
    height: calc(220 / var(--base-width) * 100vw);
    border-radius: calc(200 / var(--base-width) * 100vw) calc(200 / var(--base-width) * 100vw) calc(200 / var(--base-width) * 100vw) 0;
    overflow: hidden;
}

.philanthropists-program__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.philanthropists-program__content {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: calc(25 / var(--base-width) * 100vw);
}

.philanthropists-program__title {
    font-family: var(--font-serif);
    font-size: calc(45 / var(--base-width) * 100vw);
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: calc(-0.9 / var(--base-width) * 100vw);
    color: #37332C;
    margin: 0;
}

.philanthropists-program__text {
    font-family: var(--font-sans);
    font-size: calc(18 / var(--base-width) * 100vw);
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: calc(-0.54 / var(--base-width) * 100vw);
    color: #37332C;
    margin: 0;
}

.philanthropists-program__link {
    color: #0B888F;
    text-decoration: underline;
}

/* Statistics Section */
.philanthropists-stats {
    display: flex;
    flex-direction: column;
    gap: calc(25 / var(--base-width) * 100vw);
    margin-bottom: calc(100 / var(--base-width) * 100vw);
}

.philanthropists-stats__row {
    display: flex;
    gap: calc(24 / var(--base-width) * 100vw);
}

/* Stat Card */
.philanthropists-stat-card {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(20 / var(--base-width) * 100vw);
    background: rgba(255, 255, 255, 0.75);
    border-radius: calc(30 / var(--base-width) * 100vw) calc(30 / var(--base-width) * 100vw) calc(30 / var(--base-width) * 100vw) 0;
    padding: calc(40 / var(--base-width) * 100vw);
}

.philanthropists-stat-card__text {
    font-family: var(--font-sans);
    font-size: calc(22 / var(--base-width) * 100vw);
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: calc(-0.66 / var(--base-width) * 100vw);
    color: #000;
    margin: 0;
    flex: 1;
}

.philanthropists-stat-card__number {
    font-family: var(--font-sans);
    font-size: calc(80 / var(--base-width) * 100vw);
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: calc(-4.8 / var(--base-width) * 100vw);
    background: linear-gradient(76deg, #2FBD99 8.37%, #3792C0 91.64%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    flex-shrink: 0;
}

/* Vertical Stat Card */
.philanthropists-stat-card--vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: calc(30 / var(--base-width) * 100vw);
    max-width: calc(344 / var(--base-width) * 100vw);
}

.philanthropists-stat-card--vertical .philanthropists-stat-card__number {
    font-size: calc(70 / var(--base-width) * 100vw);
    letter-spacing: calc(-4.2 / var(--base-width) * 100vw);
}

/* Complex Stat Card */
.philanthropists-stat-card--complex {
    flex-direction: row;
    align-items: center;
    gap: calc(39 / var(--base-width) * 100vw);
    flex: none;
}

.philanthropists-stat-card__main {
    display: flex;
    flex-direction: column;
    gap: calc(30 / var(--base-width) * 100vw);
    width: calc(185 / var(--base-width) * 100vw);
}

.philanthropists-stat-card__main .philanthropists-stat-card__number {
    font-size: calc(70 / var(--base-width) * 100vw);
    letter-spacing: calc(-4.2 / var(--base-width) * 100vw);
}

.philanthropists-stat-card__sub {
    display: flex;
    gap: calc(19 / var(--base-width) * 100vw);
}

.philanthropists-stat-card__sub-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: calc(15 / var(--base-width) * 100vw);
    border: 1px solid rgba(47, 189, 153, 0.5);
    border-radius: calc(15 / var(--base-width) * 100vw) calc(15 / var(--base-width) * 100vw) calc(15 / var(--base-width) * 100vw) 0;
    padding: calc(25 / var(--base-width) * 100vw);
    width: calc(195 / var(--base-width) * 100vw);
    height: 100%;
}

.philanthropists-stat-card__sub-item--primary {
    border-color: #2FBD99;
}

.philanthropists-stat-card__sub-number {
    font-family: var(--font-sans);
    font-size: calc(60 / var(--base-width) * 100vw);
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: calc(-3.6 / var(--base-width) * 100vw);
    background: linear-gradient(72deg, #2FBD99 8.37%, #3792C0 91.64%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.philanthropists-stat-card__sub-text {
    font-family: var(--font-sans);
    font-size: calc(16 / var(--base-width) * 100vw);
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: calc(-0.48 / var(--base-width) * 100vw);
    color: #000;
    margin: 0;
}

/* Honorary Philanthropists Section */
.philanthropists-honorary {
    margin-bottom: calc(80 / var(--base-width) * 100vw);
}

.philanthropists-honorary__title {
    font-family: var(--font-serif);
    font-size: calc(45 / var(--base-width) * 100vw);
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: calc(-0.9 / var(--base-width) * 100vw);
    color: #000;
    margin: 0 0 calc(30 / var(--base-width) * 100vw);
}

.philanthropists-honorary__description {
    font-family: var(--font-sans);
    font-size: calc(18 / var(--base-width) * 100vw);
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: calc(-0.54 / var(--base-width) * 100vw);
    color: #37332C;
    max-width: calc(1178 / var(--base-width) * 100vw);
    margin-bottom: calc(50 / var(--base-width) * 100vw);
}

/* Person Cards */
.philanthropists-persons {
    display: flex;
    flex-direction: column;
    gap: calc(25 / var(--base-width) * 100vw);
}

.philanthropists-persons__row {
    display: flex;
    gap: calc(25 / var(--base-width) * 100vw);
}

.philanthropists-persons__row--single {
    max-width: calc(466 / var(--base-width) * 100vw);
}

.philanthropists-persons__row--two {
    max-width: calc(958 / var(--base-width) * 100vw);
}

.philanthropists-person {
    flex: 1;
    display: flex;
    align-items: center;
    gap: calc(30 / var(--base-width) * 100vw);
    background: #F3F9FF;
    border-radius: calc(15 / var(--base-width) * 100vw);
    padding: calc(30 / var(--base-width) * 100vw);
    overflow: hidden;
}

.philanthropists-person__photo {
    flex-shrink: 0;
    width: calc(120 / var(--base-width) * 100vw);
    height: calc(120 / var(--base-width) * 100vw);
    border-radius: 50%;
    overflow: hidden;
}

.philanthropists-person__photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.philanthropists-person__name {
    font-family: var(--font-sans);
    font-size: calc(25 / var(--base-width) * 100vw);
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: calc(-0.75 / var(--base-width) * 100vw);
    color: #000;
    margin: 0;
}

/* Partners Section */
.philanthropists-partners {
    margin-bottom: calc(50 / var(--base-width) * 100vw);
}

.philanthropists-partners__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: calc(25 / var(--base-width) * 100vw);
}

.philanthropists-partner {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFFFFF;
    border-radius: calc(30 / var(--base-width) * 100vw) calc(30 / var(--base-width) * 100vw) calc(30 / var(--base-width) * 100vw) 0;
    padding: calc(30 / var(--base-width) * 100vw);
    height: calc(140 / var(--base-width) * 100vw);
}

.philanthropists-partner img {
    max-width: 80%;
    max-height: calc(92 / var(--base-width) * 100vw);
    object-fit: contain;
}

/* ==========================================
   PHILANTHROPISTS PAGE - Mobile Styles
   ========================================== */
@media (max-width: 768px) {
    .philanthropists-page > .container {
        padding-top: calc(40 / 375 * 100vw);
        padding-bottom: calc(60 / 375 * 100vw);
    }

    /* Intro Section Mobile */
    .philanthropists-intro {
        margin-bottom: calc(40 / 375 * 100vw);
        margin-top: calc(80 / 375 * 100vw);
    }

    .philanthropists-intro__lead {
        font-size: calc(18 / 375 * 100vw);
        letter-spacing: calc(-0.54 / 375 * 100vw);
        max-width: 100%;
        margin-bottom: calc(25 / 375 * 100vw);
    }

    .philanthropists-intro__text {
        font-size: calc(16 / 375 * 100vw);
        letter-spacing: calc(-0.48 / 375 * 100vw);
        max-width: 100%;
        margin-bottom: calc(25 / 375 * 100vw);
    }

    /* Program Block Mobile */
    .philanthropists-program {
        flex-direction: column;
        gap: calc(30 / 375 * 100vw);
        border-radius: calc(20 / 375 * 100vw) calc(20 / 375 * 100vw) calc(20 / 375 * 100vw) 0;
        padding: calc(25 / 375 * 100vw) calc(20 / 375 * 100vw);
        margin-bottom: calc(40 / 375 * 100vw);
    }

    .philanthropists-program__image {
        width: calc(200 / 375 * 100vw);
        height: calc(200 / 375 * 100vw);
        border-radius: calc(200 / 375 * 100vw) calc(200 / 375 * 100vw) calc(200 / 375 * 100vw) 0;
    }

    .philanthropists-program__content {
        gap: calc(25 / 375 * 100vw);
    }

    .philanthropists-program__title {
        font-size: calc(28 / 375 * 100vw);
        letter-spacing: calc(-0.56 / 375 * 100vw);
    }

    .philanthropists-program__text {
        font-size: calc(16 / 375 * 100vw);
        letter-spacing: calc(-0.48 / 375 * 100vw);
    }

    /* Statistics Section Mobile */
    .philanthropists-stats {
        gap: calc(20 / 375 * 100vw);
        margin-bottom: calc(60 / 375 * 100vw);
    }

    .philanthropists-stats__row {
        flex-direction: column;
        gap: calc(20 / 375 * 100vw);
    }

    /* Stat Card Mobile */
    .philanthropists-stat-card {
        flex-direction: row;
        justify-content: space-between;
        gap: calc(15 / 375 * 100vw);
        border-radius: calc(20 / 375 * 100vw) calc(20 / 375 * 100vw) calc(20 / 375 * 100vw) 0;
        padding: calc(25 / 375 * 100vw) calc(20 / 375 * 100vw);
        max-width: 100%;
    }

    .philanthropists-stat-card__text {
        font-size: calc(18 / 375 * 100vw);
        letter-spacing: calc(-0.54 / 375 * 100vw);
    }

    .philanthropists-stat-card__number {
        font-size: calc(60 / 375 * 100vw);
        letter-spacing: calc(-3.6 / 375 * 100vw);
    }

    /* Vertical Stat Card Mobile */
    .philanthropists-stat-card--vertical {
        flex-direction: column;
        align-items: flex-start;
        gap: calc(20 / 375 * 100vw);
        max-width: 100%;
    }

    .philanthropists-stat-card--vertical .philanthropists-stat-card__number {
        font-size: calc(60 / 375 * 100vw);
        letter-spacing: calc(-3.6 / 375 * 100vw);
    }

    /* Complex Stat Card Mobile */
    .philanthropists-stat-card--complex {
        flex-direction: column;
        align-items: flex-start;
        gap: calc(25 / 375 * 100vw);
    }

    .philanthropists-stat-card__main {
        width: 100%;
        gap: calc(30 / 375 * 100vw);
    }

    .philanthropists-stat-card__main .philanthropists-stat-card__number {
        font-size: calc(60 / 375 * 100vw);
        letter-spacing: calc(-3.6 / 375 * 100vw);
    }

    .philanthropists-stat-card__sub {
        flex-direction: column;
        gap: calc(19 / 375 * 100vw);
        width: 100%;
    }

    .philanthropists-stat-card__sub-item {
        flex-direction: row;
        align-items: center;
        gap: calc(15 / 375 * 100vw);
        border-radius: calc(15 / 375 * 100vw) calc(15 / 375 * 100vw) calc(15 / 375 * 100vw) 0;
        padding: calc(25 / 375 * 100vw) calc(20 / 375 * 100vw);
        width: 100%;
    }

    .philanthropists-stat-card__sub-number {
        font-size: calc(50 / 375 * 100vw);
        letter-spacing: calc(-3 / 375 * 100vw);
    }

    .philanthropists-stat-card__sub-text {
        font-size: calc(15 / 375 * 100vw);
        letter-spacing: calc(-0.45 / 375 * 100vw);
    }

    /* Honorary Philanthropists Mobile */
    .philanthropists-honorary {
        margin-bottom: calc(40 / 375 * 100vw);
    }

    .philanthropists-honorary__title {
        font-size: calc(28 / 375 * 100vw);
        letter-spacing: calc(-0.84 / 375 * 100vw);
        margin-bottom: calc(20 / 375 * 100vw);
    }

    .philanthropists-honorary__description {
        font-size: calc(16 / 375 * 100vw);
        letter-spacing: calc(-0.48 / 375 * 100vw);
        max-width: 100%;
        margin-bottom: calc(30 / 375 * 100vw);
    }

    /* Person Cards Mobile */
    .philanthropists-persons {
        gap: calc(20 / 375 * 100vw);
    }

    .philanthropists-persons__row {
        flex-direction: column;
        gap: calc(20 / 375 * 100vw);
    }

    .philanthropists-persons__row--single {
        max-width: 100%;
    }

    .philanthropists-persons__row--two {
        max-width: 100%;
    }

    .philanthropists-person {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: calc(20 / 375 * 100vw);
        border-radius: calc(15 / 375 * 100vw);
        padding: calc(20 / 375 * 100vw);
    }

    .philanthropists-person__photo {
        width: calc(100 / 375 * 100vw);
        height: calc(100 / 375 * 100vw);
    }

    .philanthropists-person__name {
        font-size: calc(18 / 375 * 100vw);
        letter-spacing: calc(-0.54 / 375 * 100vw);
    }

    /* Partners Section Mobile */
    .philanthropists-partners {
        margin-bottom: calc(30 / 375 * 100vw);
    }

    .philanthropists-partners__grid {
        grid-template-columns: 1fr;
        gap: calc(17 / 375 * 100vw);
    }

    .philanthropists-partner {
        width: 100%;
        height: calc(137 / 375 * 100vw);
        border-radius: calc(20 / 375 * 100vw) calc(20 / 375 * 100vw) calc(20 / 375 * 100vw) 0;
        padding: calc(20 / 375 * 100vw);
    }

    .philanthropists-partner img {
        max-height: calc(92 / 375 * 100vw);
    }
}
/* End */
/* /local/templates/fond_rudn/vendors/swiper-bundle.min.css?177402040018454 */
/* /local/templates/fond_rudn/css/style.css?1774020400175348 */