@font-face {
            font-family: 'Montserrat-Light';
            src: url('../fonts/Montserrat-Light.ttf') format('truetype');
            font-weight: 300;
            font-style: normal;
        }

        @font-face {
            font-family: 'Montserrat-Medium';
            src: url('../fonts/Montserrat-Medium.ttf') format('truetype');
            font-weight: 500;
            font-style: normal;
        }

        @font-face {
            font-family: 'Montserrat-SemiBold';
            src: url('../fonts/Montserrat-SemiBold.ttf') format('truetype');
            font-weight: 600;
            font-style: normal;
        }

        @font-face {
            font-family: 'Montserrat-Bold';
            src: url('../fonts/Montserrat-Bold.ttf') format('truetype');
        }

        @font-face {
            font-family: 'Montserrat-Regular';
            src: url('../fonts/Montserrat-Regular.ttf') format('truetype');
        }

        @font-face {
            font-family: 'MyriadPro';
            src: url('../fonts/MYRIADPRO-REGULAR.OTF') format('opentype');
            font-weight: 400;
            font-style: normal;
        }

        :root {
            --gold: #CD9F26;
            --gold-dark: #CD9F26;
            --gold-light: #CD9F26;
            --dark-navy: #0a162b;
            --hero-bg: #0d1a2e;
            --light-bg: #f0f0f0;
            --lighter-bg: #e8e8e8;
            --white: #ffffff;
            --text-dark: #222222;
            --text-mid: #555555;
            --text-light: #888888;
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Montserrat-Light';
            overflow-x: hidden;
            color: var(--text-dark);
        }

        /* ── HEADER ── */
        .site-header {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            z-index: 200;
            padding: 18px 40px;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .site-header::after {
            content: '';
            position: absolute;
            bottom: -1px;
            left: 40px;
            width: calc(100% - 40px);
            height: auto;
            aspect-ratio: 25.4452 / 0.0056;
            background: url('../images/header-line.png') left center/100% 100% no-repeat;
        }

        .logo-wrapper {
            display: flex;
            align-items: center;
            text-decoration: none;
        }

        .logo-img {
            height: 60px;
            width: auto;
            max-width: 220px;
            object-fit: contain;
            display: block;
        }

        /* Menu button */
        .menu-wrapper {
            position: relative;
            left: 20px;
        }




        /* keep burger icon as it is */
        .menu-toggle {
            background: transparent;
            border: none;
            padding: 0;
            cursor: pointer;
        }

        .mt-burger-img {
            width: auto;
            height: auto;
            display: block;
        }



        .menu-toggle:hover {
            background: rgba(30, 38, 52, .75);
            border-color: rgba(255, 255, 255, .3);
        }

        .menu-toggle:active {
            transform: scale(.96);
        }

        .menu-toggle.is-open {
            opacity: 1;
            background: rgba(30, 38, 52, .7);
            border-color: rgba(255, 255, 255, .25);
        }

        .menu-toggle .mt-burger-img {
            width: 35px;
            height: auto;
            aspect-ratio: 0.8734 / 0.6185;
            opacity: 1;
            display: block;
            transition: opacity .3s;
        }

        /* dropdown */
        .menu-dropdown {
            position: absolute;
            top: 2px;
            right: calc(100% + 10px);
            width: 172px;
            min-width: 172px;
            padding: 0;
            overflow: hidden;
            border-radius: 7px 0 7px 7px;


            opacity: 0;
            visibility: hidden;
            transform: translateX(-8px);
            transform-origin: top right;
            transition:
                opacity 0.25s ease,
                transform 0.25s ease,
                visibility 0.25s ease;
            pointer-events: none;
            z-index: 999;
        }

        .menu-wrapper.open .menu-dropdown {
            background: rgba(10, 22, 43, 0.68);
            backdrop-filter: blur(6px);


            opacity: 1;
            visibility: visible;
            transform: translateX(0);
            pointer-events: auto;
        }

        /* top header */
        .menu-dropdown-header {
            position: relative;
            display: flex;
            justify-content: space-between;
            align-items: center;
            height: 36px;
            padding: 0 14px 2px;
            font-family: 'Montserrat-Bold';
            font-size: 13px;
            font-weight: 400;
            letter-spacing: 0.5px;
            text-transform: uppercase;
            color: rgba(255, 255, 255, 0.95);

            transition:
                background 0.2s ease,
                color 0.2s ease;
        }

        /* white line under MENU */
        .menu-dropdown-header::after {
            content: "";
            position: absolute;
            left: 14px;
            right: 14px;
            bottom: 3px;
            height: 2px;
            background: rgba(255, 255, 255, 1);
        }

        .menu-dropdown-header .mt-chevron {
            font-size: 9px;
            color: #caa24d;
            transition: transform 0.3s ease;
        }

        .menu-wrapper.open .menu-dropdown-header .mt-chevron {
            transform: rotate(0deg);
        }

        .menu-dropdown a {
            position: relative;
            display: flex;
            align-items: center;
            height: 34px;
            padding: 0 14px;
            color: rgba(255, 255, 255, 0.95);
            text-decoration: none;
            font-family: 'Montserrat-Medium';
            font-size: 10px;
            font-weight: 100;
            letter-spacing: 1.2px;
            text-transform: uppercase;
            transition:
                background 0.2s ease,
                color 0.2s ease;
        }

        /* default line */
        .menu-dropdown a.menu-login::before {
            content: "";
            position: absolute;
            left: 14px;
            right: 14px;
            top: 0px;
            height: 2px;
            background: rgba(255, 255, 255, 1);
        }

        /* hover */
        .menu-dropdown a:hover {
            background: rgba(255, 255, 255, 0.04);
            color: #fff;
        }

        /* active item */
        .menu-dropdown a.active {
            background: #CD9F26;
            color: #fff;
        }

        /* remove line under HOME */
        .menu-dropdown a.active::after {
            display: none;
        }

        /* remove line between ABOUT US and INITIATIVE */
        .menu-dropdown a.menu-no-line::after {
            display: none;
        }

        /* CONTACT US custom shorter white line */
        .menu-dropdown a.menu-contact {
            margin-bottom: 5px;
        }

        /* login */
        .menu-dropdown a.menu-login {
            color: rgba(255, 255, 255, 0.9);
        }

        /* no line under last item */
        .menu-dropdown a:last-child::after {
            display: none;
        }

        /* ── HELPERS ── */
        .section-title-gold {
            display: inline-block;
            border-bottom: 3px solid var(--gold);
            padding-bottom: 4px;
        }

        .gold-line {
            width: 60px;
            height: 3px;
            background: var(--gold);
            margin: 10px auto 0;
        }

        .play-circle {
            width: 110px;
            height: 110px;
            border-radius: 50%;
            border: 2.5px solid rgba(255, 255, 255, .55);
            background: rgba(255, 255, 255, .06);
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all .3s;
            flex-shrink: 0;
        }

        .play-circle:hover {
            border-color: rgba(255, 255, 255, .9);
            background: rgba(255, 255, 255, .15);
            transform: scale(1.06);
        }

        .play-circle i {
            color: rgba(255, 255, 255, .85);
            font-size: 36px;
            margin-left: 6px;
        }



        .scroll-ind {
            text-align: center;
            position: absolute;
            bottom: 28px;
            left: 50%;
            transform: translateX(-50%);
            z-index: 5;
        }

        .mouse-box {
            width: 26px;
            height: 42px;
            border: 2px solid rgba(255, 255, 255, .45);
            border-radius: 13px;
            display: inline-block;
            position: relative;
        }

        .mouse-box::before {
            content: '';
            position: absolute;
            top: 7px;
            left: 50%;
            transform: translateX(-50%);
            width: 4px;
            height: 7px;
            background: rgba(255, 255, 255, .45);
            border-radius: 2px;
            animation: scrollDot 2s infinite;
        }

        @keyframes scrollDot {
            0% {
                opacity: 1;
                transform: translateX(-50%) translateY(0);
            }

            100% {
                opacity: 0;
                transform: translateX(-50%) translateY(9px);
            }
        }

        .scroll-chevrons {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 0;
            margin-top: 5px;
        }

        .scroll-chevrons i {
            color: var(--gold);
            font-size: 12px;
            display: block;
        }

        .scroll-chevrons i:last-child {
            opacity: .45;
            margin-top: -4px;
        }

        /* ── SECTION 1: HERO ── */
        .hero-section {
            min-height: 115vh;
            position: relative;
            overflow: hidden;
            display: flex;
            align-items: center;
            padding: 120px 60px 100px;
        }

        body.home-page .hero-section {
            min-height: 90vh;
            min-height: 90svh;
            height: 90vh;
            height: 90svh;
        }

        /* ── inline hero video ── */
        .hero-video-inline {
            position: absolute;
            inset: 0;
            z-index: 10;
            display: flex;
            align-items: center;
            justify-content: center;
            background: #000;
            opacity: 0;
            pointer-events: none;
            transition: opacity .6s ease;
        }

        .hero-video-inline video {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        body.home-page .hero-video-inline video {
            background: #000;
        }

        /* hero playing state */
        .hero-section.is-playing .hero-img,
        .hero-section.is-playing .hero-net,
        .hero-section.is-playing .hero-play-wrap,
        .hero-section.is-playing .hero-body {
            opacity: 0;
            pointer-events: none;
            transition: opacity .5s ease;
        }

        .hero-section.is-playing .hero-video-inline {
            opacity: 1;
            pointer-events: auto;
        }

        .hero-section.is-video-paused .hero-img,
        .hero-section.is-video-paused .hero-net,
        .hero-section.is-video-paused .hero-body {
            opacity: 0;
            pointer-events: none;
            transition: opacity .5s ease;
        }

        .hero-section.is-video-paused .hero-video-inline {
            opacity: 1;
            pointer-events: auto;
        }

        .hero-section.is-video-paused .hero-play-wrap {
            opacity: 1;
            pointer-events: auto;
            z-index: 12;
        }

        .hero-img {
            position: absolute;
            inset: 0;
            background:
                linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
                url('../images/hero-img.png') center/cover no-repeat;
            z-index: 2;
            overflow: hidden;
        }

        .hero-img::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 185px;
            background: linear-gradient(to bottom,
                    rgba(0, 0, 0, 0.98) 0%,
                    rgba(0, 0, 0, 0.92) 15%,
                    rgba(0, 0, 0, 0.72) 45%,
                    rgba(0, 0, 0, 0.35) 72%,
                    rgba(0, 0, 0, 0) 100%);
            pointer-events: none;
            z-index: 1;
        }

        .hero-img::after {
            content: '';
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            height: 170px;
            background: linear-gradient(to bottom,
                    rgba(0, 0, 0, 0) 0%,
                    rgba(0, 0, 0, 0.20) 20%,
                    rgba(0, 0, 0, 0.55) 45%,
                    rgba(0, 0, 0, 0.88) 75%,
                    rgba(0, 0, 0, 1) 100%);
            pointer-events: none;
            z-index: 1;
        }

        .hero-section.about-hero {
            min-height: 90vh;
            background-color: transparent;
        }

        .about-hero .hero-img {
            background-color: transparent;
            background-position: left center;
            background-repeat: no-repeat;
            background-size: cover;
        }

        .about-hero .hero-img::after {
            display: none;
        }

        @media (max-width: 991px) {
            .hero-section.about-hero {
                min-height: 58vh;
            }
        }

        @media (max-width: 767px) {
            .hero-section.about-hero {
                min-height: clamp(240px, 52vw, 420px);
            }

            .about-hero .hero-img {
                background-position: left center;
            }
        }

       .initiative-sectionn .initiative-containerr {

        }

        .initiative-container {
            position: relative;
            top: -120px;
            z-index: 2;
            text-align: center;
            max-width: 1084px;
            width: 100%;
            padding: 0 0px;
        }

        .initiative-title {
            color: #ffffff;
            letter-spacing: 3px;
            font-weight: 500;
            font-size: 26px;
            margin: 0;
            font-family: 'Montserrat-Medium';
            text-transform: uppercase;
        }

        .initiative-line {
            width: 100px;
            height: 6px;
            margin: 20px auto 10px;
            background-color: var(--gold);
        }

        .initiative-text {
            color: #ffffff;
            font-family: 'Montserrat-Light';
            font-size: 20px;
            line-height: 1.7;
            text-align: center;
            letter-spacing: 0.2em;
            margin: 0 auto;
        }

        .initiative-sectionn {
            background:
                url('../images/shape6.png') center top / 100% 80% no-repeat;
            padding: 106px 0 112px;
            text-align: center;
            position: relative;
            overflow: hidden;

        }

        .initiative-section {
               background-color: #252C38;
            background-image:
                linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
                url('../images/OUR-INITIATIVE.png');
            background-blend-mode: normal, luminosity;
            background-position: center;
            background-size: 100%;
            background-repeat: no-repeat;
            min-height: 90vh;
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
                             background-size: cover!important;

            padding-top: 60px;
        }

        body.initiative-page .initiative-section {
            align-items: flex-start;
            padding: 150px 20px 80px;
        }

        body.initiative-page .initiative-container {
            top: 0;
        }

        .initiative-sectionnnn::before {
            content: "";
            position: absolute;
            z-index: 1;
            inset: 0px;
            background: #07111fc3;
        }

        .initiative-info-section {
            padding: 80px 20px 0px;
            background-color: #ffffff;
            text-align: center;
        }

        .initiative-info-container {
            max-width: 1180px;
            margin: 0 auto;
        }

        .initiative-info-text {
            margin-bottom: 80px;
            text-align: left;
        }

        .initiative-info-text p {
            font-family: 'Montserrat-Light';
            color: #000000;
            font-size: 21px;
            line-height: 1.8;
            letter-spacing: 0.11em;
            overflow-wrap: anywhere;
            word-break: break-word;
            hyphens: auto;
        }

        .program-highlights-header {
            text-align: center;
        }

        .program-highlights-title {
            color: #000000;
            font-size: 38px;
            font-weight: 500;
            letter-spacing: 4px;
            margin: 0;
            font-family: 'Montserrat-Medium';
        }

        @media (max-width: 767px) {
            .program-highlights-title {
                font-size: 26px;
                /* Smaller font on mobile */
                letter-spacing: 1.5px;
            }
        }

        .program-highlights-line {
            width: 100px;
            height: 6px;
            margin: 20px auto 0;
            background-color: var(--gold, #CD9F26);
        }

        .program-highlights-section {
            padding: 40px 20px 20px;
            background-color: #ffffff;
            text-align: center;
        }

        .program-highlights-container {
            max-width: 1180px;
            margin: 0 auto;
        }

        .program-benchmark-container {
            max-width: 100%;
            margin: 0 auto;
        }

        .initiative-main .program-benchmark-container {
            max-width: 1180px;
        }

        .program-highlights-text {

            margin-top: 10px;
            text-align: left;
        }

        .program-highlights-text p {
            font-family: 'Montserrat-Light';
            color: #000000;
            font-size: 21px;
            line-height: 1.8;
            letter-spacing: 0.14em;
            overflow-wrap: anywhere;
            word-break: break-word;
            hyphens: auto;
        }

        .initiative-main .initiative-info-text p,
        .initiative-main .program-highlights-text p {
            text-align: justify;
            text-align-last: left;
        }

        @media (max-width: 1399px) {
            .initiative-main #humawealthProgram {
                padding-top: 22px;
            }
        }

        .humawealth-header {
            margin-top: 10px;
        }

        /* Classes for the new Program Benefits Section below Benchmark */
        .program-benefits-section {
            padding-top: 20px;
            /* Edit this value for section top padding */
        }

        .benefits-header {
            margin-top: 30px;
            /* Edit this value for header top margin */
        }

        /* ── Question Contact Section ── */
        /* ── Question Contact Section (Shared/Global) ── */
        .question-contact-section {
            background-image: url('../images/bench-shape.png');
            background-repeat: no-repeat;
            background-size: cover;
            /* Adjust the negative Y value (-150px) to move the background further up or down */
            background-position: center -150px;
            padding-bottom: 80px;
        }

        .question-contact-section .contact-event-img {
            object-fit: cover;
            border-radius: 4px;
        }

        .question-contact-section .question-title {
            font-family: 'Montserrat-Bold';
            font-size: 22px;
            font-weight: 700;
            color: #111;
            margin-bottom: 10px;
            text-align: left;
        }

        .question-contact-section .question-line {
            width: 100%;
            height: 3px;
            background-color: var(--gold, #CD9F26);
            margin-bottom: 4px;
        }

        .question-contact-section .question-desc {
            font-family: 'Montserrat-Light';
            font-size: 16px;
            color: #000000;
            margin-bottom: 30px;
            letter-spacing: 0.05em;
            line-height: 1.6;
            text-align: left;
            font-weight: 500;
        }

        .question-contact-section .question-form-control {
            background-color: #E7EBEF;
            border: 1px solid #DFE3E8;
            border-radius: 6px;
            font-size: 12px;
            font-family: 'Montserrat-Medium';
            letter-spacing: 0.5px;
            box-shadow: none;
        }

        .question-contact-section input.question-form-control {
            padding: 7px 15px;
        }

        .question-contact-section textarea.question-form-control {
            padding: 15px;
        }

        .question-contact-section .question-form-control:focus {
            background-color: #DFE4E9;
            border-color: #CD9F26;
            outline: none;
            box-shadow: none;
        }

        .question-contact-section .question-submit-btn {
            background-color: #E8EDF2;
            border: 1px solid #DFE3E8;
            border-radius: 6px;
            padding: 7px;
            font-family: 'Montserrat-Bold';
            font-size: 13px;
            color: #333;
            letter-spacing: 1px;
            box-shadow: none;
            transition: all 0.2s;
        }

        .question-contact-section .question-submit-btn:hover {
            background-color: #DFE4E9;
            color: #111;
            border-color: #CD9F26;
        }

        /* ── Partner Page Specific Contact Section ── */
        .partner-contact-section {
            background-image: url('../images/bench-shape.png');
            background-repeat: no-repeat;
            background-size: cover;
            padding-bottom: 80px;
            position: relative;

            /* Pulls background into the previous section */

            background-position: center top;
            z-index: 5;
        }

        .partner-contact-section .contact-event-img {
            object-fit: cover;
            border-radius: 4px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
        }

        .partner-contact-section .question-title {
            font-family: 'Montserrat', sans-serif;
            font-size: 26px;
            font-weight: 700;
            color: #111;
            margin-bottom: 8px;
            letter-spacing: 0.5px;
        }

        .partner-contact-section .question-line {
            width: 100%;
            height: 3px;
            background-color: #CD9F26;
            margin-bottom: 24px;
        }

        .partner-contact-section .question-desc {
            font-family: 'Montserrat', sans-serif;
            font-weight: 300;
            font-size: 17px;
            color: #444;
            margin-bottom: 35px;
            letter-spacing: 0.02em;
            line-height: 1.5;
        }

        .partner-contact-section .question-form-control {
            background-color: #E7EBEF;
            border: 1px solid #DFE3E8;
            border-radius: 4px;
            font-size: 13px;
            font-family: 'Montserrat', sans-serif;
            font-weight: 500;
            letter-spacing: 1px;
            box-shadow: none;
            height: auto;
        }

        .partner-contact-section input.question-form-control {
            padding: 7px 15px
        }

        .partner-contact-section textarea.question-form-control {
            padding: 20px;
        }

        .partner-contact-section .question-form-control:focus {
            background-color: #f0f4f8;
            border-color: #CD9F26;
            outline: none;
            box-shadow: 0 0 0 3px rgba(205, 159, 38, 0.1);
        }

        .partner-contact-section .question-submit-btn {
            background-color: #E8EDF2;
            border: 1px solid #DFE3E8;
            border-radius: 6px;
            padding: 7px;
            font-family: 'Montserrat', sans-serif;
            font-weight: 700;
            font-size: 14px;
            color: #555;
            letter-spacing: 2px;
            box-shadow: none;
            transition: all 0.3s ease;
            margin-top: 10px;
        }

        .partner-contact-section .question-submit-btn:hover {
            background-color: #CD9F26;
            color: #fff;
            border-color: #CD9F26;
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(205, 159, 38, 0.3);
        }

        .overview-title {
            font-family: 'Montserrat-Medium';
            font-size: 26px;
            letter-spacing: 2px;
            margin-bottom: 10px;
        }

        /* Swiper & Grid styles */
        .program-swiper {
            margin-top: 50px;
            padding-bottom: 60px;
        }

        .program-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 24px 15px;
            /* 6px horizontal mosaic gap, 24px vertical to fit the text tightly */
            margin-bottom: 10px;
            padding: 10px;
            background-color: #ECEEF3;
        }

        .program-card {
            display: flex;
            flex-direction: column;
            align-items: center;
            background: transparent;
        }

        .program-icon-box {
            background-color: #A2B0C0;
            /* Exact soft blue-gray from PDF */
            height: auto;
            /* Taller rectangular proportions */
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 2px 8px rgba(37, 44, 56, 0.08);
            /* Clean, subtle depth instead of heavy blur */
            transition: transform 0.25s ease, box-shadow 0.25s ease;
        }

        .program-card:hover .program-icon-box {
            transform: translateY(-3px);
            box-shadow: 0 6px 16px rgba(37, 44, 56, 0.15);
            /* Refined minimal lift on hover */
        }

        .program-icon-box img {
            max-width: 100%;
            /* Larger icon payload */
            max-height: 100%;
            object-fit: contain;
        }

        .program-card-title {
            color: var(--gold, #CD9F26);
            font-family: 'Montserrat-SemiBold', sans-serif;
            font-size: 13px;
            /* Precise scale */
            text-align: center;
            letter-spacing: 0.05em;
            /* Tighter letter-spacing */
            line-height: 1.35;
            text-transform: uppercase;
            margin: 14px 0 0 0;
            /* Tight tuck beneath the box */
            width: 100%;
            padding: 0 10px;
        }

        /* Customize Pagination Dots */
        .program-swiper .swiper-pagination-bullet {
            width: 10px;
            height: 10px;
            background: #d8d8d8;
            opacity: 1;
            margin: 0 6px !important;
        }

        .program-swiper .swiper-pagination-bullet-active {
            background: var(--gold, #CD9F26);
        }

        @media (max-width: 991px) {
            .program-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 15px;
            }
        }

        @media (max-width: 575px) {
            .program-grid {
                grid-template-columns: 1fr;
            }
        }

        .initiative-main {
            overflow-x: hidden;
        }

        @media (max-width: 991px) {
            body.partner-page .partner-section {
                align-items: flex-start;
                padding: 140px 24px 72px;
            }

            body.partner-page .partner-section .initiative-container {
                top: 0 !important;
            }
            .initiative-main .initiative-section {
                min-height: 72vh;
                padding: 140px 24px 72px;
                align-items: flex-start;
                 background-size: cover!important;
            }

            .initiative-main .initiative-container {
                top: 0;
                max-width: 720px;
                padding: 0;
            }

            .initiative-main .initiative-title {
                font-size: 22px;
                line-height: 1.25;
                letter-spacing: 2px;
            }

            .initiative-main .initiative-line,
            .initiative-main .program-highlights-line {
                width: 82px;
                height: 5px;
            }

            .initiative-main .initiative-text {
                max-width: 58ch;
                font-size: 16px;
                line-height: 1.65;
                letter-spacing: 0.06em;
            }

            .initiative-main .initiative-info-section {
                padding: 48px 18px 0;
            }

            .initiative-main .initiative-info-text {
                margin-bottom: 42px;
            }

            .initiative-main .initiative-info-text p,
            .initiative-main .program-highlights-text p {
                font-size: 17px;
                line-height: 1.65;
                letter-spacing: 0.04em;
                word-break: normal;
            }

            .initiative-main .program-highlights-section {
                padding: 36px 18px 18px;
            }

            .initiative-main .program-highlights-title {
                max-width: 100%;
                font-size: 28px;
                line-height: 1.25;
                letter-spacing: 2px;
                overflow-wrap: break-word;
            }

            .initiative-main .program-highlights-text {
                margin-top: 16px;
            }

            .initiative-main .overview-title {
                font-size: 22px;
                line-height: 1.3;
                letter-spacing: 1px;
            }

            .initiative-main .program-swiper {
                margin-top: 34px;
                padding-bottom: 48px;
            }

            .initiative-main .program-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 14px;
                padding: 8px;
            }

            .initiative-main .program-card-title {
                font-size: 12px;
                padding: 0 4px;
            }

            .initiative-main .question-contact-section {
                background-position: center top;
                padding-bottom: 48px;
            }

            .initiative-main .question-contact-section .contact-event-img {
                max-height: 360px;
                object-fit: cover;
            }

            .initiative-main .question-contact-section .question-title {
                font-size: 20px;
            }

            .initiative-main .question-contact-section .question-desc {
                margin-bottom: 22px;
                font-size: 14px;
                letter-spacing: 0.02em;
            }
        }

        @media (max-width: 575px) {
            .initiative-main .initiative-section {
                min-height: auto;
                padding: 118px 18px 56px;
                align-items: flex-start;
            }

            body.partner-page .partner-section {
                min-height: auto;
                padding: 118px 18px 56px;
            }

            body.partner-page .partner-section .initiative-container {
                top: 0 !important;
            }

            .initiative-main .initiative-title {
                font-size: 19px;
                letter-spacing: 1.4px;
            }

            .initiative-main .initiative-line,
            .initiative-main .program-highlights-line {
                width: 68px;
                height: 4px;
                margin-top: 14px;
            }

            .initiative-main .initiative-text {
                font-size: 13.5px;
                line-height: 1.55;
                letter-spacing: 0.02em;
            }

            .initiative-main .initiative-info-section {
                padding: 34px 14px 0;
            }

            .initiative-main .initiative-info-text {
                margin-bottom: 30px;
            }

            .initiative-main .initiative-info-text p,
            .initiative-main .program-highlights-text p {
                font-size: 14px;
                line-height: 1.58;
                letter-spacing: 0.01em;
            }

            .initiative-main .program-highlights-section {
                padding: 28px 14px 16px;
            }

            .initiative-main .program-highlights-title {
                font-size: 20px;
                line-height: 1.28;
                letter-spacing: 0.6px;
            }

            .initiative-main .overview-title {
                font-size: 17px;
                line-height: 1.35;
                letter-spacing: 0.5px;
            }

            .initiative-main .program-swiper {
                margin-top: 24px;
                padding-bottom: 40px;
            }

            .initiative-main .program-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 10px;
                padding: 6px;
            }

            .initiative-main .program-card-title {
                margin-top: 8px;
                padding: 0 2px;
                font-size: 10px;
                line-height: 1.25;
                letter-spacing: 0.02em;
            }

            .initiative-main>img {
                display: block;
                height: auto;
            }

            .initiative-main .question-contact-section {
                background-size: auto 65%;
                padding-bottom: 36px;
            }

            .initiative-main .question-contact-section .program-benchmark-container {
                padding-right: 14px !important;
                padding-left: 14px !important;
            }

            .initiative-main .question-contact-section .contact-event-img {
                height: auto !important;
                max-height: none;
            }

            .initiative-main .question-contact-section .question-title {
                font-size: 18px;
            }

            .initiative-main .question-contact-section .question-line {
                height: 2px;
            }

            .initiative-main .question-contact-section .question-desc {
                font-size: 13px;
                line-height: 1.45;
                letter-spacing: 0;
            }

            .initiative-main .question-contact-section .question-form-control {
                font-size: 11px;
            }
        }


        .hero-net {
            position: absolute;
            inset: 0;
            z-index: 1;
            opacity: .45;
            pointer-events: none;
        }

        .hero-body {
            top: 150px;
            position: absolute;
            z-index: 11;
            max-width: 740px;
            transition: opacity .5s ease;
        }

        .hero-sub {
            color: rgba(255, 255, 255, 1);
            font-family: 'Montserrat-Light';
            font-size: 15px;
            font-weight: 400;
            letter-spacing: 1.5px;
            margin-bottom: 14px;
        }


        .hero-h1 {
            color: #fff;
            font-family: 'Montserrat-Bold';
            font-size: 50px;
            font-weight: 900;
            text-transform: uppercase;
            line-height: 1.05;
            letter-spacing: 3px;
            margin-bottom: 24px;
        }

        .hero-desc {
            color: rgba(255, 255, 255, 1);
            font-family: 'Montserrat-Light';
            font-size: 15px;
            font-weight: 400;
            line-height: 1.85;
            letter-spacing: 0.09em;
            max-width: 740px;
        }

        .hero-desc {
            overflow-wrap: anywhere;
            word-break: break-word;
            hyphens: auto;
        }


        .hero-play-wrap {
            position: absolute;
            top: 65%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 2;
            cursor: pointer;
            transition: opacity .5s ease;
        }

        body.home-page .hero-play-wrap {
            top: 50%;
            z-index: 12;
            touch-action: manipulation;
        }

        .play-circle {
            width: 110px;
            height: 110px;
            border-radius: 50%;
            border: 2.5px solid rgba(255, 255, 255, .55);
            background: rgba(255, 255, 255, .06);
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all .3s ease;
            flex-shrink: 0;
            position: relative;
            overflow: hidden;
        }

        .play-circle::before {
            content: "";
            position: absolute;
            inset: 12px;
            border: 1.5px solid rgba(197, 160, 89, .45);
            border-radius: 50%;
            animation: playPulseSm 2s infinite;
        }

        .play-circle::after {
            content: "";
            position: absolute;
            inset: -6px;
            border: 1px solid rgba(255, 255, 255, .15);
            border-radius: 50%;
        }

        .play-circle:hover {
            border-color: rgba(255, 255, 255, .9);
            background: rgba(255, 255, 255, .15);
            transform: scale(1.06);
            box-shadow: 0 0 24px rgba(197, 160, 89, .16);
        }

        .play-circle i {
            color: rgba(255, 255, 255, .85);
            font-size: 36px;
            margin-left: 6px;
            position: relative;
            z-index: 2;
        }

        .play-circle-lg {
            width: 190px;
            height: 190px;
            border-radius: 50%;
            border: 10px solid rgba(255, 255, 255, .45);
            background: rgba(255, 255, 255, .04);
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all .4s ease;
            position: relative;
            overflow: hidden;
        }

        .play-circle-lg::before {
            content: "";
            position: absolute;
            inset: 18px;
            border: 2px solid rgba(197, 160, 89, .45);
            border-radius: 50%;
            animation: playPulseLg 2s infinite;
        }

        .play-circle-lg::after {
            content: "";
            position: absolute;
            inset: -10px;
            border: 1px solid rgba(255, 255, 255, .18);
            border-radius: 50%;
        }

        .play-circle-lg:hover {
            border-color: rgba(255, 255, 255, .8);
            background: rgba(255, 255, 255, .12);
            transform: scale(1.05);
            box-shadow: 0 0 35px rgba(197, 160, 89, .18);
        }

        .play-circle-lg i {
            color: rgba(255, 255, 255, .45);
            font-size: 100px;
            margin-left: 10px;
            position: relative;
            z-index: 2;
            transition: color .4s ease;
        }

        .play-circle-lg:hover i {
            color: rgba(255, 255, 255, .8);
        }

        @keyframes playPulseSm {
            0% {
                transform: scale(1);
                opacity: .8;
            }

            70% {
                transform: scale(1.08);
                opacity: .15;
            }

            100% {
                transform: scale(1.14);
                opacity: 0;
            }
        }

        @keyframes playPulseLg {
            0% {
                transform: scale(1);
                opacity: .85;
            }

            70% {
                transform: scale(1.08);
                opacity: .15;
            }

            100% {
                transform: scale(1.12);
                opacity: 0;
            }
        }

        /* modal */
        .video-modal {
            position: fixed;
            inset: 0;
            z-index: 9999;
            display: flex;
            align-items: center;
            justify-content: center;
            min-height: 100vh;
            min-height: 100dvh;
            padding: 30px;
            opacity: 0;
            visibility: hidden;
            pointer-events: none;
            transition: opacity .35s ease, visibility .35s ease;
        }

        .video-modal.active {
            opacity: 1;
            visibility: visible;
            pointer-events: auto;
        }

        .video-modal-overlay {
            position: absolute;
            inset: 0;
            background: rgba(4, 10, 20, .82);
            backdrop-filter: blur(5px);
        }

        .video-modal-dialog {
            position: relative;
            width: min(980px, 92vw);
            margin: auto;
            max-height: calc(100vh - 60px);
            max-height: calc(100dvh - 60px);
            transform: scale(.88) translateY(30px);
            opacity: 0;
            transition: transform .42s cubic-bezier(.2, .8, .2, 1), opacity .35s ease;
            z-index: 2;
        }

        .video-modal.active .video-modal-dialog {
            transform: scale(1) translateY(0);
            opacity: 1;
        }

        .video-modal-frame {
            position: relative;
            background: #07111f;
            border: 1px solid rgba(255, 255, 255, .08);
            border-radius: 22px;
            overflow: hidden;
            box-shadow: 0 25px 80px rgba(0, 0, 0, .55);
        }

        .video-modal-frame::before {
            content: "";
            position: absolute;
            inset: 0;
            pointer-events: none;
            border: 1px solid rgba(197, 160, 89, .25);
            border-radius: 22px;
            z-index: 2;
        }

        .video-modal video {
            display: block;
            width: 100%;
            height: auto;
            max-height: 80vh;
            max-height: 80dvh;
            background: #000;
        }

        .video-modal iframe {
            display: block;
            width: 100%;
            max-height: 80vh;
            max-height: 80dvh;
            background: #000;
        }

        .video-modal-close {
            position: absolute;
            top: -16px;
            right: -16px;
            width: 46px;
            height: 46px;
            border: none;
            border-radius: 50%;
            background: linear-gradient(180deg, #c5a059, #a8873e);
            color: #fff;
            font-size: 18px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            box-shadow: 0 10px 30px rgba(0, 0, 0, .35);
            z-index: 3;
            transition: transform .25s ease, box-shadow .25s ease;
        }

        .video-modal-close:hover {
            transform: scale(1.08) rotate(90deg);
            box-shadow: 0 14px 35px rgba(0, 0, 0, .45);
        }

        body.modal-open {
            overflow: hidden;
        }

        @media (max-width: 767px) {


            .hero-play-wrap {
                left: 50% !important;
                top: 60% !important;
                transform: translate(-50%, -50%) !important;
            }

            .play-circle-lg {
                width: 130px;
                height: 130px;
            }

            .play-circle-lg::before {
                inset: 12px;
            }

            .play-circle-lg i {
                font-size: 36px;
                margin-left: 6px;
            }

            .video-modal {
                padding: max(18px, env(safe-area-inset-top)) 18px max(18px, env(safe-area-inset-bottom));
            }

            .video-modal-dialog {
                width: min(100%, 640px);
                max-height: calc(100vh - 36px);
                max-height: calc(100dvh - 36px);
            }

            .video-modal-close {
                top: -10px;
                right: -6px;
                width: 40px;
                height: 40px;
                font-size: 15px;
            }
        }

        /* ==================== Supported Section ==================== */
        .supported-section {
            background: #ffffff;
            padding: 50px 20px 60px;
            text-align: center;
        }

        .supported-container {
            max-width: 1250px;
            margin: 0 auto;
        }

        .supported-title {
            margin: 0;
            color: #000;
            font-family: 'Montserrat-Medium';
            font-size: 30pt;
            font-weight: 500;
            line-height: 1.15;
            letter-spacing: 0.15em;
            text-transform: uppercase;
        }

        .supported-line {
            width: 90px;
            height: 6px;
            margin: 18px auto 28px;
            background: #c79a2b;
            border-radius: 20px;
        }

        .supported-text {
            max-width: 1320px;
            margin: 0 auto;
            color: #000000;
            font-family: 'Montserrat-Light';
            font-size: 17pt;
            font-weight: 400;
            text-align: justify;
            line-height: 1.9;
            letter-spacing: 0.12em;
            overflow-wrap: anywhere;
            word-break: break-word;
            hyphens: auto;
        }

        /* ========== Responsive ========== */

        @media (max-width: 1199px) {
            .supported-section {
                padding: 24px 24px 50px;
            }

            .supported-container {
                max-width: 1000px;
            }

            .supported-title {
                font-size: 26pt;
                letter-spacing: 0.12em;
            }

            .supported-line {
                width: 82px;
                height: 5px;
                margin: 16px auto 24px;
            }

            .supported-text {
                max-width: 900px;
                font-size: 15.5pt;
                line-height: 1.8;
                letter-spacing: 0.09em;
            }
        }

        @media (max-width: 991px) {
            .supported-section {
                padding: 55px 22px 62px;
            }

            .supported-container {
                max-width: 820px;
            }

            .supported-title {
                font-size: 22pt;
                line-height: 1.2;
                letter-spacing: 0.09em;
            }

            .supported-line {
                width: 74px;
                height: 5px;
                margin: 15px auto 22px;
            }

            .supported-text {
                max-width: 760px;
                font-size: 14pt;
                line-height: 1.75;
                letter-spacing: 0.06em;
            }
        }

        @media (max-width: 767px) {
            .supported-section {
                padding: 48px 18px 55px;
            }

            .supported-container {
                max-width: 100%;
            }

            .supported-title {
                font-size: 18pt;
                line-height: 1.25;
                letter-spacing: 0.05em;
            }

            .supported-line {
                width: 62px;
                height: 4px;
                margin: 12px auto 18px;
            }

            .supported-text {
                max-width: 100%;
                font-size: 12.5pt;
                line-height: 1.7;
                letter-spacing: 0.03em;
            }
        }

        @media (max-width: 480px) {
            .supported-section {
                padding: 40px 15px 48px;
            }

            .supported-title {
                font-size: 16pt;
                line-height: 1.25;
                letter-spacing: 0.03em;
            }

            .supported-line {
                width: 52px;
                height: 4px;
                margin: 10px auto 16px;
            }

            .supported-text {
                font-size: 11.5pt;
                line-height: 1.65;
                letter-spacing: 0.015em;
            }
        }

        /* ── SECTION 2: WHO ARE YOU ───────────────────────────── */
        /* ==================== About Story Section ==================== */
        .about-story-section {
            background: #DDDFE3;
            padding: 44px 20px 42px;
            text-align: center;
        }

        .about-story-container {
            max-width: 1540px;
            margin: 0 auto;
        }

        .about-story-title {
            margin: 0;
            color: #0e1016;
            font-family: 'Montserrat-Medium';
            font-size: 35px;
            font-weight: 500;
            text-transform: uppercase;
            letter-spacing: .1em;
            position: relative;
            z-index: 1;
        }


        .about-story-line {
            width: 150px;
            height: 6px;
            margin: 12px auto 36px;
            background: var(--gold);
        }

        .about-story-lead {
            max-width: 795px;
            margin: 0 auto 54px;
            color: rgba(0, 0, 0, 0.8);
            font-family: 'Montserrat-Light';
            font-size: 20px;
            font-weight: 300;
            line-height: 1.45;
            letter-spacing: 0.12em;
        }

        .about-story-text {
            max-width: 1245px;
            margin: 0 auto;
            color: rgba(0, 0, 0, 0.8);
            font-family: 'Montserrat-Light';
            font-size: 19px;
            font-style: normal;
            font-weight: 400;
            line-height: 1.35;
            letter-spacing: 0.079em;
            text-align: left;
        }

        .about-story-quote {
            max-width: 1250px;
            margin: 32px auto 0;
            color: rgba(0, 0, 0, 0.8);
            font-family: 'Montserrat-Medium';
            font-size: 21px;
            font-style: italic;
            font-weight: 600;
            line-height: 1.45;
            letter-spacing: 0.08em;
            text-align: left;
        }

        @media (max-width: 991px) {
            .about-story-section {
                padding: 38px 22px 44px;
            }

            .about-story-title {
                font-size: 28pt;
                letter-spacing: 0.14em;
            }

            .about-story-line {
                width: 132px;
                margin: 12px auto 30px;
            }

            .about-story-text {
                font-size: 16pt;
                letter-spacing: 0.06em;
            }

            .about-story-lead {
                font-size: 16pt;
                letter-spacing: 0.06em;
                margin-bottom: 40px;
            }

            .about-story-quote {
                font-size: 16pt;
                letter-spacing: 0.055em;
            }
        }

        @media (max-width: 767px) {
            .about-story-section {
                padding: 34px 18px 64px;
            }

            .about-story-title {
                font-size: 22pt;
                letter-spacing: 0.1em;
            }

            .about-story-lead,
            .about-story-text {
                font-size: 14pt;
                line-height: 1.55;
                letter-spacing: 0.035em;
            }

            .about-story-quote {
                font-size: 14pt;
                letter-spacing: 0.035em;
            }
        }

        @media (max-width: 480px) {
            .about-story-title {
                font-size: 18pt;
                letter-spacing: 0.08em;
            }

            .about-story-line {
                width: 110px;
            }

            .about-story-lead,
            .about-story-text {
                font-size: 12.5pt;
                letter-spacing: 0.015em;
            }

            .about-story-quote {
                font-size: 12.5pt;
                letter-spacing: 0.015em;
            }
        }

        /* ==================== About Mission Section ==================== */
        .about-mission-section {
            min-height: 600px;
            position: relative;
            overflow: hidden;
            display: flex;
            align-items: flex-start;
            justify-content: center;
            padding: 40px 20px 130px;
            background: url('../images/ourmission.png') top/cover no-repeat;
            text-align: center;
            color: #ffffff;
        }

        .about-mission-section::before {
            content: "";
            position: absolute;
            inset: 0;
            background: rgba(17, 21, 27, 0.8);
            ;
            z-index: 1;
        }

        .about-mission-content {
            width: min(100%, 1520px);
            position: relative;
            z-index: 2;
        }

        .about-mission-title {
            margin: 0;
            color: #ffffff;
            font-family: 'Montserrat-Medium';
            font-size: 35px;
            font-weight: 500;
            text-transform: uppercase;
            letter-spacing: .1em;
            position: relative;
            z-index: 1;
        }

        .about-mission-line {
            width: 150px;
            height: 6px;
            margin: 20px auto 40px;
            background: var(--gold);
        }

        .about-mission-text {
            max-width: 1255px;
            margin: 0 auto;
            color: rgba(255, 255, 255, 0.80);
            font-family: 'Montserrat-Light';
            font-size: 20px;
            font-weight: 300;
            line-height: 1.75;
            letter-spacing: 0.15em;
        }

        .about-mission-quote {
            max-width: 1255px;
            margin: 46px auto 0;
            color: rgba(255, 255, 255, 0.80);
            font-family: 'Montserrat-Medium';
            font-size: 21px;
            font-style: italic;
            font-weight: 500;
            line-height: 1.55;
            letter-spacing: 0.12em;
        }

        .about-mission-section .scroll-ind {
            z-index: 2;
            bottom: 44px;
        }

        @media (max-width: 991px) {
            .about-mission-section {
                min-height: 680px;
                padding: 72px 24px 118px;
            }

            .about-mission-title {
                font-size: 28pt;
                letter-spacing: 0.16em;
            }

            .about-mission-line {
                width: 132px;
                margin: 18px auto 34px;
            }

            .about-mission-text {
                font-size: 16pt;
                letter-spacing: 0.09em;
                line-height: 1.65;
            }

            .about-mission-quote {
                font-size: 17pt;
                letter-spacing: 0.07em;
            }
        }

        @media (max-width: 767px) {
            .about-mission-section {
                min-height: 620px;
                padding: 58px 18px 110px;
            }

            .about-mission-title {
                font-size: 22pt;
                letter-spacing: 0.1em;
            }

            .about-mission-text {
                font-size: 13.5pt;
                letter-spacing: 0.045em;
                line-height: 1.6;
            }

            .about-mission-quote {
                margin-top: 34px;
                font-size: 14pt;
                letter-spacing: 0.04em;
            }
        }

        @media (max-width: 480px) {
            .about-mission-title {
                font-size: 18pt;
                letter-spacing: 0.08em;
            }

            .about-mission-line {
                width: 110px;
            }

            .about-mission-text {
                font-size: 12pt;
                letter-spacing: 0.02em;
            }

            .about-mission-quote {
                font-size: 12.5pt;
                letter-spacing: 0.02em;
            }
        }

        /* ==================== GCEL History Section ==================== */



        :root {
            --gcel-history-bg: #EDEFF4;
            --gcel-history-title: #585d65;
            --gcel-history-text: #3e434b;
            --gcel-history-text-soft: rgba(62, 67, 75, .56);
            --gcel-history-gold: #cda132;
        }

        .gcel-history-section {
            position: relative;
            overflow: visible;
            padding: 33px 20px 115px;
            background: var(--gcel-history-bg);
        }

        .gcel-history-container {
            position: relative;
            z-index: 1;
            max-width: 1460px;
            margin: 0 auto;
        }

        .gcel-history-shape {
            position: absolute;
            inset: 0;
            z-index: 0;
            pointer-events: none;
            display: flex;
            align-items: flex-end;
            justify-content: center;
        }

        .gcel-history-shape img {
            width: 100%;
            height: auto;
            opacity: 1;
            display: block;
        }

        .gcel-history-header {
            max-width: 980px;
            margin: 0 auto 24px;
            text-align: center;
        }

        .gcel-history-title {
            margin: 0;
            color: #000000;
            font-family: 'Montserrat-Medium';
            font-size: 35px;
            font-weight: 500;
            text-transform: uppercase;
            letter-spacing: .1em;
            position: relative;
            z-index: 1;
        }

        .gcel-history-line {
            width: 100px;
            height: 6px;
            margin: 5px auto 20px;
            background: var(--gold);
        }

        .gcel-history-summary {
            max-width: 780px;
            margin: 0 auto;
            color: rgba(0, 0, 0, .8);
            font-family: 'Montserrat-Light';
            font-size: 20px;
            font-weight: 300;
            line-height: 1.7;
        }

        .gcel-history-stage {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 18px;
            max-width: 1440px;
            margin: 0 auto;
        }

        .gcel-history-art-wrap {
            position: relative;
            width: min(1100px, 89vw);
            aspect-ratio: 16 / 8.6;
            flex: 0 1 auto;
            overflow: visible;
        }

        .gcel-history-art-base,
        .gcel-history-art-fx {
            position: absolute;
            inset: 0;
        }

        .gcel-history-art-base {
            z-index: 1;
        }

        .gcel-history-art-fx {
            z-index: 2;
            pointer-events: none;
            opacity: 0;
            clip-path: inset(0 100% 0 0);
        }

        .gcel-history-art-fx.is-run {
            opacity: 1;
        }

        .gcel-history-art-fx.is-next {
            animation: gcelFxRevealNext 760ms cubic-bezier(.22, .61, .36, 1) forwards;
        }

        .gcel-history-art-fx.is-prev {
            animation: gcelFxRevealPrev 760ms cubic-bezier(.22, .61, .36, 1) forwards;
        }

        .gcel-history-art-fx::after {
            content: "";
            position: absolute;
            inset: -4%;
            background: linear-gradient(100deg,
                    rgba(255, 255, 255, 0) 18%,
                    rgba(255, 255, 255, .20) 46%,
                    rgba(205, 161, 50, .10) 54%,
                    rgba(255, 255, 255, 0) 68%);
            transform: translateX(-130%);
            opacity: 0;
        }

        .gcel-history-art-fx.is-run::after {
            animation: gcelFxShine 760ms ease forwards;
        }

        .gcel-history-art-img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: contain;
            object-position: center;
            user-select: none;
            -webkit-user-drag: none;
            pointer-events: none;
        }

        /* first load */
        .gcel-history-art-base {
            clip-path: inset(0 100% 0 0);
            animation: gcelBaseReveal 1.6s cubic-bezier(.22, .61, .36, 1) forwards;
        }

        .gcel-history-art-base::after {
            content: "";
            position: absolute;
            inset: -4%;
            background: linear-gradient(100deg,
                    rgba(255, 255, 255, 0) 18%,
                    rgba(255, 255, 255, .18) 46%,
                    rgba(205, 161, 50, .08) 54%,
                    rgba(255, 255, 255, 0) 68%);
            transform: translateX(-130%);
            opacity: 0;
            animation: gcelFxShine 1.4s 1s ease forwards;
            pointer-events: none;
        }

        .gcel-history-slots {
            position: absolute;
            inset: 0;
            z-index: 3;
        }

        .gcel-history-slot {
            position: absolute;
            width: 178px;
            opacity: 0;
            transform: translateY(14px);
            transition:
                opacity .34s ease,
                transform .34s ease,
                filter .34s ease;
            filter: blur(2px);
            will-change: transform, opacity;
        }

        .gcel-history-slot.is-visible {
            opacity: 1;
            transform: translateY(0);
            filter: blur(0);
        }

        .gcel-history-slot.is-focus .gcel-history-year {
            color: #CD9F26;
        }

        .gcel-history-slot.is-focus .gcel-history-copy {
            color: #000000;
        }

        .gcel-history-slot.is-muted .gcel-history-copy {
            color: #000000;
        }

        .gcel-history-slot.align-left {
            text-align: center;
        }

        .gcel-history-slot.align-right {
            text-align: right;
        }

        .gcel-history-year {
            display: block;
            margin-bottom: 8px;
            color: #CD9F26;
            font-family: 'Montserrat-Light';
            font-size: 24px;
            font-weight: 500;
            line-height: 1;
            letter-spacing: .02em;
            transition: color .28s ease, transform .28s ease;
        }

        .gcel-history-copy {
            color: #000000;
            font-family: 'Montserrat-Medium';
            font-size: 15px;
            font-weight: 500;
            line-height: 1.42;
            transition: color .28s ease, opacity .28s ease;
        }

        .gcel-history-trigger {
            margin-top: 15px;
            display: block;
            width: 100%;
            padding: 0;
            border: 0;
            background: transparent;
            appearance: none;
            text-align: inherit;
            cursor: pointer;
        }


        .gcel-history-trigger:hover .gcel-history-copy,
        .gcel-history-trigger:focus-visible .gcel-history-copy,
        .gcel-history-mobile-card:hover .gcel-history-mobile-copy,
        .gcel-history-mobile-card:focus-visible .gcel-history-mobile-copy {
            color: #CD9F26;
        }

        .gcel-history-trigger:focus-visible,
        .gcel-history-mobile-card:focus-visible {
            outline: 2px solid rgba(205, 159, 38, .78);
            outline-offset: 6px;
        }

        .gcel-history-modal .video-modal-dialog {
            width: min(760px, 92vw);
        }

        .gcel-history-modal-frame {
            padding: 42px 36px;
        }

        .gcel-history-modal-body {
            color: #FFFFFF;
        }

        .gcel-history-modal-year {
            margin: 0;
            color: #CD9F26;
            font-family: 'Montserrat', sans-serif;
            font-size: 32px;
            font-weight: 700;
            line-height: 1;
            letter-spacing: .08em;
        }

        .gcel-history-modal-title {
            margin: 14px 0 0;
            color: #FFFFFF;
            font-family: 'Montserrat', sans-serif;
            font-size: 28px;
            font-weight: 800;
            line-height: 1.3;
        }

        .gcel-history-modal-line {
            width: 92px;
            height: 2px;
            margin: 20px 0 24px;
            background: linear-gradient(90deg, #C5A059 0%, rgba(197, 160, 89, .18) 100%);
        }

        .gcel-history-modal-description,
        .gcel-history-modal-description p,
        .gcel-history-modal-description li {
            color: rgba(255, 255, 255, .88);
            font-family: 'Montserrat', sans-serif;
            font-size: 16px;
            font-weight: 400;
            line-height: 1.85;
        }

        .gcel-history-modal-description {
            max-height: min(55vh, 420px);
            overflow-y: auto;
            padding-right: 6px;
        }

        .gcel-history-modal-description p:last-child {
            margin-bottom: 0;
        }

        .gcel-history-modal-description a {
            color: #C5A059;
        }

        .gcel-history-year,
        .gcel-history-mobile-year,
        .gcel-history-modal-year {
            display: none;
        }

        .gcel-history-modal-title {
            margin-top: 0;
        }

        .gcel-history-mobile {
            display: none;
        }

        /* tuned positions */
        .slot-1 {
            left: 10.8%;
            top: 94.7%;
            text-align: left;
        }

        .slot-2 {
            left: 34.0%;
            top: 26.0%;
            text-align: left;
        }

        .slot-3 {
            left: 44.0%;
            top: 84.2%;
            text-align: left;
        }

        .slot-4 {
            left: 60.4%;
            top: 18.5%;
            text-align: left;
        }

        .slot-5 {
            left: 68.2%;
            top: 67.8%;
            text-align: left;
        }

        .slot-6 {
            left: 87.6%;
            top: 43.6%;
            text-align: left;
        }

        .slot-7 {
            left: 95%;
            top: 16.6%;
            text-align: left;
        }

        /* arrows */
        .gcel-history-arrow {
            position: relative;
            z-index: 5;
            width: 74px;
            height: 74px;
            flex: 0 0 74px;
            border: 0;
            background: transparent;
            cursor: pointer;
            transition: transform .24s ease, opacity .24s ease, filter .24s ease;
        }

        .gcel-history-arrow span {
            display: block;
            width: 0;
            height: 0;
            margin: 0 auto;
            border-top: 19px solid transparent;
            border-bottom: 19px solid transparent;
            transition: transform .24s ease, filter .24s ease;
        }

        .gcel-history-arrow--prev span {
            border-right: 31px solid var(--gcel-history-gold);
        }

        .gcel-history-arrow--next span {
            border-left: 31px solid var(--gcel-history-gold);
        }


        .gcel-history-arrow--next {
            rotate: 100deg;
            position: absolute;
            top: -3%;
            right: 10.5%;
        }

        .gcel-history-arrow--prev {
            position: absolute;

            bottom: 3%;
            left: 8.5%;
        }



        .gcel-history-arrow:hover {
            transform: scale(1.08);
            filter: drop-shadow(0 0 10px rgba(205, 161, 50, .18));
        }

        .gcel-history-arrow:hover span {
            transform: scale(1.04);
        }

        .gcel-history-arrow:active {
            transform: scale(.96);
        }

        .gcel-history-arrow:disabled {
            opacity: .80;
            cursor: default;
            transform: none;
            filter: none;
        }

        /* slot animations */
        .gcel-history-slot.anim-out-next {
            animation: gcelSlotOutNext .34s cubic-bezier(.4, 0, .2, 1) forwards;
        }

        .gcel-history-slot.anim-out-prev {
            animation: gcelSlotOutPrev .34s cubic-bezier(.4, 0, .2, 1) forwards;
        }

        .gcel-history-slot.anim-in-next {
            animation: gcelSlotInNext .42s cubic-bezier(.22, .61, .36, 1) forwards;
        }

        .gcel-history-slot.anim-in-prev {
            animation: gcelSlotInPrev .42s cubic-bezier(.22, .61, .36, 1) forwards;
        }

        .gcel-history-slot.anim-focus .gcel-history-year {
            animation: gcelYearPop .42s ease;
        }

        /* keyframes */
        @keyframes gcelBaseReveal {
            from {
                clip-path: inset(0 100% 0 0);
            }

            to {
                clip-path: inset(0 0 0 0);
            }
        }

        @keyframes gcelFxRevealNext {
            0% {
                opacity: 0;
                clip-path: inset(0 100% 0 0);
            }

            8% {
                opacity: 1;
            }

            100% {
                opacity: 1;
                clip-path: inset(0 0 0 0);
            }
        }

        @keyframes gcelFxRevealPrev {
            0% {
                opacity: 0;
                clip-path: inset(0 0 0 100%);
            }

            8% {
                opacity: 1;
            }

            100% {
                opacity: 1;
                clip-path: inset(0 0 0 0);
            }
        }

        @keyframes gcelFxShine {
            0% {
                opacity: 0;
                transform: translateX(-130%);
            }

            15% {
                opacity: 1;
            }

            100% {
                opacity: 0;
                transform: translateX(130%);
            }
        }

        @keyframes gcelSlotOutNext {
            from {
                opacity: 1;
                transform: translateX(0) translateY(0) scale(1);
                filter: blur(0);
            }

            to {
                opacity: 0;
                transform: translateX(-18px) translateY(6px) scale(.96);
                filter: blur(3px);
            }
        }

        @keyframes gcelSlotOutPrev {
            from {
                opacity: 1;
                transform: translateX(0) translateY(0) scale(1);
                filter: blur(0);
            }

            to {
                opacity: 0;
                transform: translateX(18px) translateY(-6px) scale(.96);
                filter: blur(3px);
            }
        }

        @keyframes gcelSlotInNext {
            from {
                opacity: 0;
                transform: translateX(16px) translateY(12px) scale(.96);
                filter: blur(3px);
            }

            to {
                opacity: 1;
                transform: translateX(0) translateY(0) scale(1);
                filter: blur(0);
            }
        }

        @keyframes gcelSlotInPrev {
            from {
                opacity: 0;
                transform: translateX(-16px) translateY(-12px) scale(.96);
                filter: blur(3px);
            }

            to {
                opacity: 1;
                transform: translateX(0) translateY(0) scale(1);
                filter: blur(0);
            }
        }

        @keyframes gcelYearPop {
            0% {
                transform: translateY(6px);
                opacity: .75;
            }

            100% {
                transform: translateY(0);
                opacity: 1;
            }
        }

        @media (max-width: 1050px) {
            .gcel-history-section {
                overflow: hidden;
                padding: 42px 20px 88px;
            }

            .gcel-history-container {
                max-width: 960px;
            }

            .gcel-history-header {
                margin-bottom: 34px;
            }

            .gcel-history-stage {
                display: grid;
                grid-template-columns: 92px minmax(0, 680px);
                grid-template-rows: 1fr 1fr;
                gap: 0 24px;
                align-items: stretch;
                justify-content: center;
                max-width: 820px;
                margin-top: 0;
                overflow: visible;
            }

            .gcel-history-art-wrap {
                grid-column: 2;
                grid-row: 1 / 3;
                width: 100%;
                aspect-ratio: auto;
                display: block;
                overflow: visible;
            }

            .gcel-history-art-base,
            .gcel-history-art-fx {
                display: none;
            }

            .gcel-history-slots {
                display: none;
            }

            .gcel-history-mobile {
                position: relative;
                z-index: 4;
                display: block;
                padding-left: 52px;
            }

            .gcel-history-mobile-rail {
                position: absolute;
                left: 16px;
                top: 10px;
                bottom: 10px;
                width: 2px;
                background: linear-gradient(to bottom,
                        rgba(62, 67, 75, .18),
                        rgba(62, 67, 75, .82) 20%,
                        rgba(62, 67, 75, .82) 80%,
                        rgba(62, 67, 75, .18));
            }

            .gcel-history-mobile-list {
                display: grid;
                gap: 20px;
            }

            .gcel-history-mobile-card {
                position: relative;
                width: 100%;
                min-height: 112px;
                margin: 0;
                padding: 20px 34px 22px;
                border: 1px solid rgba(255, 255, 255, .7);
                border-radius: 8px;
                background: rgba(255, 255, 255, .92);
                box-shadow: 0 18px 42px rgba(54, 60, 70, .13);
                appearance: none;
                cursor: pointer;
                font: inherit;
                color: inherit;
                text-align: center;
                overflow: visible;
                transition: transform .32s ease, box-shadow .32s ease;
            }

            .gcel-history-mobile-card::before {
                content: "";
                position: absolute;
                left: -44px;
                top: 50%;
                width: 20px;
                height: 20px;
                border: 3px solid var(--gcel-history-bg);
                border-radius: 50%;
                background: var(--gcel-history-gold);
                box-shadow: 0 0 0 1px rgba(205, 161, 50, .42), 0 8px 18px rgba(0, 0, 0, .12);
                transform: translate(-50%, -50%);
            }

            .gcel-history-mobile-card::after {
                content: "";
                position: absolute;
                left: -34px;
                top: 50%;
                width: 34px;
                height: 1px;
                background: rgba(205, 161, 50, .48);
                transform: translateY(-50%);
            }

            .gcel-history-mobile-card:nth-child(even)::before {
                background: #34383e;
                box-shadow: 0 0 0 1px rgba(52, 56, 62, .35), 0 8px 18px rgba(0, 0, 0, .12);
            }

            .gcel-history-mobile-year {
                display: none;
                align-items: center;
                justify-content: center;
                gap: 18px;
                margin-bottom: 12px;
                color: #CD9F26;
                font-family: 'Montserrat-Light';
                font-size: 30px;
                font-weight: 500;
                line-height: 1;
                letter-spacing: .02em;
            }

            .gcel-history-mobile-year::before,
            .gcel-history-mobile-year::after {
                content: "";
                width: min(120px, 24%);
                height: 1px;
                background: rgba(205, 161, 50, .48);
            }

            .gcel-history-mobile-copy {
                color: #000000;
                font-family: 'Montserrat', sans-serif;
                font-size: 18px;
                font-weight: 700;
                line-height: 1.42;
            }

            .gcel-history-arrow {
                position: relative;
                display: block;
                width: 74px;
                height: 74px;
                flex: 0 0 74px;
                margin: 0 auto;
                top: auto;
                right: auto;
                bottom: auto;
                left: auto;
                rotate: none;
            }

            .gcel-history-arrow--prev {
                grid-column: 1;
                grid-row: 1;
                align-self: start;
                margin-top: 46px;
            }

            .gcel-history-arrow--next {
                grid-column: 1;
                grid-row: 2;
                align-self: end;
                margin-bottom: 46px;
            }

            .gcel-history-arrow span {
                border: 0;
            }

            .gcel-history-arrow--prev span {
                border-left: 19px solid transparent;
                border-right: 19px solid transparent;
                border-bottom: 31px solid var(--gcel-history-gold);
            }

            .gcel-history-arrow--next span {
                border-left: 19px solid transparent;
                border-right: 19px solid transparent;
                border-top: 31px solid var(--gcel-history-gold);
            }

            .gcel-history-mobile.anim-out-next .gcel-history-mobile-card {
                animation: gcelMobileOutNext .28s cubic-bezier(.4, 0, .2, 1) forwards;
            }

            .gcel-history-mobile.anim-out-prev .gcel-history-mobile-card {
                animation: gcelMobileOutPrev .28s cubic-bezier(.4, 0, .2, 1) forwards;
            }

            .gcel-history-mobile.anim-in-next .gcel-history-mobile-card {
                animation: gcelMobileInNext .42s cubic-bezier(.22, .61, .36, 1) forwards;
            }

            .gcel-history-mobile.anim-in-prev .gcel-history-mobile-card {
                animation: gcelMobileInPrev .42s cubic-bezier(.22, .61, .36, 1) forwards;
            }
        }
    @media (max-width: 1300px) {
           .gcel-history-art-wrap {
            width: min(1100px, 75vw);
            }
            .gcel-history-arrow--prev{
                bottom: 1%;
                left: 7.5%;
            }
        }
        @media (max-width: 991px) {
            .gcel-history-section {
                padding: 44px 16px 76px;
            }

            .gcel-history-title {
                font-size: 30px;
            }

            .gcel-history-summary {
                font-size: 18px;
                line-height: 1.65;
            }

            .gcel-history-stage {
                grid-template-columns: 80px minmax(0, 1fr);
                gap: 0 18px;
            }

            .gcel-history-art-wrap {
                min-height: 0;
            }

            .gcel-history-mobile-card {
                min-height: 104px;
                padding: 18px 24px 20px;
            }

            .gcel-history-mobile-year {
                font-size: 28px;
            }

            .gcel-history-mobile-copy {
                font-size: 16px;
            }
        }

        @media (max-width: 767px) {
            .gcel-history-title {
                font-size: 24px;
            }

            .gcel-history-summary {
                font-size: 14px;
                line-height: 1.6;
            }

            .gcel-history-stage {
                grid-template-columns: 66px minmax(0, 1fr);
                grid-template-rows: 1fr 1fr;
                gap: 0 12px;
                margin-top: 14px;
            }

            .gcel-history-art-wrap {
                grid-column: 2;
                grid-row: 1 / 3;
                min-height: 0;
            }

            .gcel-history-mobile {
                padding-left: 34px;
            }

            .gcel-history-mobile-rail {
                left: 12px;
                top: 10px;
                bottom: 10px;
            }

            .gcel-history-mobile-list {
                gap: 14px;
            }

            .gcel-history-mobile-card {
                min-height: 90px;
                padding: 14px 12px 16px;
            }

            .gcel-history-mobile-card::before {
                left: -28px;
                width: 17px;
                height: 17px;
            }

            .gcel-history-mobile-card::after {
                left: -22px;
                top: 50%;
                width: 22px;
            }

            .gcel-history-mobile-year {
                gap: 10px;
                margin-bottom: 9px;
                font-size: 22px;
            }

            .gcel-history-mobile-copy {
                font-size: 12.5px;
                line-height: 1.38;
            }

            .gcel-history-modal-frame {
                padding: 28px 20px;
            }

            .gcel-history-modal-year {
                font-size: 24px;
            }

            .gcel-history-modal-title {
                font-size: 22px;
            }

            .gcel-history-modal-description,
            .gcel-history-modal-description p,
            .gcel-history-modal-description li {
                font-size: 14px;
                line-height: 1.75;
            }

            .gcel-history-arrow--prev {
                grid-column: 1;
                grid-row: 1;
                align-self: start;
                margin: 34px auto 0;
            }

            .gcel-history-arrow--next {
                grid-column: 1;
                grid-row: 2;
                align-self: end;
                margin: 0 auto 34px;
            }
        }

        @keyframes gcelMobileOutNext {
            from {
                opacity: 1;
                transform: translateY(0) scale(1);
                filter: blur(0);
            }

            to {
                opacity: 0;
                transform: translateY(-18px) scale(.97);
                filter: blur(3px);
            }
        }

        @keyframes gcelMobileOutPrev {
            from {
                opacity: 1;
                transform: translateY(0) scale(1);
                filter: blur(0);
            }

            to {
                opacity: 0;
                transform: translateY(18px) scale(.97);
                filter: blur(3px);
            }
        }

        @keyframes gcelMobileInNext {
            from {
                opacity: 0;
                transform: translateY(20px) scale(.97);
                filter: blur(3px);
            }

            to {
                opacity: 1;
                transform: translateY(0) scale(1);
                filter: blur(0);
            }
        }

        @keyframes gcelMobileInPrev {
            from {
                opacity: 0;
                transform: translateY(-20px) scale(.97);
                filter: blur(3px);
            }

            to {
                opacity: 1;
                transform: translateY(0) scale(1);
                filter: blur(0);
            }
        }








        .who-section {
            position: relative;
            background: #ECEEF3;
            padding: 30px 0 50px;
            overflow: hidden;
        }

        .who-section::before {
            content: "";
            position: absolute;
            inset: 0;
            background-image: radial-gradient(circle, rgba(120, 120, 120, .07) 1px, transparent 1px);
            background-size: 24px 24px;
            pointer-events: none;
        }

        /* ── heading: WHO ARE YOU image ── */
        .who-heading-img {
            position: relative;
            z-index: 6;
            display: block;
            margin: 0 auto -34px;
            max-width: 180px;
            width: 100%;
            height: auto;
        }

        .who-area {
            position: relative;
            max-width: 1280px;
            min-height: 750px;
            margin: 0 auto;
            z-index: 2;
        }

        /* mesh background */
        .who-bg-shape {
            position: absolute;
            inset: 0;
            z-index: 0;
            pointer-events: none;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .who-bg-shape img {
            width: 1500px;
            height: auto;
            opacity: 1;
            display: block;
        }

        /* center face — shifted slightly left for visual balance */
        /* TUNE: face left position — adjust left % to move face */
        .face-wrap {
            position: absolute;
            left: 47%;
            /* ← face left position (50% = center, lower = more left) */
            top: 50%;
            transform: translate(-50%, -50%);
            width: 440px;
            z-index: 2;
            pointer-events: none;
            /* 3D perspective container */
            perspective: 900px;
            /* ← 3D depth amount */
            transform-style: preserve-3d;
        }

        /* idle animation layer — CSS only, no JS touches this */
        .face-motion {
            position: relative;
            transform-style: preserve-3d;
            /* idle animation: slow drift + tilt + breathe */
            /* TUNE: idle animation strength — change duration / keyframe values */
            animation:
                faceIdleDrift 6s cubic-bezier(.45, .05, .55, .95) infinite,
                faceIdleTilt 5s cubic-bezier(.45, .05, .55, .95) infinite,
                faceIdleBreathe 4s ease-in-out infinite;
        }

        /* mouse parallax layer — JS only, no CSS animation here */
        .face-inner {
            position: relative;
            transform-style: preserve-3d;
            will-change: transform;
            /* JS sets transform directly — no CSS animation to conflict */
            transition: transform 0.08s ease-out;
        }

        .face-img {
            display: block;
            width: 100%;
            height: auto;
            opacity: 1;
            /* soft shimmer pulse */
            animation: faceShimmer 6s ease-in-out infinite;
        }

        /* radial glow behind face */
        .face-wrap::before {
            content: "";
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            width: 320px;
            height: 320px;
            border-radius: 50%;
            background: radial-gradient(circle,
                    rgba(197, 160, 89, .08) 0%,
                    rgba(197, 160, 89, .03) 40%,
                    transparent 70%);
            pointer-events: none;
            z-index: -1;
            animation: faceGlowPulse 6s ease-in-out infinite;
        }

        /* shadow ellipse below face */
        .face-wrap::after {
            content: "";
            position: absolute;
            left: 50%;
            bottom: -70px;
            transform: translateX(-50%);
            width: 400px;
            height: 36px;
            background: radial-gradient(ellipse at center,
                    rgba(0, 0, 0, .45) 0%,
                    rgba(0, 0, 0, .15) 45%,
                    rgba(0, 0, 0, 0) 75%);
            filter: blur(5px);
            animation: faceShadowPulse 5s ease-in-out infinite;
        }

        /* ── face idle keyframes ── */

        /* drift left/right — fakes "eye" gaze direction */
        /* TUNE: drift range — change translateX values */
        @keyframes faceIdleDrift {
            0% {
                transform: translateX(0px) translateY(0px);
            }

            20% {
                transform: translateX(12px) translateY(-6px);
            }

            45% {
                transform: translateX(-5px) translateY(4px);
            }

            70% {
                transform: translateX(-10px) translateY(-4px);
            }

            100% {
                transform: translateX(0px) translateY(0px);
            }
        }

        /* subtle 3D tilt — adds dimensionality */
        /* TUNE: 3D tilt amount — change rotateX / rotateY deg */
        @keyframes faceIdleTilt {
            0% {
                transform: rotateX(0deg) rotateY(0deg);
            }

            25% {
                transform: rotateX(3deg) rotateY(-4deg);
            }

            50% {
                transform: rotateX(-2deg) rotateY(3deg);
            }

            75% {
                transform: rotateX(1.5deg) rotateY(-2deg);
            }

            100% {
                transform: rotateX(0deg) rotateY(0deg);
            }
        }

        /* subtle breathing scale */
        @keyframes faceIdleBreathe {
            0% {
                transform: scale(1);
            }

            50% {
                transform: scale(1.035);
            }

            100% {
                transform: scale(1);
            }
        }

        /* soft shimmer on face image */
        @keyframes faceShimmer {
            0% {
                opacity: 1;
            }

            30% {
                opacity: .88;
            }

            60% {
                opacity: 1;
            }

            80% {
                opacity: .92;
            }

            100% {
                opacity: 1;
            }
        }

        /* glow behind face pulses */
        @keyframes faceGlowPulse {
            0% {
                opacity: .7;
                transform: translate(-50%, -50%) scale(1);
            }

            50% {
                opacity: 1;
                transform: translate(-50%, -50%) scale(1.06);
            }

            100% {
                opacity: .7;
                transform: translate(-50%, -50%) scale(1);
            }
        }

        /* shadow below face breathes */
        @keyframes faceShadowPulse {
            0% {
                opacity: 1;
                width: 400px;
            }

            50% {
                opacity: .75;
                width: 370px;
            }

            100% {
                opacity: 1;
                width: 400px;
            }
        }

        /* connectors */
        .who-connectors {
            position: absolute;
            inset: 0;
            z-index: 1;
            pointer-events: none;
        }

        .who-line {
            position: absolute;
            height: 1.5px;
            transform-origin: left center;
            border-radius: 10px;
            background: linear-gradient(90deg,
                    rgba(155, 155, 155, .18) 0%,
                    rgba(140, 140, 140, .38) 40%,
                    rgba(140, 140, 140, .38) 100%);
        }

        .who-line::after {
            display: none;
            content: none;
        }

        /* desktop connector positions — bubble edge → face edge */
        /* Adjusted for face shifted ~3% left (left: 47%) */
        /* Left lines: shorter since face is closer */
        .l1 {
            top: 147px;
            left: 298px;
            width: 110px;
            transform: rotate(12deg);
        }

        .l2 {
            top: 290px;
            left: 227px;
            width: 170px;
            transform: rotate(6deg);
        }

        .l3 {
            top: 457px;
            left: 263px;
            width: 150px;
            transform: rotate(-7deg);
        }

        .l4 {
            top: 604px;
            left: 310px;
            width: 140px;
            transform: rotate(-15deg);
        }

        /* Right lines: slightly longer since face moved left */
        .r1 {
            top: 160px;
            left: 810px;
            width: 170px;
            transform: rotate(-5deg);
        }

        .r2 {
            top: 308px;
            left: 820px;
            width: 235px;
            transform: rotate(2deg);
        }

        .r3 {
            top: 468px;
            left: 805px;
            width: 240px;
            transform: rotate(3deg);
        }

        .r4 {
            top: 590px;
            left: 775px;
            width: 250px;
            transform: rotate(9deg);
        }

        /* bubble — improved hover with gold glow */
        .who-bubble {
            position: absolute;
            z-index: 4;
            display: block;
            text-decoration: none;
            transform-origin: center center;
            transition: transform .4s cubic-bezier(.25, .46, .45, .94),
                filter .35s ease,
                opacity .35s ease;
            will-change: transform;
            animation: whoFloatSoft 5.8s ease-in-out infinite;
        }

        /* ── empty-bubble: ring + text overlay ── */
        .bubble-empty-wrap {
            position: relative;
            display: block;
            width: 100%;
        }

        .bubble-empty-wrap img {
            display: block;
            width: 100%;
            height: auto;
        }

        .bubble-label {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            text-align: center;
            font-family: 'Montserrat-Bold';
            font-weight: 900;
            font-size: 12px;
            line-height: 1;
            letter-spacing: .06em;
            text-transform: uppercase;
            color: #000000;
            pointer-events: none;
            white-space: nowrap;
        }

        .bubble-label span {
            display: block;
        }

        .who-bubble img {
            display: block;
            width: 100%;
            height: auto;
            user-select: none;
            -webkit-user-drag: none;
            transition: transform .35s ease,
                filter .35s ease,
                box-shadow .35s ease;
        }

        /* gold glow ring on hover */
        .who-bubble::after {
            content: "";
            position: absolute;
            inset: 6%;
            border-radius: 50%;
            background: radial-gradient(circle,
                    rgba(197, 160, 89, .18) 0%,
                    rgba(197, 160, 89, 0) 70%);
            box-shadow: 0 0 0 0 rgba(197, 160, 89, 0);
            transform: scale(.88);
            opacity: 0;
            transition: opacity .4s ease, transform .4s ease, box-shadow .4s ease;
            pointer-events: none;
            z-index: -1;
        }

        .who-bubble::before {
            display: none;
            content: none;
        }

        /* hover: lift + scale + soft gold shadow */
        .who-bubble:hover {
            transform: translateY(-8px) scale(1.04);
        }

        .who-bubble:hover img {
            filter: drop-shadow(0 8px 16px rgba(0, 0, 0, .08)) drop-shadow(0 14px 28px rgba(0, 0, 0, .10));
            transform: rotate(-0.5deg);
        }

        .who-bubble:hover::after {
            opacity: 1;
            transform: scale(1.08);
            box-shadow: 0 0 24px 4px rgba(197, 160, 89, .12);
        }

        @keyframes whoFloatSoft {
            0% {
                transform: translateY(0px);
            }

            50% {
                transform: translateY(-7px);
            }

            100% {
                transform: translateY(0px);
            }
        }

        /* stagger */
        .b1 {
            animation-delay: 0s;
        }

        .b2 {
            animation-delay: .55s;
        }

        .b3 {
            animation-delay: 1.05s;
        }

        .b4 {
            animation-delay: 1.5s;
        }

        .b5 {
            animation-delay: .25s;
        }

        .b6 {
            animation-delay: .8s;
        }

        .b7 {
            animation-delay: 1.2s;
        }

        .b8 {
            animation-delay: 1.75s;
        }

        /* desktop bubbles — arced layout matching reference */
        .b1 {
            top: 72px;
            left: 148px;
            width: 150px;
        }

        .b2 {
            top: 218px;
            left: 82px;
            width: 145px;
        }

        .b3 {
            top: 380px;
            left: 108px;
            width: 155px;
        }

        .b4 {
            top: 538px;
            left: 178px;
            width: 132px;
        }

        .b5 {
            top: 72px;
            right: 148px;
            width: 150px;
        }

        .b6 {
            top: 240px;
            right: 82px;
            width: 145px;
        }

        .b7 {
            top: 408px;
            right: 108px;
            width: 132px;
        }

        .b8 {
            top: 554px;
            right: 120px;
            width: 142px;
        }

        .b1,
        .b5 {
            z-index: 5;
        }

        /* laptop ≤1199 */
        @media (max-width:1199px) {


            .partner-section{
                background-size: cover!important;
            }
            .contact-us-hero, .contact-us-content{
                                background-size: cover!important;

            }
            .who-heading-img {
                margin-bottom: -30px;
                max-width: 160px;
            }

            .who-area {
                max-width: 1040px;
                min-height: 700px;
            }

            .who-bg-shape img {
                max-width: 980px;
            }

            .face-wrap {
                width: 400px;
                left: 47%;
            }

            /* laptop connectors: face 400px wide at center 520px → left:320 right:720 */
            .l1 {
                top: 148px;
                left: 218px;
                width: 120px;
                transform: rotate(10deg);
            }

            .l2 {
                top: 279px;
                left: 158px;
                width: 173px;
                transform: rotate(5deg);
            }

            .l3 {
                top: 444px;
                left: 194px;
                width: 147px;
                transform: rotate(-6deg);
            }

            .l4 {
                top: 572px;
                left: 234px;
                width: 130px;
                transform: rotate(-13deg);
            }

            .r1 {
                top: 160px;
                left: 710px;
                width: 113px;
                transform: rotate(-6deg);
            }

            .r2 {
                top: 300px;
                left: 715px;
                width: 168px;
                transform: rotate(1deg);
            }

            .r3 {
                top: 455px;
                left: 700px;
                width: 165px;
                transform: rotate(3deg);
            }

            .r4 {
                top: 570px;
                left: 688px;
                width: 145px;
                transform: rotate(8deg);
            }

            .b1 {
                top: 78px;
                left: 78px;
                width: 140px;
            }

            .b2 {
                top: 212px;
                left: 24px;
                width: 134px;
            }

            .b3 {
                top: 372px;
                left: 50px;
                width: 144px;
            }

            .b4 {
                top: 510px;
                left: 110px;
                width: 124px;
            }

            .b5 {
                top: 78px;
                right: 78px;
                width: 140px;
            }

            .b6 {
                top: 236px;
                right: 24px;
                width: 134px;
            }

            .b7 {
                top: 402px;
                right: 52px;
                width: 124px;
            }

            .b8 {
                top: 524px;
                right: 80px;
                width: 130px;
            }
        }

        /* tablet ≤991 */
        @media (max-width:991px) {
            .who-section {
                padding: 18px 0 56px;
            }

            .who-heading-img {
                margin-bottom: -12px;
                max-width: 140px;
            }

            .who-area {
                max-width: 760px;
                min-height: 580px;
            }

            .who-bg-shape img {
                max-width: 720px;
            }

            .face-wrap {
                width: 310px;
                top: 53%;
                left: 48%;
            }

            /* reduce idle animation on tablet */
            .face-motion {
                animation:
                    faceIdleDrift 12s cubic-bezier(.45, .05, .55, .95) infinite,
                    faceIdleBreathe 6s ease-in-out infinite;
            }

            .who-connectors {
                opacity: .92;
            }

            .who-line {
                height: 1.2px;
            }

            /* tablet connectors: face 310px wide at center 380px → left:225 right:535 */
            .l1 {
                top: 127px;
                left: 154px;
                width: 87px;
                transform: rotate(10deg);
            }

            .l2 {
                top: 235px;
                left: 114px;
                width: 122px;
                transform: rotate(5deg);
            }

            .l3 {
                top: 367px;
                left: 140px;
                width: 100px;
                transform: rotate(-6deg);
            }

            .l4 {
                top: 476px;
                left: 174px;
                width: 88px;
                transform: rotate(-13deg);
            }

            .r1 {
                top: 135px;
                left: 525px;
                width: 82px;
                transform: rotate(-6deg);
            }

            .r2 {
                top: 248px;
                left: 530px;
                width: 117px;
                transform: rotate(2deg);
            }

            .r3 {
                top: 375px;
                left: 520px;
                width: 112px;
                transform: rotate(4deg);
            }

            .r4 {
                top: 480px;
                left: 510px;
                width: 90px;
                transform: rotate(6deg);
            }

            .who-bubble {
                animation-duration: 5.3s;
            }

            .b1 {
                top: 68px;
                left: 36px;
                width: 118px;
            }

            .b2 {
                top: 178px;
                left: 0;
                width: 114px;
            }

            .b3 {
                top: 306px;
                left: 18px;
                width: 122px;
            }

            .b4 {
                top: 422px;
                left: 66px;
                width: 108px;
            }

            .b5 {
                top: 68px;
                right: 36px;
                width: 118px;
            }

            .b6 {
                top: 196px;
                right: 0;
                width: 114px;
            }

            .b7 {
                top: 328px;
                right: 22px;
                width: 108px;
            }

            .b8 {
                top: 432px;
                right: 48px;
                width: 114px;
            }
        }

        /* mobile ≤767 */
        @media (max-width:767px) {
            .who-section {
                padding: 32px 0 48px;
            }

            .who-heading-img {
                position: relative;
                top: auto;
                left: auto;
                transform: none;
                margin-bottom: 26px;
                max-width: 120px;
            }

            .who-area {
                min-height: auto;
                max-width: 360px;
                display: grid;
                grid-template-columns: repeat(2, minmax(128px, 1fr));
                gap: 18px 16px;
                padding: 0 16px;
                justify-items: center;
            }

            .who-bg-shape,
            .who-connectors {
                display: none;
            }

            .face-wrap {
                display: none;
            }

            /* minimal float only on mobile — no heavy parallax */
            .face-motion {
                animation: faceIdleBreathe 6s ease-in-out infinite;
            }

            .who-bubble {
                position: static;
                width: 128px !important;
                animation: none;
                transform: none !important;
            }

            .who-bubble:hover {
                transform: translateY(-4px) scale(1.02) !important;
            }

            .who-bubble:hover img {
                transform: none;
            }
        }

        /* ── SECTION 3: GLOBAL CITIZEN VIDEO INTRO ── */
        .video-intro {
            min-height: 100vh;
            position: relative;
            overflow: hidden;
            display: flex;
            align-items: center;
            padding: 110px 60px 100px;
        }

        .video-intro-bg {
            position: absolute;
            inset: 0;
            background: url('../images/video-sect.png') center center/cover no-repeat;
            z-index: 0;
        }

        .video-intro-bg::before {
            content: '';
            position: absolute;
            inset: 0;
            background: linear-gradient(90deg, rgba(6, 11, 22, .92) 0%, rgba(8, 14, 24, .86) 22%, rgba(9, 17, 31, .62) 52%, rgba(7, 13, 25, .82) 100%);
        }

        .video-intro-bg::after {
            content: '';
            position: absolute;
            inset: 0;
            background: radial-gradient(circle at 50% 48%, rgba(255, 255, 255, .08) 0%, rgba(255, 255, 255, 0) 25%), linear-gradient(180deg, rgba(0, 0, 0, .10) 0%, rgba(0, 0, 0, .28) 100%);
        }

        .video-intro-inline {
            position: absolute;
            inset: 0;
            z-index: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            background: #000;
            opacity: 0;
            pointer-events: none;
            transition: opacity .6s ease;
        }

        .video-intro-inline video,
        .video-intro-inline iframe {
            width: 100%;
            height: 100%;
            border: 0;
            background: #000;
            display: none;
        }

        .video-intro-inline.is-video-mode video {
            display: block;
            object-fit: cover;
        }

        .video-intro-inline.is-iframe-mode iframe {
            display: block;
        }

        .video-side-nav {
            position: absolute;
            right: 26px;
            top: 50%;
            transform: translateY(-50%);
            width: 190px;
            height: 560px;
            z-index: 3;
            pointer-events: auto;
        }

        .page-side-nav {
            position: fixed;
            right: 20px;
            top: 50%;
            transform: translateY(-50%) scale(.72);
            transform-origin: center right;
            z-index: 180;
            opacity: 0;
            visibility: hidden;
            pointer-events: none;
            transition: opacity .25s ease, visibility .25s ease;
        }

        .page-side-nav.is-visible {
            opacity: 1;
            visibility: visible;
            pointer-events: auto;
        }

        @media (min-width: 768px) {
            .video-intro > .video-side-nav:not(.page-side-nav),
            .topic-banner .topic-side-nav {
                display: none;
            }
        }

        @media (max-width: 767px) {
            .page-side-nav {
                display: none !important;
            }
        }

        .vsn-step {
            --node-size: 46px;
            --line-length: 86px;
            --line-angle: 72deg;
            position: absolute;
            display: block;
            min-width: var(--node-size);
            min-height: var(--node-size);
            color: inherit;
            text-decoration: none;
        }

        .vsn-step::after {
            content: '';
            position: absolute;
            left: calc(var(--node-size) / 2);
            top: calc(var(--node-size) / 2);
            width: var(--line-length);
            height: 2px;
            background: var(--gold);
            opacity: .9;
            transform-origin: left center;
            transform: rotate(var(--line-angle));
        }

        .vsn-step:last-child::after {
            display: none;
        }

        .is-active .vsn-node {
            border: 3px solid #ffffff;
        }

        .vsn-node {
            position: relative;
            z-index: 2;
            width: var(--node-size);
            height: var(--node-size);
            border-radius: 50%;
            border: 3px solid var(--gold);
             box-shadow: 0 8px 20px rgba(0, 0, 0, .12);
            color: var(--gold);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 18px;
            line-height: 1;
            transition: transform .28s ease, background .28s ease, color .28s ease, box-shadow .28s ease;
        }

        .vsn-node img {
            display: block;
            width: auto;
            max-width: 88%;
            max-height: 88%;
            object-fit: contain;
            pointer-events: none;
        }

        .vsn-step:hover .vsn-node,
        .vsn-step:focus-visible .vsn-node,
        .vsn-step.is-active .vsn-node {
             box-shadow: 0 0 0 6px rgba(197, 160, 89, .08);
            transform: scale(1.05);
        }

        .vsn-step:focus-visible {
            outline: none;
        }

        .vsn-step-intro {
            top: 4px;
            left: 18px;
            --line-length: 60px;
            --line-angle: 90deg;
        }

        .vsn-step-topic {
            top: 74px;
            left: 14px;
            --node-size: 54px;
            --line-length: 76px;
            --line-angle: 104deg;
        }

        .vsn-step-video {
            top: 154px;
            left: 22px;
            --line-length: 74px;
            --line-angle: 74deg;
        }

        .vsn-step-text {
            top: 228px;
            left: 40px;
            --line-length: 74px;
            --line-angle: 104deg;
        }

        .vsn-step-help {
            top: 302px;
            left: 18px;
            --line-length: 74px;
            --line-angle: 74deg;
        }

        .vsn-step-tools {
            top: 376px;
            left: 40px;
            --line-length: 82px;
            --line-angle: 108deg;
        }

        .vsn-step-community {
            top: 452px;
            left: 0;
            --node-size: 58px;
        }

        .vsn-label {
            position: absolute;
            left: calc(100% - 30px);
            top: 50%;
            z-index: 1;
            padding: 13px 24px 13px 35px;
            min-width: 126px;
            border-radius: 0 8px 8px 0;
            background: rgb(0, 0, 0);
            color:  #ffb900;
            font-family: 'Montserrat-Medium';
            font-size: 15px;
            letter-spacing: .12em;
            text-transform: uppercase;
            line-height: 1;
            box-shadow: 0 10px 22px rgba(0, 0, 0, .16);
            -webkit-mask: radial-gradient(circle 31px at 0 50%, transparent 30px, #000 31px);
            mask: radial-gradient(circle 31px at 0 50%, transparent 30px, #000 31px);
            opacity: 0;
            visibility: hidden;
            transform: translate(-12px, -50%);
            transition: opacity .22s ease, transform .22s ease, visibility .22s ease;
        }

        .page-side-nav .vsn-label {
            min-width: max-content;
            white-space: nowrap;
        }

        .vsn-step:hover .vsn-label,
        .vsn-step:focus-visible .vsn-label,
        .vsn-step.is-active .vsn-label {
            opacity: 1;
            visibility: visible;
            transform: translate(0, -50%);
        }

        .video-intro .video-side-nav {
            width: 140px;
            max-height: 300px;
            height: 300px;
            right: 16px;
        }

        .video-intro .page-side-nav {
            width: 190px;
            max-height: none;
            height: 560px;
            right: 20px;
        }

        .video-intro .vsn-step {
            --node-size: 30px;
            --line-length: 32px;
            --line-angle: 90deg;
        }

        .video-intro .page-side-nav .vsn-step {
            --node-size: 46px;
            --line-length: 86px;
            --line-angle: 72deg;
        }

        .page-side-nav .vsn-step::after {
            left: calc(var(--node-size) / 2);
            top: calc(var(--node-size) - 3px);
            width: max(27px, calc(var(--line-length) - 38px));
            transform-origin: left center;
            z-index: 1;
        }

        .page-side-nav .vsn-node {
            z-index: 2;
        }

        .video-intro .vsn-node {
            border-width: 2px;
            font-size: 12px;
            box-shadow: 0 5px 14px rgba(0, 0, 0, .12);
        }

        .video-intro .vsn-step::after {
            height: 2px;
            opacity: 1;
        }

        .video-intro .vsn-step-intro {
            top: 0;
            left: 30px;
            --line-length: 46px;
            --line-angle: 114deg;
        }

        .video-intro .vsn-step-topic {
            top: 42px;
            left: 6px;
            --node-size: 38px;
            --line-length: 47px;
            --line-angle: 65deg;
        }

        .video-intro .vsn-step-video {
            top: 89px;
            left: 30px;
            --line-length: 48px;
            --line-angle: 76deg;
        }

        .video-intro .vsn-step-text {
            top: 136px;
            left: 42px;
            --line-length: 52px;
            --line-angle: 115deg;
        }

        .video-intro .vsn-step-help {
            top: 183px;
            left: 20px;
            --line-length: 52px;
            --line-angle: 65deg;
        }

        .video-intro .vsn-step-tools {
            top: 230px;
            left: 42px;
            --line-length: 44px;
            --line-angle: 129deg;
        }

        .video-intro .vsn-step-community {
            top: 258px;
            left: 8px;
            --node-size: 44px;
        }

        .video-intro .vsn-label {
            left: calc(100% - 20px);
            min-width: 100px;
            padding: 9px 16px 9px 40px;
            border-radius: 0 7px 7px 0;
            font-size: 10px;
            letter-spacing: .18em;
            box-shadow: 0 8px 18px rgba(0, 0, 0, .16);
            -webkit-mask: radial-gradient(circle 20px at 0 50%, transparent 19px, #000 20px);
            mask: radial-gradient(circle 20px at 0 50%, transparent 19px, #000 20px);
        }

        .vsn-item {
            width: 34px;
            height: 34px;
            border-radius: 50%;
            border: 2px solid var(--gold);
            background: rgba(8, 16, 30, .18);
            color: var(--gold);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 12px;
        }

        .vsn-line {
            width: 2px;
            height: 18px;
            background: var(--gold);
            opacity: .5;
        }

        .video-body {
            position: relative;
            z-index: 2;
            max-width: 620px;
            margin-left: 14px;
            transition: opacity .5s ease;
        }

        .video-pre {
            color: #fff;
            font-family: 'Montserrat-Light';
            font-size: clamp(52px, 6vw, 82px);
            font-weight: 300;
            text-transform: uppercase;
            letter-spacing: .02em;
            line-height: .96;
            margin-bottom: 8px;
            text-shadow: 0 14px 32px rgba(0, 0, 0, .2);
        }

        .video-title-gold {
            color: var(--gold);
            font-family: 'Montserrat-Bold';
            font-size: clamp(56px, 6vw, 88px);
            font-weight: 900;
            text-transform: uppercase;
            letter-spacing: .02em;
            line-height: .93;
            margin: 0;
            text-shadow: 0 16px 34px rgba(0, 0, 0, .18);
        }

        .video-gold-line {
            width: 160px;
            height: 8px;
            background: var(--gold);
            margin-top: 28px;
        }

        .video-play-wrap {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 2;
            transition: opacity .5s ease;
        }

        .video-intro.is-playing .video-body,
        .video-intro.is-playing .video-play-wrap {
            opacity: 0;
            pointer-events: none;
        }

        .video-intro.is-playing .video-intro-inline,
        .video-intro.is-video-paused .video-intro-inline,
        .video-intro.is-iframe-active .video-intro-inline {
            opacity: 1;
            pointer-events: auto;
        }

        .video-intro.is-video-paused .video-body,
        .video-intro.is-iframe-active .video-body {
            opacity: 0;
            pointer-events: none;
        }

        .video-intro.is-video-paused .video-play-wrap {
            opacity: 1;
            pointer-events: auto;
            z-index: 3;
        }

        .video-intro.is-iframe-active .video-play-wrap {
            opacity: 0;
            pointer-events: none;
        }

        .video-play-wrap .play-circle {
            width: clamp(132px, 15vw, 196px);
            height: clamp(132px, 15vw, 196px);
            border-width: 10px;
            background: rgba(255, 255, 255, .04);
            box-shadow: 0 22px 42px rgba(0, 0, 0, .18);
        }

        .video-play-wrap .play-circle::before {
            inset: 16px;
            border-width: 2px;
            border-color: rgba(255, 255, 255, .18);
            animation: playPulseLg 2.4s infinite;
        }

        .video-play-wrap .play-circle::after {
            inset: -10px;
            border-color: rgba(255, 255, 255, .12);
        }

        .video-play-wrap .play-circle i {
            font-size: clamp(54px, 6vw, 96px);
            color: rgba(255, 255, 255, .56);
            margin-left: 12px;
        }

        .video-intro .scroll-ind {
            bottom: 16px;
            z-index: 2;
        }

        /* ── SECTION 4: PICK A TOPIC ── */
        .topics-section {
            position: relative;
            overflow: hidden;
            padding: 86px 0 0px;
            background: #ECEEF3;
        }

        .topics-section::before {
            content: '';
            position: absolute;
            inset: 0;
            background:
                url('../images/shape-sect.png') center top / 100% 80% no-repeat;
            pointer-events: none;
        }

        .topics-container {
            position: relative;
            z-index: 1;
        }

        .topics-header {
            text-align: center;
            margin-bottom: 34px;
        }

        .topics-h2 {
            margin: 0;
            color: #404957;
            font-family: 'Montserrat-Light';
            font-size: 46px;
            font-weight: 300;
            letter-spacing: .1em;
            text-transform: uppercase;
        }

        .topics-line {
            width: 118px;
            height: 6px;
            margin: 14px auto 0;
            background: linear-gradient(90deg, #c79b2b, #d1a12b);
        }

        .topics-swiper {
            padding: 10px 0 36px;
            min-height: 730px;
        }

        .topics-swiper .swiper-slide {
            height: auto;
        }

        .topics-slide-layout {
            display: flex;
            flex-direction: column;
            gap: 42px;
            min-height: 730px;
        }

        .topics-row {
            display: grid;
            gap: 24px 38px;
            align-items: start;
        }

        .topics-row-top,
        .topics-row-bottom {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }

        .topics-row-middle {
            grid-template-columns: repeat(2, minmax(0, 1fr));
            width: min(72%, 820px);
            margin: -8px auto 0;
        }

        .topic-card {
            position: relative;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: flex-start;
            text-align: center;
            min-height: 182px;
            padding: 14px 8px 28px;
            background: transparent;
            border: none;
            box-shadow: none;
            cursor: pointer;
            transition: transform .28s ease, filter .28s ease;
        }

        .topic-card:hover {
            transform: translateY(-7px);
            filter: drop-shadow(0 14px 18px rgba(27, 36, 51, .06));
        }

        .topic-icon-wrap {
            width: 88px;
            min-height: 74px;
            margin: 0 auto 14px;
            display: flex;
            align-items: center;
            justify-content: center;
            background: transparent;
            border: none;
            border-radius: 0;
        }

        .topic-icon-wrap img {
            width: 66px;
            height: auto;
            max-height: 70px;
            display: block;
            object-fit: contain;
        }

        .topic-label {
            margin: 0;
            color: #1d2330;
            font-family: 'Montserrat-Medium';
            font-size: 13px;
            font-weight: 500;
            line-height: 1.42;
            letter-spacing: .16em;
            text-transform: uppercase;
        }

        .topic-shadow {
            width: 106px;
            height: 18px;
            margin: 12px auto 0;
            background: radial-gradient(ellipse at center, rgba(8, 13, 24, .28) 0%, rgba(8, 13, 24, .12) 28%, rgba(8, 13, 24, 0) 72%);
            filter: blur(2px);
        }

        .topic-dots {
            position: static;
            margin-top: 6px;
        }

        .topic-dots.swiper-pagination-bullets {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
        }

        .topic-dots .swiper-pagination-bullet {
            width: 11px;
            height: 11px;
            margin: 0 !important;
            background: #8d9198;
            opacity: 1;
            transition: transform .25s ease, background .25s ease;
        }

        .topic-dots .swiper-pagination-bullet-active {
            background: var(--gold);
            transform: scale(1.12);
        }

        /* ── SECTION 5: TOPIC SELECTION BANNER ── */
        .topic-banner {
            min-height: 85vh;
            position: relative;
            overflow: hidden;
            display: flex;
            align-items: center;
            padding: 80px 60px;
        }

        .topic-banner-bg {
            position: absolute;
            inset: 0;
            background: url('../images/Général actualité.jpg') center/cover no-repeat;
            z-index: 0;
        }

        .topic-banner-bg::after {
            content: '';
            position: absolute;
            inset: 0;
            background: rgba(8, 16, 30, .65);
        }

        .topic-banner-body {
            position: relative;
            z-index: 2;
            max-width: 600px;
        }

        .tb-pre {
            color: #fff;
            font-size: 36px;
            font-weight: 300;
            text-transform: uppercase;
            letter-spacing: 4px;
            line-height: 1.15;
        }

        .tb-gold {
            color: var(--gold);
            font-size: 52px;
            font-weight: 900;
            text-transform: uppercase;
            letter-spacing: 2px;
            display: block;
            line-height: 1.05;
        }

        .tb-gold-under {
            display: inline-block;
            border-bottom: 4px solid var(--gold);
            padding-bottom: 3px;
        }

        .tb-play-wrap {
            position: absolute;
            top: 50%;
            right: 20%;
            transform: translate(50%, -50%);
            z-index: 2;
        }

        .tb-side {
            position: absolute;
            right: 28px;
            top: 50%;
            transform: translateY(-50%);
            z-index: 3;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 8px;
        }

        .topic-banner {
            min-height: 100vh;
            padding: 110px 60px 100px;
        }

        .topic-banner-bg {
            background: url('../images/video-sect2.png') center center/cover no-repeat;
        }

        .topic-banner-bg::before {
            content: '';
            position: absolute;
            inset: 0;
            background: linear-gradient(90deg, rgba(6, 11, 22, .92) 0%, rgba(8, 14, 24, .84) 22%, rgba(9, 17, 31, .54) 54%, rgba(7, 13, 25, .76) 100%);
        }

        .topic-banner-bg::after {
            background: radial-gradient(circle at 50% 43%, rgba(255, 255, 255, .08) 0%, rgba(255, 255, 255, 0) 26%), linear-gradient(180deg, rgba(0, 0, 0, .12) 0%, rgba(0, 0, 0, .28) 100%);
        }

        .topic-banner-body {
            max-width: 620px;
            margin-left: 14px;
        }

        .tb-pre {
            font-family: 'Montserrat-Light';
            font-size: clamp(52px, 6vw, 86px);
            letter-spacing: .02em;
            line-height: .96;
            margin: 0 0 8px;
            text-shadow: 0 14px 32px rgba(0, 0, 0, .2);
        }

        .tb-gold {
            font-family: 'Montserrat-Bold';
            font-size: clamp(56px, 6vw, 88px);
            letter-spacing: .02em;
            line-height: .93;
            margin: 0;
            text-shadow: 0 16px 34px rgba(0, 0, 0, .18);
        }

        .tb-line {
            width: 190px;
            height: 8px;
            margin-top: 24px;
            background: var(--gold);
        }

        .tb-topic-pressed {
            margin: 22px 0 0;
            color: rgba(255, 255, 255, .82);
            font-family: 'Montserrat-Medium';
            font-size: 22px;
            font-weight: 300;
            letter-spacing: .1em;
            text-transform: uppercase;
            line-height: 1.25;
            min-height: 0;
        }

        .tb-topic-pressed:empty {
            display: none;
        }

        .tb-play-wrap {
            left: 50%;
            right: auto;
            transform: translate(-50%, -50%);
        }

        .tb-play-wrap .play-circle {
            width: clamp(132px, 15vw, 196px);
            height: clamp(132px, 15vw, 196px);
            border-width: 10px;
            background: rgba(255, 255, 255, .04);
            box-shadow: 0 22px 42px rgba(0, 0, 0, .18);
        }

        .tb-play-wrap .play-circle::before {
            inset: 16px;
            border-width: 2px;
            border-color: rgba(255, 255, 255, .18);
            animation: playPulseLg 2.4s infinite;
        }

        .tb-play-wrap .play-circle::after {
            inset: -10px;
            border-color: rgba(255, 255, 255, .12);
        }

        .tb-play-wrap .play-circle i {
            font-size: clamp(54px, 6vw, 96px);
            color: rgba(255, 255, 255, .56);
            margin-left: 12px;
        }

        .topic-side-nav {
            position: absolute;
            right: 26px;
            top: 50%;
            transform: translateY(-50%);
            width: 96px;
            height: 560px;
            z-index: 3;
        }

        .topic-side-nav .vsn-step {
            min-width: var(--node-size);
        }

        .topic-side-nav .vsn-step::after {
            background: rgba(255, 255, 255, .38);
            opacity: 1;
        }

        .topic-side-nav .vsn-node {
            border-color: rgba(255, 255, 255, .45);
            background: rgba(8, 14, 26, .92);
            color: rgba(255, 255, 255, .55);
            box-shadow: none;
        }

        .topic-side-nav .vsn-step:hover .vsn-node,
        .topic-side-nav .vsn-step:focus-visible .vsn-node,
        .topic-side-nav .vsn-step.is-active .vsn-node {
            background: rgba(10, 16, 30, .98);
            color: rgba(255, 255, 255, .92);
            border-color: rgba(255, 255, 255, .76);
            box-shadow: 0 0 0 4px rgba(255, 255, 255, .06);
        }

        .topic-side-nav .vsn-step-community .vsn-node {
            background: rgba(255, 255, 255, .08);
        }

        .topic-side-nav .vsn-label {
            display: none;
        }

        .topic-banner .topic-side-nav {
            width: 72px;
            max-height: 300px;
            height: 300px;
            right: 20px;
        }

        .topic-banner .vsn-step {
            --node-size: 30px;
            --line-length: 32px;
            --line-angle: 90deg;
        }

        .topic-banner .vsn-step::after {
            height: 2px;
        }

        .topic-banner .vsn-step-intro {
            top: 0;
            left: 30px;
            --line-length: 46px;
            --line-angle: 114deg;
        }

        .topic-banner .vsn-step-topic {
            top: 42px;
            left: 6px;
            --node-size: 38px;
            --line-length: 47px;
            --line-angle: 65deg;
        }

        .topic-banner .vsn-step-video {
            top: 89px;
            left: 30px;
            --line-length: 48px;
            --line-angle: 76deg;
        }

        .topic-banner .vsn-step-text {
            top: 136px;
            left: 42px;
            --line-length: 52px;
            --line-angle: 115deg;
        }

        .topic-banner .vsn-step-help {
            top: 183px;
            left: 20px;
            --line-length: 52px;
            --line-angle: 65deg;
        }

        .topic-banner .vsn-step-tools {
            top: 230px;
            left: 42px;
            --line-length: 44px;
            --line-angle: 129deg;
        }

        .topic-banner .vsn-step-community {
            top: 258px;
            left: 8px;
            --node-size: 44px;
        }

        .topic-banner .scroll-ind {
            bottom: 16px;
            z-index: 2;
        }

        .init-header {
            margin-bottom: 24px;
        }

        .init-h2 {
            margin: 0;
            color: #0e1016;
            font-family: 'Montserrat-Medium';
            font-size: 35px;
            font-weight: 500;
            text-transform: uppercase;
            letter-spacing: .1em;
            position: relative;
            z-index: 1;
        }

        .init-line {
            width: 120px;
            height: 7px;
            margin-top: 16px;
        }

        .init-desc {
            color: #202631;
            font-family: 'Montserrat-Light';
            font-size: 19px;
            font-weight: 400;
            line-height: 2.35;
            letter-spacing: .16em;
            max-width: 1360px;
            text-align: justify;
            margin: 0 auto 62px;
            position: relative;
            z-index: 1;
        }

        .btn-pill {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 16px;
            min-width: 280px;
            min-height: 70px;
            border-radius: 22px;
            padding: 20px 22px;

            background: #E7EBEF;
            color: #4b5662;
            border: none;

            /* 🎯 THE FIX */
            box-shadow:
                -6px -6px 12px rgba(255, 255, 255, 0.9),
                /* top-left light */
                8px 10px 20px rgba(20, 30, 50, 0.12),
                /* bottom-right shadow */
                0 2px 4px rgba(20, 30, 50, 0.06);
            /* subtle base */

            transition: all .3s ease;
            font-family: 'Montserrat-Medium';
            font-size: 24px;
            letter-spacing: .08em;
            text-transform: uppercase;
            text-decoration: none;
        }

        .btn-pill i {
            font-size: 32px;
        }

        .btn-pill:hover {
            background: linear-gradient(180deg, var(--gold) 0%, var(--gold-dark) 100%);
            color: #fff;
            transform: translateY(-3px);

            box-shadow:
                -4px -4px 10px rgba(255, 255, 255, 0.25),
                10px 14px 28px rgba(180, 140, 60, 0.35),
                0 4px 10px rgba(180, 140, 60, 0.25);
        }

        /* ── SECTION 7: MISSION & VISION ── */
        .mv-section {
            margin-top: 84px;
        }

        .mv-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 42px;
            align-items: start;
            max-width: 1320px;
            margin: 0 auto;
        }

        .mv-card {
            position: relative;
            overflow: visible;
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
        }

        .mv-media {
            position: relative;
            width: 100%;
            aspect-ratio: 1 / 1.12;
            overflow: hidden;
            background: #101723;
            box-shadow: 0 18px 38px rgba(26, 33, 48, .1);
        }

        .mv-media img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
            filter: grayscale(1) brightness(.76) contrast(1.02);
            transition: all .45s;
        }

        .mv-card:hover .mv-media img {
            filter: grayscale(.7) brightness(.8);
            transform: scale(1.04);
        }

        .mv-inner {
            position: relative;
            text-align: center;
            margin-top: -14px;
            width: 100%;
        }

        .mv-badge {
            display: inline-block;
            background: #CD9F26;
            color: #fff;
            text-decoration: none;
            min-width: 184px;
            padding: 6px 34px;
            border-radius: 28px;
            font-family: 'Montserrat-Bold';
            font-size: 16px;
            font-weight: 700;
            line-height: 1;
            letter-spacing: .04em;
            text-transform: none;
            margin-bottom: 18px;
            box-shadow: 0 8px 18px rgba(197, 160, 89, .18);
        }

        .mv-badge:hover,
        .mv-badge:focus {
            color: #fff;
        }

        .mv-text {
            color: #1d2430;
            font-family: 'Montserrat-Medium';
            font-size: 13px;
            font-weight: 400;
            line-height: 1.4;
            letter-spacing: .06em;
            max-width: 360px;
            margin: 0 auto;
            text-transform: none;
        }

        /* ── SECTION 8: PARTNER WITH US ── */
        .partner-sectionn {
            background:
                url('../images/shape8.png') center center/cover no-repeat #ECEEF3;
            padding: 118px 0 130px;
            text-align: center;
            position: relative;
            overflow: hidden;
        }



        .partner-container {
            position: relative;
            z-index: 1;
            max-width: 1320px;
        }

        .partner-header {
            margin-bottom: 30px;
        }

        .partner-h2 {
            margin: 0;
            color: #0e1016;
            font-family: 'Montserrat-Medium';
            font-size: 35px;
            font-weight: 500;
            text-transform: uppercase;
            letter-spacing: .1em;
            position: relative;
            z-index: 1;
        }

        .partner-line {
            width: 120px;
            height: 7px;
            margin-top: 16px;
        }

        .partner-desc {
            color: #000000;
            font-family: 'Montserrat-Light';
            font-size: 20px;
            font-weight: 400;
            line-height: 2.05;
            letter-spacing: .12em;
            max-width: 700px;
            margin: 0 auto 46px;
            position: relative;
            z-index: 1;
        }

        /* ── SECTION 9: WORLD LEADERS ── */
        .leaders-section {
            background: #FFFFFF;
            padding: 108px 0 96px;
            position: relative;
            overflow: hidden;
        }

        .leadersss-section::before {
            content: '';
            position: absolute;
            inset: 0;
            background:
                radial-gradient(circle at 18% 30%, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 28%),
                radial-gradient(circle at 82% 18%, rgba(255, 255, 255, .32) 0, rgba(255, 255, 255, 0) 24%);
        }

        .leaders-container {
            position: relative;
            z-index: 1;
            max-width: 1320px;
        }

        .leaders-header {
            margin-bottom: 26px;
        }

        .leaders-h2 {
            margin: 0;
            color: #0e1016;
            font-family: 'Montserrat-Medium';
            font-size: 35px;
            font-weight: 500;
            text-transform: uppercase;
            letter-spacing: .1em;
            position: relative;
            z-index: 1;
        }

        .leaders-line {
            width: 120px;
            height: 7px;
            margin-top: 14px;
        }

        .leaders-sub {
            color: #1D1D1B;
            font-family: 'Montserrat-Light';
            font-size: 18px;
            font-weight: 400;
            line-height: 2;
            letter-spacing: .12em;
             max-width: 1296px;
            text-align: justify;
            margin: 0 auto 46px;
        }

        .leaders-swiper {
            overflow: hidden;
            padding-bottom: 58px;
        }

        .leaders-swiper .swiper-slide {
            height: auto;
        }

        .leader-card {
            position: relative;
            max-width: 100%;
            text-align: left;
        }

        .leader-photo {
            position: relative;
            width: 100%;
            aspect-ratio: 0.84 / 1;
            overflow: hidden;
            background: linear-gradient(180deg, #d7d9de 0%, #aeb4be 100%);
        }

        .leader-photo::after {
            content: '';
            position: absolute;
            inset: 0;
            background: linear-gradient(180deg, rgba(255, 255, 255, .06) 0%, rgba(18, 23, 31, .12) 100%);
        }

        .leader-photo img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
            filter: grayscale(1) brightness(.95);
            opacity: .92;
            transition: transform .45s, filter .45s;
        }

        .leader-photo-yves img {
            object-position: center top;
        }

        .leader-photo-rahman img {
            transform: scale(1.03) translateY(8px);
        }

        .leader-photo-donald img {
            transform: scale(1.05) translateY(-6px);
        }

        .leader-card:hover .leader-photo img {
            filter: grayscale(.7) brightness(.98);
            transform: scale(1.05);
        }

        .leader-copy {
            position: relative;
            padding: 0 14px 0 16px;
        }

        .leader-quote {
            color: var(--gold);
            font-family: sans-serif;
            font-size: 225px;
            line-height: 0;
            margin: 49px 0 -19px;
            text-align: left;
        }

        .leader-name {
            color: #171c26;
            font-family: 'Montserrat-Medium';
            font-size: 15px;
            font-weight: 500;
            letter-spacing: .03em;
            text-align: left;
            margin-bottom: 4px;
        }

        .leader-role {
            color: var(--gold);
            font-family: 'Montserrat-Medium';
            font-size: 10px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: .11em;
            text-align: left;
            line-height: 1.4;
            margin-bottom: 18px;
            min-height: 28px;
        }

        .leader-text {
            color: #6d7380;
            font-family: 'Montserrat-Light';
            font-size: 11px;
            font-weight: 400;
            text-align: left;
            text-transform: uppercase;
            letter-spacing: .08em;
            line-height: 1.7;
            min-height: 171px;
        }

        .leaders-swiper .leader-dots {
            bottom: 0 !important;
        }

        .leaders-swiper .swiper-pagination-bullet {
            width: 10px;
            height: 10px;
            margin: 0 5px !important;
            background: #9ea4ae;
            opacity: 1;
            transition: transform .3s, background .3s;
        }

        .leaders-swiper .swiper-pagination-bullet-active {
            background: var(--gold);
            transform: scale(1.08);
        }

        #latestNews.news-section {
            background: linear-gradient(180deg, #eef1f5 0%, #edf1f5 100%);
            padding: 112px 0 108px;
            position: relative;
            overflow: hidden;
        }

        #latestNews.news-section::before {
            content: '';
            position: absolute;
            inset: 0;
            background:
                radial-gradient(circle at 16% 24%, rgba(255, 255, 255, .52) 0, rgba(255, 255, 255, 0) 26%),
                radial-gradient(circle at 84% 16%, rgba(255, 255, 255, .42) 0, rgba(255, 255, 255, 0) 24%);
        }

        /* ── SECTION 10: LATEST NEWS ── */
        .news-section {
            background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../images/news/news-background.png) no-repeat center center;
            padding: 112px 0 108px;
            position: relative;
            overflow: hidden;


        }

        .news-section::before {
            content: '';
            position: absolute;
            inset: 0;
            background:
                radial-gradient(circle at 16% 24%, rgba(255, 255, 255, .52) 0, rgba(255, 255, 255, 0) 26%),
                radial-gradient(circle at 84% 16%, rgba(255, 255, 255, .42) 0, rgba(255, 255, 255, 0) 24%);
        }

        .news-container {
            position: relative;
            z-index: 1;
            max-width: 1540px;
        }

        .news-header {
            margin-bottom: 10px;
        }

        .news-h2 {
            margin: 0;
            color: #0e1016;
            font-family: 'Montserrat-Medium';
            font-size: 35px;
            font-weight: 500;
            text-transform: uppercase;
            letter-spacing: .1em;
            position: relative;
            z-index: 1;
        }

        .news-line {
            width: 120px;
            height: 7px;
            margin-top: 16px;
        }

        .news-sub {
            color: #303743;
            font-family: 'Montserrat-Medium';
            font-size: 21px;
            font-weight: 500;
            line-height: 1.55;
            text-align: center;
            letter-spacing: .08em;
            max-width: 940px;
            margin: 0 auto 58px;
        }

        .news-grid {
            --bs-gutter-x: 22px;
            --bs-gutter-y: 22px;
        }

        .news-card {
            height: 100%;
        }

        .news-card-img {
            overflow: hidden;
            background: #d8dde3;
            box-shadow: 0 16px 34px rgba(28, 36, 52, .08);
            margin-bottom: 14px;
        }

        .news-card-img img {
            width: 100%;
            height: 350px;
            object-fit: cover;
            display: block;
            transition: transform .35s;
        }

        .news-card-img-contain {
            background: #21324c;
        }

        .news-card-img-contain img {
            object-fit: contain;
            padding: 0;
        }

        .news-card:hover .news-card-img img {
            transform: scale(1.04);
        }

        .news-body {
            padding: 0 2px;
        }

        .news-title {
            color: #171c26;
            font-family: 'Montserrat-SemiBold';
            font-size: 13px;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: .05em;
            line-height: 1.55;
            margin-bottom: 12px;
        }

        .news-date {
            color: var(--gold);
            font-family: 'Montserrat-Medium';
            font-size: 14px;
            font-weight: 500;
            letter-spacing: .06em;
        }
         .news-datee {
            color: var(--gold);
            font-family: 'Montserrat-Medium';
            font-size: 20px;
            font-weight: 500;
            letter-spacing: .06em;
            text-align: center;
            padding-top: 2%;
        }

        .news-cta {
            text-align: center;
            margin-top: 50px;
        }

        .news-cta .btn-pill {
            min-width: 344px;
        }

        .news-cta .btn-pill i {
            letter-spacing: -.06em;
        }

        /* ── SECTION 11: FOOTER TILES ── */
        .ftiles {
            background: #edf1f5;
            padding: 10px 10px 42px;
        }

        .ftiles .row {
            --bs-gutter-x: 28px;
        }

        .ftiles .ftile {
            position: relative;
            min-height: 560px;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            background: #0d1724;
        }

        .ftiles .ftile>img {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform .4s;
        }

        .ftiles .ftile:hover>img {
            transform: scale(1.06);
        }

        .ftiles .ftile::after {
            content: '';
            position: absolute;
            inset: 0;
            background: linear-gradient(180deg, rgba(6, 10, 18, 0.85) 0%, rgba(6, 10, 18, 0.4) 45%, rgba(6, 10, 18, 0) 60%, rgba(6, 10, 18, 0) 100%);
            transition: background .3s, transform .35s;
        }

        .ftiles .ftile:hover::after {
            background: linear-gradient(180deg, rgba(6, 10, 18, 0.75) 0%, rgba(6, 10, 18, 0.3) 45%, rgba(6, 10, 18, 0) 60%, rgba(6, 10, 18, 0) 100%);
        }

        .ftile-body {
            position: relative;
            z-index: 2;
            text-align: center;
            width: 100%;
            min-height: 320px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .ftile-orbit-img-wrap {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-65%, -50%);
            pointer-events: none;
            z-index: 0;
            transition: transform 0.4s ease;
            display: inline-block;
        }

        .ftiles .ftile:hover .ftile-orbit-img-wrap {
            transform: translate(-65%, -50%) scale(1.08);
        }

        .ftile-orbit-img {
            display: block;
            width: 150px;
            max-width: 100%;
            height: auto;
        }

        .ftile-title {
            color: #fff;
            position: relative;
            z-index: 1;
            font-family: 'Montserrat-Bold';
            font-size: 28px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: .1em;
            line-height: 1;
            margin: 0;
            margin-left: 85px;
            text-shadow: 0 4px 18px rgba(5, 8, 14, .32);
         }

        .ftile {
            text-decoration: none!important;
        }

        /* ── FOOTER ── */
        .site-footer {
            background: #323234;
            padding: 20px 0 16px;
            text-align: center;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
        }

        .socials {
            display: flex;
            justify-content: center;
            gap: 14px;
            margin-bottom: 16px;
        }

        .socials a {
            width: 35px;
            height: 35px;
            border: 2px solid rgba(197, 160, 89, .95);
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            font-size: 17px;
            text-decoration: none;
            background: transparent;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
            transition: all .3s;
        }

        .socials a:hover {
            background: var(--gold);
            border-color: var(--gold);
            color: #fff;
            transform: translateY(-2px);
        }

        .footer-copy {
            color: rgba(255, 255, 255, .68);
            font-family: 'Montserrat-Light';
            font-size: 11px;
            letter-spacing: .06em;
            margin: 0;
        }

        /* Back to top */
        .btt {
            position: fixed;
            width: 42px;
            height: 42px;
            right: 20px;
            bottom: 24px;
            background: var(--gold);
            border: none;
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            z-index: 999;
            box-shadow: 0 10px 22px rgba(197, 160, 89, .28), inset 0 1px 0 rgba(255, 255, 255, .25);
            transition: all .3s;
            opacity: 0;
            visibility: hidden;
        }

        .btt::before {
            content: '';
            position: absolute;
            top: 13px;
            left: 50%;
            width: 20px;
            height: 2px;
            background: #fff;
            border-radius: 999px;
            transform: translateX(-50%);
        }

        .btt.show {
            opacity: 1;
            visibility: visible;
        }

        .btt:hover {
            background: var(--gold-dark);
            transform: translateY(-3px);
        }

        .btt i {
            color: #fff;
            font-size: 24px;
            margin-top: 6px;
        }

        /* ── RESPONSIVE ── */
        @media(max-width:991px) {
            .hero-section {
                min-height: 100vh;
            }

            .hero-body {
                top: 120px;
            }

            .hero-h1 {
                font-size: 36px;
            }

            .hero-play-wrap {
                left: 50%;
                top: 65%;
                transform: translate(-50%, -50%);
            }

            .video-intro {
                min-height: 840px;
                padding: 96px 34px 150px;
                align-items: flex-start;
            }

            .video-body {
                max-width: 420px;
                margin-left: 0;
                padding-top: 42px;
            }

            .video-pre {
                font-size: 50px;
            }

            .video-title-gold {
                font-size: 54px;
            }

            .topics-section {
                padding: 74px 0 0px;
            }

            .topics-h2 {
                font-size: 32px;
                letter-spacing: .08em;
            }

            .topics-line {
                width: 94px;
                height: 5px;
            }

            .topics-slide-layout {
                gap: 28px;
                min-height: auto;
            }

            .topics-row-top,
            .topics-row-bottom {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }

            .topics-row-middle {
                width: 100%;
                margin-top: 0;
            }

            .topic-card {
                min-height: 168px;
                padding-bottom: 20px;
            }

            .topic-label {
                font-size: 12px;
                letter-spacing: .13em;
            }

            .tb-pre {
                font-size: 50px;
            }

            .tb-gold {
                font-size: 54px;
            }

            .tb-line {
                width: 160px;
                height: 6px;
            }

            .tb-topic-pressed {
                font-size: 32px;
                letter-spacing: .08em;
            }

            .init-h2 {
                font-size: 26px;
            }

            .init-line {
                width: 126px;
                height: 6px;
                margin-top: 14px;
            }

            .init-desc {
                font-size: 16px;
                line-height: 2;
                letter-spacing: .12em;
                max-width: 980px;
                margin-bottom: 44px;
            }

            .btn-pill {
                min-width: 280px;
                min-height: 70px;
                padding: 16px 30px;
                font-size: 20px;
            }

            .btn-pill i {
                font-size: 26px;
            }

            .partner-h2 {
                font-size: 28px;
            }

            .partner-line {
                width: 124px;
                height: 6px;
                margin-top: 14px;
            }

            .partner-desc {
                font-size: 16px;
                line-height: 1.95;
                letter-spacing: .1em;
                max-width: 980px;
                margin-bottom: 40px;
            }

            .leaders-h2 {
                font-size: 26px;
            }

            .leaders-line {
                width: 122px;
                height: 6px;
                margin-top: 12px;
            }

            .leaders-sub {
                font-size: 15px;
                line-height: 1.9;
                letter-spacing: .1em;
                max-width: 980px;
                margin-bottom: 38px;
            }



            .leader-name {
                font-size: 14px;
            }

            .leader-role {
                font-size: 9px;
            }

            .leader-text {
                font-size: 10px;
            }

            .news-h2 {
                font-size: 26px;
            }

            .news-line {
                width: 126px;
                height: 6px;
                margin-top: 14px;
            }

            .news-sub {
                font-size: 16px;
                line-height: 1.85;
                letter-spacing: .08em;
                max-width: 980px;
                margin-bottom: 40px;
            }

            .news-card-img img {
                height: 290px;
            }

            .news-title {
                font-size: 12px;
            }

            .news-date {
                font-size: 13px;
            }

            .news-cta {
                margin-top: 40px;
            }

            .news-cta .btn-pill {
                min-width: 280px;
            }

            .ftiles {
                padding: 8px 8px 32px;
            }

            .ftiles .row {
                --bs-gutter-x: 18px;
            }

            .ftiles .ftile {
                min-height: 420px;
            }

            .ftile-body {
                min-height: 260px;
            }

            .ftile-orbit {
                width: 204px;
                height: 204px;
            }

            .ftile-title {
                font-size: 32px;
                letter-spacing: .09em;
            }

            .site-footer {
                padding: 26px 0 14px;
            }

            .socials {
                gap: 12px;
            }

            .socials a {
                width: 38px;
                height: 38px;
                font-size: 16px;
            }

            .btt {
                width: 48px;
                height: 48px;
                right: 20px;
                bottom: 24px;
            }

            .btt::before {
                top: 12px;
                width: 18px;
            }

            .btt i {
                font-size: 22px;
            }

            .mv-section {
                margin-top: 62px;
            }

            .mv-grid {
                gap: 28px;
                max-width: 820px;
            }

            .mv-badge {
                min-width: 164px;
                padding: 9px 28px;
                font-size: 15px;
            }

            .mv-text {
                font-size: 12px;
                max-width: 310px;
            }

            .tb-side,
            .topic-side-nav {
                display: none;
            }

            .video-side-nav {
                left: auto;
                right: 14px;
                top: 50%;
                bottom: auto;
                width: 152px;
                height: 500px;
                display: block;
                padding: 0;
                border: none;
                background: none;
                backdrop-filter: none;
                transform: translateY(-50%) scale(.84);
                transform-origin: center right;
            }

            .vsn-step {
                min-width: var(--node-size);
            }

            .vsn-step-topic,
            .vsn-step-community {
                --node-size: 50px;
            }

            .vsn-label {
                left: calc(100% - 26px);
                top: 50%;
                bottom: auto;
                min-width: 110px;
                padding: 11px 18px 11px 50px;
                border-radius: 0 8px 8px 0;
                background: rgba(142, 144, 147, .9);
                -webkit-mask: radial-gradient(circle 27px at 0 50%, transparent 26px, #000 27px);
                mask: radial-gradient(circle 27px at 0 50%, transparent 26px, #000 27px);
                transform: translate(-8px, -50%);
            }

            .video-intro .scroll-ind {}

            .video-intro .video-side-nav {
                right: 10px;
                width: 140px;
                max-height: 300px;
                height: 300px;
                transform: translateY(-50%);
            }

            .video-intro .vsn-step {
                --node-size: 30px;
                --line-length: 32px;
            }

            .video-intro .vsn-step-topic {
                --node-size: 38px;
            }

            .video-intro .vsn-step-community {
                --node-size: 44px;
            }

            .video-intro .vsn-label {
                left: calc(100% - 20px);
                min-width: 100px;
                padding: 9px 16px 9px 40px;
                font-size: 10px;
                letter-spacing: .18em;
                -webkit-mask: radial-gradient(circle 20px at 0 50%, transparent 19px, #000 20px);
                mask: radial-gradient(circle 20px at 0 50%, transparent 19px, #000 20px);
            }

            .topic-banner .topic-side-nav {
                display: block;
                right: 10px;
                width: 72px;
                max-height: 300px;
                height: 300px;
                top: 50%;
                bottom: auto;
                padding: 0;
                border: none;
                background: none;
                backdrop-filter: none;
                transform: translateY(-50%);
            }

            .topic-banner .vsn-step {
                --node-size: 30px;
                --line-length: 32px;
            }

            .topic-banner .vsn-step-topic {
                --node-size: 38px;
            }

            .topic-banner .vsn-step-community {
                --node-size: 44px;
            }
        }

        @media(max-width:767px) {
            .site-header {
                padding: 14px 20px;
            }

            .site-header::after {
                left: 20px;
                width: calc(100% - 20px);
            }

            .menu-dropdown {
                min-width: 165px;
                right: calc(100% + 4px);
            }

            .menu-wrapper.open .menu-dropdown {
                background: rgba(10, 22, 43, 0.92);
                backdrop-filter: blur(8px);
            }

            .logo-img {
                height: 44px;
            }

            .hero-section {
                padding: 90px 25px 80px;
                min-height: 85vh;
            }

            .hero-body {
                top: 100px;
            }

            .hero-h1 {
                font-size: 28px;
                letter-spacing: 1px;
            }

            .hero-sub {
                font-size: 13px;
            }

            .hero-desc {
                font-size: 13px;
                line-height: 1.6;
            }

            .hero-play-wrap {
                top: 70%;
            }

            body.home-page .hero-play-wrap {
                top: 50% !important;
            }

            body.home-page .hero-video-inline {
                padding: 0 0 28px;
            }

            body.home-page .hero-video-inline video {
                width: 100%;
                height: 100%;
                object-fit: contain;
            }



            .video-intro {
                min-height: 760px;
                padding: 88px 20px 164px;
            }

            .topics-section {
                padding: 62px 0 0px;
            }

            .topics-header {
                margin-bottom: 22px;
            }

            .topics-h2 {
                font-size: 22px;
                letter-spacing: .07em;
                line-height: 1.25;
            }

            .topics-line {
                width: 74px;
                height: 4px;
                margin-top: 12px;
            }

            .topics-swiper {
                padding-bottom: 28px;
            }

            .topics-slide-layout {
                gap: 18px;
            }

            .topics-row-top,
            .topics-row-middle,
            .topics-row-bottom {
                grid-template-columns: repeat(2, 1fr);
                width: 100%;
                gap: 16px;
                margin: 0;
            }

            .topic-card {
                min-height: 140px;
                padding: 10px 4px 16px;
            }

            /* Row 1 & Row 3 have 3 items — center the lone last card */
            .topics-row-top .topic-card:last-child,
            .topics-row-bottom .topic-card:last-child {
                grid-column: 1 / -1;
                width: 50%;
                margin: 0 auto;
            }

            .topic-icon-wrap {
                width: 72px;
                min-height: 60px;
                margin-bottom: 10px;
            }

            .topic-icon-wrap img {
                width: 54px;
            }

            .topic-label {
                font-size: 11px;
                letter-spacing: .12em;
                line-height: 1.38;
            }

            .topic-shadow {
                width: 86px;
                margin-top: 10px;
            }

            .video-body {
                max-width: 300px;
                padding-top: 22px;
            }

            .video-pre {
                font-size: 42px;
            }

            .video-title-gold {
                font-size: 44px;
            }

            .video-gold-line {
                width: 108px;
                height: 6px;
                margin-top: 18px;
            }

            .video-play-wrap {
                top: 52%;
                left: 50%;
                transform: translate(-50%, -50%);
            }

            .video-intro-inline {
                padding: 0 0 18px;
            }

            .video-intro-inline.is-video-mode video {
                object-fit: contain;
            }

            .video-play-wrap .play-circle {
                width: 122px;
                height: 122px;
                border-width: 8px;
            }

            .video-play-wrap .play-circle::before {
                inset: 14px;
            }

            .video-play-wrap .play-circle i {
                font-size: 48px;
                margin-left: 10px;
            }

            .video-intro .video-side-nav {
                left: 50%;
                right: auto;
                top: auto;
                bottom: 16px;
                transform: translateX(-50%);
                gap: 4px;
                padding: 10px 10px 12px;
                width: min(calc(100vw - 20px), 332px);
                height: auto;
                display: flex;
                align-items: center;
                justify-content: center;
                flex-wrap: nowrap;
                overflow-x: hidden;
                overflow-y: visible;
                border-radius: 0;
                background: none;
                border: none;
                backdrop-filter: none;
                box-shadow: none;
                transform-origin: center center;
            }

            .video-intro .vsn-step,
            .video-intro .vsn-step-topic,
            .video-intro .vsn-step-video,
            .video-intro .vsn-step-text,
            .video-intro .vsn-step-help,
            .video-intro .vsn-step-tools,
            .video-intro .vsn-step-community {
                position: relative;
                display: flex;
                flex-direction: column;
                align-items: center;
                gap: 0;
                top: auto;
                left: auto;
                min-width: auto;
                flex: 0 0 auto;
                --line-length: 0;
            }

            .video-intro .vsn-step::after {
                display: none;
            }

            .video-intro .vsn-step-topic,
            .video-intro .vsn-step-community {
                --node-size: 36px;
            }

            .video-intro .vsn-node,
            .video-intro .vsn-step-topic .vsn-node,
            .video-intro .vsn-step-community .vsn-node {
                width: 36px;
                height: 36px;
                font-size: 13px;
                border-width: 2px;
                background: rgba(8, 16, 30, .96);
                box-shadow: none;
            }

            .video-intro .vsn-label {
                position: absolute;
                left: 50%;
                top: calc(100% + 6px);
                opacity: 0;
                visibility: hidden;
                font-size: 8px;
                letter-spacing: .1em;
                min-width: auto;
                padding: 0;
                border-radius: 0;
                background: none;
                -webkit-mask: none;
                mask: none;
                white-space: nowrap;
                box-shadow: none;
                color: rgba(255, 255, 255, .72);
                line-height: 1;
                transform: translate(-50%, 4px);
                transition: opacity .2s ease, transform .2s ease, visibility .2s ease, color .2s ease;
            }

            .video-intro .vsn-step:hover .vsn-label,
            .video-intro .vsn-step:focus-visible .vsn-label,
            .video-intro .vsn-step.is-active .vsn-label {
                opacity: 1;
                visibility: visible;
                color: #ffffff;
                transform: translate(-50%, 0);
            }

            .topic-banner .topic-side-nav {
                display: flex;
                left: 50%;
                right: auto;
                top: auto;
                bottom: 58px;
                transform: translateX(-50%);
                gap: 4px;
                padding: 0;
                width: min(calc(100vw - 20px), 312px);
                height: auto;
                align-items: center;
                justify-content: center;
                flex-wrap: nowrap;
                overflow: visible;
                border: none;
                background: none;
                box-shadow: none;
            }

            .topic-banner .vsn-step,
            .topic-banner .vsn-step-topic,
            .topic-banner .vsn-step-video,
            .topic-banner .vsn-step-text,
            .topic-banner .vsn-step-help,
            .topic-banner .vsn-step-tools,
            .topic-banner .vsn-step-community {
                position: relative;
                top: auto;
                left: auto;
                min-width: auto;
                flex: 0 0 auto;
                --line-length: 0;
            }

            .topic-banner .vsn-step::after {
                display: none;
            }

            .topic-banner .vsn-step-topic,
            .topic-banner .vsn-step-community {
                --node-size: 36px;
            }

            .topic-banner .vsn-node,
            .topic-banner .vsn-step-topic .vsn-node,
            .topic-banner .vsn-step-community .vsn-node {
                width: 36px;
                height: 36px;
                font-size: 13px;
                border-width: 2px;
                background: rgba(8, 14, 26, .96);
                box-shadow: none;
            }

            .topic-banner {
                min-height: 760px;
                padding: 72px 20px 204px;
            }

            .topic-banner-body {
                max-width: 300px;
                margin-left: 14px;
                padding-top: 0;
                margin-top: -18px;
            }

            .tb-pre {
                font-size: 42px;
            }

            .tb-gold {
                font-size: 44px;
            }

            .tb-line {
                width: 108px;
                height: 6px;
                margin-top: 18px;
            }

            .tb-topic-pressed {
                font-size: 22px;
                letter-spacing: .07em;
                line-height: 1.3;
                margin-top: 16px;
            }

            .tb-play-wrap {
                top: 58%;
                left: 50%;
                transform: translate(-50%, -50%);
            }

            .topic-banner .scroll-ind {
                bottom: 14px;
                z-index: 3;
            }

            .tb-play-wrap .play-circle {
                width: 122px;
                height: 122px;
                border-width: 8px;
            }

            .tb-play-wrap .play-circle::before {
                inset: 14px;
            }

            .tb-play-wrap .play-circle i {
                font-size: 48px;
                margin-left: 10px;
            }

            .init-h2 {
                font-size: 24px;
                letter-spacing: 3px;
            }

            .init-line {
                width: 88px;
                height: 5px;
                margin-top: 12px;
            }

            .init-desc {
                font-size: 13px;
                line-height: 1.95;
                letter-spacing: .08em;
                margin-bottom: 34px;
            }

            .btn-pill {
                min-width: 232px;
                min-height: 60px;
                padding: 14px 22px;
                font-size: 16px;
                border-radius: 18px;
            }

            .btn-pill i {
                font-size: 20px;
            }

            .partner-section {
                padding: 86px 0 96px;
            }

            .partner-h2 {
                font-size: 24px;
                letter-spacing: 3px;
            }

            .partner-line {
                width: 88px;
                height: 5px;
                margin-top: 12px;
            }

            .partner-desc {
                font-size: 13px;
                line-height: 1.9;
                letter-spacing: .08em;
                margin-bottom: 34px;
            }

            .leaders-section {
                padding: 84px 0 88px;
            }

            .leaders-h2 {
                font-size: 24px;
                letter-spacing: 3px;
            }

            .leaders-line {
                width: 88px;
                height: 5px;
                margin-top: 12px;
            }

            .leaders-sub {
                font-size: 13px;
                line-height: 1.85;
                letter-spacing: .08em;
                margin-bottom: 32px;
            }

            .leaders-swiper {
                padding-bottom: 44px;
            }



            .leader-copy {
                padding: 0 8px;
            }

            .leader-quote {
                font-size: 100px;
                margin: 20px 0 10px;
            }

            .leader-name {
                font-size: 14px;
            }

            .leader-role {
                font-size: 9px;
                margin-bottom: 14px;
            }

            .leader-text {
                font-size: 10px;
                line-height: 1.6;
            }

            .news-section {
                padding: 84px 0 88px;
            }

            .news-h2 {
                font-size: 24px;
                letter-spacing: 3px;
            }

            .news-line {
                width: 88px;
                height: 5px;
                margin-top: 12px;
            }

            .news-sub {
                font-size: 13px;
                line-height: 1.8;
                letter-spacing: .08em;
                margin-bottom: 32px;
            }

            .news-grid {
                --bs-gutter-x: 0;
                --bs-gutter-y: 26px;
            }

            .news-card-img img {
                height: 220px;
            }

            .news-title {
                font-size: 11px;
                line-height: 1.5;
            }

            .news-date {
                font-size: 12px;
            }

            .news-cta {
                margin-top: 34px;
            }

            .news-cta .btn-pill {
                min-width: 232px;
            }

            .mv-section {
                margin-top: 44px;
            }

            .mv-grid {
                grid-template-columns: 1fr;
                gap: 34px;
                max-width: 420px;
            }

            .mv-media {
                aspect-ratio: 1 / 1.04;
            }

            .mv-inner {
                margin-top: -12px;
            }

            .mv-badge {
                min-width: 152px;
                padding: 9px 24px;
                font-size: 14px;
            }

            .mv-text {
                font-size: 12px;
                line-height: 1.5;
                max-width: 290px;
            }

            .ftiles {
                padding: 6px 6px 24px;
            }

            .ftiles .row {
                --bs-gutter-x: 0;
                --bs-gutter-y: 12px;
            }

            .ftiles .ftile {
                min-height: 300px;
            }

            .ftile-body {
                min-height: 180px;
            }

            .ftile-orbit {
                width: 154px;
                height: 154px;
            }

            .ftile-title {
                font-size: 24px;
                letter-spacing: .08em;
            }

            .site-footer {
                padding: 22px 0 12px;
            }

            .socials {
                gap: 10px;
                margin-bottom: 14px;
            }

            .socials a {
                width: 36px;
                height: 36px;
                font-size: 15px;
                border-radius: 9px;
            }

            .footer-copy {
                font-size: 10px;
                padding: 0 14px;
            }

            .btt {
                width: 46px;
                height: 46px;
                right: 16px;
                bottom: 37px;
            }

            .btt::before {
                top: 11px;
                width: 17px;
            }

            .btt i {
                font-size: 20px;
                margin-top: 5px;
            }


        }

        @media (max-width:420px) {
            .video-intro {
                padding-bottom: 158px;
            }

            .video-intro .video-side-nav {
                width: calc(100vw - 16px);
                bottom: 90px;
                gap: 4px;
                padding: 9px 8px 11px;
            }

            .video-intro .vsn-step,
            .video-intro .vsn-step-topic,
            .video-intro .vsn-step-community {
                --node-size: 34px;
            }

            .video-intro .vsn-node,
            .video-intro .vsn-step-topic .vsn-node,
            .video-intro .vsn-step-community .vsn-node {
                width: 34px;
                height: 34px;
                font-size: 12px;
            }

            .video-intro .vsn-label {
                font-size: 7px;
            }

            .topic-banner .topic-side-nav {
                width: calc(100vw - 16px);
                bottom: 105px;
                gap: 4px;
            }

            .topic-banner .vsn-step,
            .topic-banner .vsn-step-topic,
            .topic-banner .vsn-step-community {
                --node-size: 34px;
            }

            .topic-banner .vsn-node,
            .topic-banner .vsn-step-topic .vsn-node,
            .topic-banner .vsn-step-community .vsn-node {
                width: 34px;
                height: 34px;
                font-size: 12px;
            }

            .topic-banner {
                padding-bottom: 194px;
            }

            .topic-banner-body {
                margin-top: -172px;
            }

            .topic-banner .scroll-ind {
                bottom: 12px;
            }
        }

        .ftile-count {
            font-size: 0.45em;
            font-weight: 300;
            opacity: 0.8;
            top: -1em;
            margin-left: 4px;
        }

        /* ==================== Core Value Section ==================== */
        .core-value-section {
            position: relative;
            padding: 25px 20px 200px;
            color: #ffffff;
            background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.429)), url(../images/core-value.png);
            background-blend-mode: normal, luminosity;
            background-position: top center;
            background-size: cover;
            background-repeat: no-repeat;
            background-color: #252C38;
        }

        .core-value-section::before {}

        .core-value-container {
            max-width: 1460px;
            margin: 0 auto;
            position: relative;
            z-index: 2;
        }

        .core-value-title {
            margin: 0;
            color: #ffffff;
            font-family: 'Montserrat-Medium';
            font-size: 35px;
            font-weight: 500;
            text-transform: uppercase;
            text-align: center;
            letter-spacing: .1em;
        }

        .core-value-line {
            width: 100px;
            height: 6px;
            margin: 7px auto 45px;
            background: var(--gold);
        }

        .core-value-content {
            max-width: 1255px;
            margin: 0 auto;
            color: rgba(255, 255, 255, 0.80);
            font-family: 'Montserrat-Light';
            font-size: 19px;
            line-height: 1.2;
            letter-spacing: 0.05em;
            font-weight: 300;
        }

        .core-value-content p {
            margin-bottom: 0;
        }

        .about-page .about-page-description,
        .about-page .about-page-description p,
        .about-page .about-page-description li,
        .about-page .about-page-description div {
            text-align: justify;
            text-align-last: left;
            text-justify: inter-word;
        }

        .about-page .about-page-description {
            max-width: 1300px;
            margin-left: auto;
            margin-right: auto;
        }

        .core-value-list {
            margin-top: 20px;
            margin-bottom: 20px;
        }

        .core-value-list p {
            margin-bottom: 5px;
        }

        @media (max-width: 991px) {
            .core-value-section {
                background-size: cover;
                padding: 65px 24px 75px;
            }

            .core-value-title {
                font-size: 28pt;
                letter-spacing: 0.16em;
            }

            .core-value-content {
                font-size: 16pt;
            }
        }

        @media (max-width: 767px) {

            .core-value-title {
                font-size: 22pt;
            }

            .core-value-content {
                font-size: 14pt;
            }
        }

        @media (max-width: 480px) {
            .core-value-title {
                font-size: 18pt;
            }

            .core-value-content {
                font-size: 12pt;
            }
        }

        /* ==================== Global Structural Formula Section ==================== */
        .global-formula-section {
            position: relative;
            padding: 0;
            background: #ffffff;
        }

        .global-formula-top {
            padding: 85px 20px 0;
        }

        .global-formula-clusters-bg {
            padding: 40px 20px 95px;
            background: url('../images/GLOBAL-shap.png') center top / cover no-repeat;
        }

        .global-formula-container {
            max-width: 1460px;
            margin: 0 auto;
            position: relative;
            z-index: 2;
        }

        .global-formula-title {
            margin: 0;
            color: #000000;
            font-family: 'Montserrat-Medium', sans-serif;
            font-size: 35px;
            font-weight: 500;
            text-transform: uppercase;
            text-align: center;
            letter-spacing: .1em;
        }

        .global-formula-line {
            width: 100px;
            height: 6px;
            margin: 15px auto 40px;
            background: var(--gold);
        }

        .global-formula-intro {
            max-width: 880px;
            margin: 0 auto 40px;
            text-align: center;
            color: rgba(0, 0, 0, 1);
            font-family: 'Montserrat-Light';
            font-size: 22px;
            line-height: 1.6;
            letter-spacing: 0.05em;
            font-weight: 300;
        }

        .global-formula-content {
            max-width: 1300px;
            margin: 0 auto;
            color: rgba(0, 0, 0, 1);
            font-family: 'Montserrat-Light';
            font-size: 19px;
            line-height: 1.4;
            letter-spacing: 0.03em;
            font-weight: 300;
        }

        .global-formula-content p {
            margin-bottom: 25px;
        }

        .global-formula-list {
            margin-top: -15px;
        }

        .global-formula-list p {
            margin-bottom: 5px;
        }

        @media (max-width: 991px) {
            .global-formula-section {
                padding: 60px 24px;
            }

            .global-formula-title {
                font-size: 28pt;
            }

            .global-formula-intro {
                font-size: 18pt;
            }

            .global-formula-content {
                font-size: 16pt;
            }
        }

        @media (max-width: 767px) {
            .global-formula-title {
                font-size: 22pt;
            }

            .global-formula-intro {
                font-size: 15pt;
            }

            .global-formula-content {
                font-size: 14pt;
            }
        }

        @media (max-width: 480px) {
            .global-formula-title {
                font-size: 18pt;
            }

            .global-formula-intro {
                font-size: 13pt;
            }

            .global-formula-content {
                font-size: 12pt;
            }
        }

        /* Clusters */
        .clusters-container {
            max-width: 1320px;
            margin: 60px auto 0;
            display: flex;
            flex-direction: column;
            gap: 40px;
        }

        .cluster-row {
            display: flex;
            align-items: stretch;
            gap: 40px;
        }

        .cluster-logo {
            flex: 0 0 240px;
            display: flex;
            align-items: center;
            justify-content: center;
            padding-right: 15px;
        }

        .cluster-logo img {
            max-width: 100%;
            height: auto;
            object-fit: contain;
        }

        .cluster-line {
            width: 3px;
            background: var(--gold);
            flex-shrink: 0;
            border-radius: 2px;
        }

        .cluster-text {
            color: rgba(0, 0, 0, 1);
            font-family: 'Montserrat-Light';
            font-size: 19px;
            line-height: 1.4;
            letter-spacing: 0.03em;
            font-weight: 300;
            padding-top: 10px;
            padding-bottom: 10px;
            flex: 1;
        }

        .cluster-title-spaced {
            margin-top: 60px;
        }

        @media (max-width: 767px) {
            .global-formula-clusters-bg {
                padding: 35px 18px 65px;
            }

            .clusters-container {
                margin-top: 35px;
                gap: 34px;
            }

            .cluster-row {
                flex-direction: column;
                align-items: center;
                gap: 16px;
            }

            .cluster-logo {
                flex: 0 1 auto;
                width: 100%;
                padding-right: 0;
            }

            .cluster-logo img {
                width: min(260px, 82vw);
                max-width: 100%;
            }

            .cluster-line {
                width: 110px;
                height: 4px;
            }

            .cluster-text {
                width: 100%;
                padding-top: 0;
                padding-bottom: 0;
                font-size: 14pt;
                text-align: center;
            }
        }

        .advisory-board-section {
            min-height: 800px;
            position: relative;
            overflow: visible;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: flex-start;
            padding: 100px 20px 0;
            background: url('../images/BOARD.jpg') center top / cover no-repeat;
            text-align: center;
            color: #ffffff;
        }

        /* Advisory Cards area */
        .advisory-cards-wrapper {
            width: 100%;
            max-width: none;
            margin: -135px auto 0;
            background: linear-gradient(to bottom, transparent 0 135px, #EDEFF4 135px 100%);
            position: relative;
            z-index: 10;
        }

        .advisory-cards-container {
            max-width: 1000px;
            margin: 0 auto;
            display: flex;
            justify-content: center;
            gap: 0px;
        }

        .advisory-card {
            background: #EDEFF4;
            /* Match wrapper background as requested */
            flex: 0 1 500px;
            max-width: 500px;
            padding: 40px;
            display: flex;
            flex-direction: column;
            box-shadow: none;
            /* Removed shadow as requested */
        }

        .member-img-box {
            width: 100%;
            height: 450px;
            /* Fixed height for consistency */
            margin-bottom: 30px;
            overflow: hidden;
            display: block;
            /* Simpler for image fill */
            background: #ccc;
            /* Fallback */
        }

        .member-img-box img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: top;
            /* Ensure faces are not cut off at the top */
            filter: grayscale(100%);
            display: block;
        }

        .member-info-box {
            position: relative;
            padding-right: 90px;
            text-align: left;
        }

        .member-name {
            font-family: 'Montserrat-Regular';
            font-size: 19px;
            height: 47.5px;
            /* Smaller name size as requested */
            color: #222;
            margin: 0 0 5px;
            line-height: 1.25;
            font-weight: 500;
        }

        .member-gold-line {
            width: 100%;
            /* Line should span more as in design */
            max-width: 380px;
            height: 4px;
            background: var(--gold);
            margin: 2px 0 2px;
        }

        .member-summary {
            font-family: 'Montserrat-Light';
            font-size: 15px;
            color: #555;
            line-height: 1.5;
            margin: 0;
            font-weight: 300;
        }

        .member-linkedin {
            position: absolute;
            right: 0;
            top: -110px;
            /* Moved up as requested */
            width: 65px;
            transition: transform 0.3s ease;
        }

        .member-linkedin:hover {
            transform: translateY(-5px);
        }

        .member-linkedin img {
            width: 100%;
            height: auto;
        }

        .regional-board-section {
            background: #EDEFF4;
            padding: 70px 20px 95px;
            position: relative;
            overflow: hidden;
        }

        .regional-board-section::after {
            content: "";
            position: absolute;
            right: 0;
            bottom: 0;
            width: 600px;
            height: 700px;
            background: url('../images/NET-about-s.png') right bottom / contain no-repeat;
            pointer-events: none;
            z-index: 0;
        }

        .regional-board-container {
            width: min(100%, 1380px);
            margin: 0 auto;
            position: relative;
            z-index: 1;
        }

        .regional-board-title {
            margin: 0 0 34px;
            color: #111111;
            font-family: 'Montserrat-Medium';
            font-size: 44px;
            font-weight: 400;
            line-height: 1.2;
            letter-spacing: 0.15em;
            text-align: center;
            text-transform: uppercase;
        }

        .regional-advisory-cards {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 32px;
        }

        .regional-advisory-card {
            max-width: none;
            padding: 0;
            flex: none;
        }

        .regional-member-img-box {
            height: 530px;
            margin-bottom: 25px;
        }

        .regional-member-info-box {
            padding: 0 82px 0 16px;
        }

        @media (max-width: 1199px) {
            .advisory-cards-container {
                padding: 0 0px;
            }

            .regional-board-container {
                width: min(100%, 1100px);
            }

            .regional-board-title {
                font-size: 36px;
            }

            .regional-advisory-cards {
                gap: 26px;
            }

            .regional-member-img-box {
                height: 430px;
            }

            .member-name {
                font-size: 19px;
            }

            .member-summary {
                font-size: 15px;
            }
        }

        @media (max-width: 991px) {
            .advisory-board-section {
                padding-bottom: 220px;
            }

            .advisory-cards-container {
                flex-direction: column;
                align-items: center;
                margin-top: 85px;
            }

            .advisory-card {
                max-width: 500px;
                padding: 30px;
            }

            .regional-board-section {
                padding: 60px 20px 80px;
            }

            .regional-advisory-cards {
                grid-template-columns: 1fr;
                max-width: 500px;
                margin: 0 auto;
            }

            .regional-advisory-card {
                max-width: 500px;
                padding: 0;
            }

            .regional-member-img-box {
                height: 450px;
            }

            .regional-member-info-box {
                padding: 0 82px 25px 16px;
            }

            .member-gold-line {
                width: 150px;
            }
        }

        @media (max-width: 575px) {
            .regional-board-section {
                padding: 45px 18px 65px;
            }

            .regional-board-title {
                font-size: 24px;
                letter-spacing: 0.12em;
            }

            .regional-member-img-box {
                height: 320px;
            }

            .regional-member-info-box {
                padding: 0;
            }

            .member-info-box {
                padding-right: 0;
                text-align: center;
            }

            .member-linkedin {
                position: absolute;
                right: -21px;
                top: -80px;
                /* Moved up as requested */
                width: 65px;
                transition: transform 0.3s ease;
            }

            .member-linkedin img {
                width: 64%;
                height: auto;
            }

            .member-gold-line {
                margin: 1px auto;
            }

            .member-name {
                font-size: 19px;
            }
        }

        .advisory-board-section::before {
            content: "";
            position: absolute;
            inset: 0;
            background: transparent;
            /* Removed shadow overlay as requested */
            z-index: 1;
        }

        .advisory-board-content {
            width: min(100%, 1520px);
            position: relative;
            z-index: 2;
        }

        .advisory-board-title {
            margin: 0;
            color: #ffffff;
            font-family: 'Montserrat-Medium', sans-serif;
            font-size: 35px;
            font-weight: 500;
            text-transform: uppercase;
            letter-spacing: .1em;
            position: relative;
            z-index: 1;
        }

        .advisory-board-line {
            width: 100px;
            height: 6px;
            margin: 20px auto 40px;
            background: var(--gold);
        }

        .advisory-board-text {
            max-width: 900px;
            margin: 0 auto;
            color: rgba(255, 255, 255, 0.85);
            font-family: 'Montserrat-Light', sans-serif;
            font-size: 20px;
            font-weight: 300;
            line-height: 1.75;
            letter-spacing: 0.1em;
        }

        @media (max-width: 991px) {
            .advisory-board-section {
                padding: 60px 20px 40px;
                min-height: 550px;
            }

            .advisory-board-title {
                font-size: 28px;
            }

            .advisory-board-text {
                font-size: 18px;
            }

            .member-img-box {
                height: 350px;
                /* Scaled down for tablet */
            }
        }

        @media (max-width: 767px) {
            .advisory-board-title {
                font-size: 22px;
            }

            .advisory-board-text {
                font-size: 16px;
            }

            .member-img-box {
                height: 300px;
                /* Scaled down for mobile */
            }
        }

        /* ── PROGRAM DETAILS PAGE ── */

        /* Hero */
        .pd-hero-section {
            position: relative;
            min-height: 25vh;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
            background: linear-gradient(180deg, #18191b 0%, #303338 40%, #c4cad2 100%);
        }

        .pd-hero-overlay {
            display: none;
        }

        .pd-hero-body {
            position: relative;
            z-index: 2;
            text-align: center;
            padding: 130px 30px 14px;
        }

        .pd-hero-title {
            font-family: 'Montserrat-Medium';
            font-size: 36px;
            font-weight: 500;
            color: #ffffff;
            letter-spacing: 0.18em;
            text-transform: uppercase;
            margin: 0 0 10px;
        }

        .pd-hero-line {
            width: 130px;
            height: 5px;
            background: var(--gold, #CD9F26);
            margin: 0 auto;
        }

        /* Content section */
        .pd-content-section {
            background-color: #EDEFF4;
            padding: 80px 20px 100px;
        }

        .pd-content-container {
            max-width: 1320px;
            margin: 0 auto;
            display: flex;
            flex-direction: column;
            gap: 70px;
        }

        /* Each row: image | gold-line | text */
        .pd-cluster-row {
            display: flex;
            align-items: stretch;
            gap: 20px;
        }

        .pd-cluster-img {
            flex: 0 0 160px;
            display: flex-start;
            align-items: center;
            justify-content: center;
            padding-top: 4px;
        }

        .pd-cluster-img img {
            width: 150px;
            object-fit: cover;
            border-radius: 2px;
            display: block;
        }

        .pd-cluster-line {
            width: 7px;
            background: var(--gold, #CD9F26);
            flex-shrink: 0;
            border-radius: 2px;
            min-height: 100%;
        }

        .pd-cluster-text {
            flex: 1;
            color: rgba(0, 0, 0, 1);
            font-family: 'Montserrat-Light';
            font-size: 20px;
            line-height: 1.25;
            letter-spacing: 0.045em;
            font-weight: 300;
            padding: 0 0 10px;
        }

        .pd-cluster-title {
            font-family: 'Montserrat-Bold';
            font-size: 16px;
            font-weight: 700;
            letter-spacing: 0.12em;
            text-transform: uppercase;
            color: #111111;
            margin-bottom: 16px;
        }

        .pd-cluster-subtitle {
            color: #6b737d;
            font-family: 'Montserrat-Medium';
            font-size: 14px;
            font-weight: 500;
            letter-spacing: 0.12em;
            text-transform: uppercase;
            margin-bottom: 18px;
        }

        .pd-cluster-text p {
            margin-bottom: 20px;
        }

        .pd-cluster-text p:last-child {
            margin-bottom: 0;
        }

        .pd-closing-line {
            font-family: 'Montserrat-Medium', sans-serif;
            font-size: 17px;
            font-style: italic;
            color: #333;
            letter-spacing: 0.04em;
        }

        /* Responsive */
        @media (max-width: 991px) {
            .pd-hero-title {
                font-size: 34px;
                letter-spacing: 0.1em;
            }

            .pd-cluster-img {
                flex: 0 0 120px;
            }

            .pd-cluster-img img {
                width: 100px;
                height: 100px;
            }

            .pd-cluster-text {
                font-size: 16px;
            }
        }

        @media (max-width: 767px) {
            .pd-hero-title {
                font-size: 24px;
                letter-spacing: 0.06em;
            }

            .pd-hero-section {
                min-height: 50vh;
            }

            .pd-content-section {
                padding: 55px 18px 70px;
            }

            .pd-content-container {
                gap: 50px;
            }

            .pd-cluster-row {
                flex-direction: column;
                align-items: center;
                gap: 18px;
            }

            .pd-cluster-img {
                display: flex;
                flex: 0 1 auto;
                width: 100%;
                justify-content: center;
            }

            .pd-cluster-img img {
                width: min(160px, 60vw);
                height: auto;
                aspect-ratio: 1;
            }

            .pd-cluster-line {
                width: 110px;
                height: 4px;
                min-height: unset;
            }

            .pd-cluster-text {
                width: 100%;
                text-align: center;
                font-size: 15px;
            }

            .pd-cluster-title {
                text-align: center;
            }
        }

        @media (max-width: 480px) {
            .pd-hero-title {
                font-size: 20px;
            }

            .pd-cluster-text {
                font-size: 14px;
            }
        }

        /* ── PARTNER PAGE ── */
        .partner-section {
            background-color: #252C38;
            background-image:
                linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
                url('../images/partner.png');
            background-blend-mode: normal, luminosity;
            background-position: center top;
            background-size: 130%;
            background-repeat: no-repeat;
            min-height: 90vh;
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            padding-top: 80px;

        }

        body.partner-page .partner-section {
            align-items: flex-start;
            padding: 150px 20px 80px;
        }

        body.partner-page .partner-section .initiative-container {
            top: 0;
        }

        .partner-section::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 185px;
            background: linear-gradient(to bottom,
                    rgba(0, 0, 0, 0.98) 0%,
                    rgba(0, 0, 0, 0.92) 15%,
                    rgba(0, 0, 0, 0.72) 45%,
                    rgba(0, 0, 0, 0.35) 72%,
                    rgba(0, 0, 0, 0) 100%);
            pointer-events: none;
            z-index: 1;
        }

        .partner-section::after {
            content: '';
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            height: 170px;
            background: linear-gradient(to bottom,
                    rgba(0, 0, 0, 0) 0%,
                    rgba(0, 0, 0, 0.20) 20%,
                    rgba(0, 0, 0, 0.55) 45%,
                    rgba(0, 0, 0, 0.88) 75%,
                    rgba(0, 0, 0, 1) 100%);
            pointer-events: none;
            z-index: 1;
        }

        .partner-hero-text {
            color: #ffffff;
            font-family: 'Montserrat-Light', sans-serif;
            font-size: 22px;
            line-height: 2;
            text-align: center;
            letter-spacing: 0.15em;
            margin: 0 auto;
            font-weight: 300;
        }

        @media (max-width: 991px) {
            .partner-hero-text {
                font-size: 16px;
                line-height: 1.8;
                letter-spacing: 0.1em;
            }
        }

        /* PRODUCTS PAGE */
        .products-page .products-section {
            background-color: #05080e;
            background-repeat: no-repeat;
            background-position: center center;
            background-size: cover !important;
            min-height: 90svh;
            overflow: hidden;
            position: relative;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: flex-start;
            padding: clamp(124px, 16vh, 176px) 0 clamp(54px, 8vh, 92px);
        }

        .products-page .products-section::before {
            height: 190px;
            background: linear-gradient(to bottom,
                    rgba(0, 0, 0, 1) 0%,
                    rgba(0, 0, 0, 0.96) 22%,
                    rgba(0, 0, 0, 0.72) 56%,
                    rgba(0, 0, 0, 0) 100%);
        }

        .products-page .products-section::after {
            height: 190px;
            background: linear-gradient(to bottom,
                    rgba(0, 0, 0, 0) 0%,
                    rgba(0, 0, 0, 0.2) 18%,
                    rgba(0, 0, 0, 0.64) 62%,
                    rgba(0, 0, 0, 0.92) 100%);
        }

        .products-hero-title {
            position: relative;
            z-index: 2;
            top: auto;
            margin: 0 auto;
        }

        .products-page .initiative-container {
            top: 0;
        }

        .products-page .initiative-title {
            letter-spacing: 0.22em;
            font-size: 36px;
            text-shadow: 0 12px 28px rgba(0, 0, 0, 0.42);
        }

        .products-page .initiative-line {
            box-shadow: 0 8px 28px rgba(197, 160, 89, 0.22);
        }

        .products-list {
            position: relative;
            left: auto;
            right: auto;
            bottom: auto;
            z-index: 2;
            display: flex;
            justify-content: center;
            gap: clamp(18px, 3vw, 62px);
            align-items: end;
            width: min(1320px, calc(100% - 56px));
            margin: auto auto 0;
        }

        .product-link {
            position: relative;
            display: block;
            min-height: 36px;
            padding-bottom: 18px;
            color: #ffffff;
            font-family: 'Montserrat-Bold';
            font-size: clamp(16px, 1.38vw, 26px);
            font-weight: 700;
            line-height: 1.1;
            letter-spacing: 0.08em;
            text-align: center;
            text-decoration: none;
            white-space: nowrap;
            text-shadow: 0 5px 20px rgba(0, 0, 0, 0.85);
            transition: color .25s ease, transform .25s ease;
        }

        .product-link::after {
            content: '';
            position: absolute;
            left: 50%;
            bottom: 0;
            width: 120px;
            height: 7px;
            background: var(--gold);
            box-shadow: 0 8px 24px rgba(197, 160, 89, 0.28);
            transition: transform .25s ease, background-color .25s ease;
            transform-origin: center;
            transform: translateX(-50%);
        }

        .product-link:hover,
        .product-link:focus {
            color: var(--gold);
            transform: translateY(-3px);
        }

        .product-link:hover::after,
        .product-link:focus::after {
            transform: translateX(-50%) scaleX(0.82);
            background: #d2ad2e;
        }

        .product-link sup {
            top: -0.45em;
            font-size: 42%;
            letter-spacing: 0;
        }

        @media (max-width: 1199px) {
            .products-list {
                width: calc(100% - 88px);
                gap: 20px;
            }


            .product-link {
                font-size: 15px;
                letter-spacing: 0.06em;
            }
        }

        @media (max-width: 991px) {
            .products-page .products-section {
                min-height: 100svh;
                padding: 132px 0 42px;
                background-position: top center;
                 background-size: cover!important;
            }

            .products-page .initiative-title {
                font-size: 34px;
                letter-spacing: 0.16em;
            }

            .products-hero-title {
                transform: none;
            }

            .products-list {
                display: grid;
                grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
                width: min(720px, calc(100% - 40px));
                gap: 18px 20px;
                justify-content: center;
            }

            .product-link {
                min-height: 42px;
                padding-bottom: 14px;
                font-size: 15px;
                white-space: normal;
            }
        }

        @media (max-width: 575px) {
            .products-page .products-section {
                min-height: 100svh;
                background-position: center top;
                padding: 118px 0 40px;

            }

            .products-page .products-section::after {
                height: 150px;
            }

            .products-page .initiative-title {
                font-size: 28px;
                letter-spacing: 0.12em;
            }

            .products-page .initiative-line {
                width: 118px;
                height: 6px;
            }

            .products-hero-title {
                width: 100%;
                transform: none;
            }

            .products-list {
                width: min(360px, calc(100% - 28px));
                grid-template-columns: repeat(3, minmax(0, 1fr));
                gap: 14px 12px;
            }

            .product-link {
                min-height: 34px;
                padding-bottom: 10px;
                font-size: 11.5px;
                letter-spacing: 0.03em;
            }

            .product-link::after {
                width: 78px;
                height: 5px;
            }
        }

        @media (max-width: 375px) {
            .products-list {
                width: min(320px, calc(100% - 28px));
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 16px 18px;
            }

            .product-link {
                min-height: 40px;
                padding-bottom: 12px;
                font-size: 13px;
            }
        }

        .products-page .partner-contact-section {
            background: #EEF0F4;
            margin-top: 0;
            padding: 80px 0 95px;
            z-index: 2;
        }

        .products-page .partner-contact-section .container {
            max-width: none;
            padding-left: 10px;
            padding-right: 34px;
        }

        .products-page .partner-contact-section .col-lg-5 {
            flex: 0 0 auto;
            width: 34%;
        }

        .products-page .partner-contact-section .col-lg-7 {
            flex: 0 0 auto;
            width: 66%;
        }

        .products-page .partner-contact-section .contact-event-img {
            min-height: 382px;
            max-height: 382px;
            border-radius: 0;
            box-shadow: none;
        }

        .products-page .partner-contact-section .question-title {
            font-size: 24px;
            margin-bottom: 10px;
        }

        .products-page .partner-contact-section .question-line {
            height: 4px;
            margin-bottom: 8px;
        }

        .products-page .partner-contact-section .question-desc {
            margin-bottom: 30px;
            font-size: 17px;
            font-weight: 400;
            line-height: 1.15;
            letter-spacing: 0.18em;
        }

        .products-page .partner-contact-section input.question-form-control {
            padding: 5px 38px;
            min-height: 30px;
            border-radius: 10px;
        }

        .products-page .partner-contact-section textarea.question-form-control {
            min-height: 158px;
            padding: 13px 14px;
            border-radius: 10px;
        }

        .products-page .partner-contact-section .question-submit-btn {
            padding: 5px 16px;
            margin-top: -5px;
            border-radius: 10px;
        }

        @media (max-width: 991px) {
            .products-page .partner-contact-section {
                padding: 58px 0 72px;
            }

            .products-page .partner-contact-section .container {
                padding-left: 18px;
                padding-right: 18px;
            }

            .products-page .partner-contact-section .col-lg-5,
            .products-page .partner-contact-section .col-lg-7 {
                width: 100%;
            }

            .products-page .partner-contact-section .contact-event-img {
                min-height: 320px;
                max-height: 320px;
            }

            .products-page .partner-contact-section .question-desc {
                font-size: 19px;
                letter-spacing: 0.1em;
            }
        }

        @media (max-width: 575px) {
            .products-page .partner-contact-section {
                padding: 42px 0 58px;
            }

            .products-page .partner-contact-section .contact-event-img {
                min-height: 240px;
                max-height: 240px;
            }

            .products-page .partner-contact-section .question-title {
                font-size: 22px;
            }

            .products-page .partner-contact-section .question-desc {
                font-size: 16px;
                letter-spacing: 0.04em;
                line-height: 1.45;
            }
        }

        .partner-info-section {
            padding: 50px 0px;
            background-color: #EDEFF4;
            text-align: center;
        }

        .partner-info-container {
            max-width: 1256px;
            margin: 0 auto;
        }

        .partner-info-text {
            margin-bottom: 0px;
            text-align: left;
            display: inline-block;
        }

        .partner-info-text p {
            font-family: 'Montserrat-Light';
            color: #333333;
            font-size: 20px;
            line-height: 1.7;
            letter-spacing: 0.05em;
            font-weight: 300;
            margin: 0 0 16px;
            text-align: justify;
            text-justify: inter-word;
            hyphens: auto;
        }

        .partner-info-text p strong {
            font-family: 'Montserrat-SemiBold';
            font-weight: 700;
            color: #111111;
        }

        @media (max-width: 991px) {
            .partner-info-text p {
            font-family: 'Montserrat-Light';
            color: #333333;
            font-size: 20px;
            line-height: 1.7;
            letter-spacing: 0.05em;
            font-weight: 300;
            margin: 0 0 16px;
            text-align: justify;
            text-justify: inter-word;
            hyphens: auto;
        }
        }

        /* ── PARTNER CLUSTER CONTENT ── */
        .pt-content-container {
            max-width: 1400px;
            width: 100%;
            margin: 0 auto;
            display: flex;
            flex-direction: column;
            gap: 50px;
            padding: 60px 0px 20px;
        }

        .pt-cluster-row {
            display: flex;
            align-items: stretch;
            gap: 30px;
            text-align: left;
        }

        .pt-cluster-left {
            flex: 0 0 340px;
            display: flex;
            align-items: center;
            justify-content: flex-start;
            padding-top: 4px;
        }

        .pt-cluster-title {
            font-family: 'Montserrat-Medium';
            font-size: 28px;
            font-weight: 500;
            letter-spacing: 0.05em;
            text-transform: uppercase;
            color: #111111;
            margin: 0;
            line-height: 1.35;
        }

        .pt-cluster-gold {
            color: var(--gold, #CD9F26);
        }

        .pt-cluster-line {
            width: 5px;
            background: var(--gold, #CD9F26);
            flex-shrink: 0;
            border-radius: 2px;
            min-height: 100%;
        }

        .pt-cluster-text {
            flex: 1;
            color: #000000;
            font-family: 'Montserrat-Light';
            font-size: 20px;
            line-height: 1.6;
            letter-spacing: 0.06em;
            font-weight: 400;
            padding: 0 0 10px;
            text-align: justify;
            text-justify: inter-word;
            hyphens: auto;
        }

        .pt-cluster-text p {
            margin-bottom: 20px;
        }

        .pt-cluster-text p:last-child {
            margin-bottom: 0;
        }

        @media (max-width: 991px) {
            .pt-content-container {
                gap: 40px;
                padding: 40px 18px 20px;
            }

            .pt-cluster-row {
                flex-direction: column;
                align-items: center;
                gap: 18px;
            }

            .pt-cluster-left {
                flex: 0 1 auto;
                width: 100%;
                justify-content: center;
                text-align: center;
                padding-top: 0;
            }

            .pt-cluster-title {
                text-align: center;
                font-size: 22px;
            }

            .pt-cluster-line {
                width: 110px;
                height: 4px;
                min-height: unset;
            }

            .pt-cluster-text {
                width: 100%;
                text-align: center;
                font-size: 16px;
                text-align: left;
            }
        }

        @media (max-width: 480px) {
            .pt-cluster-title {
                font-size: 18px;
            }

            .pt-cluster-text {
                font-size: 15px;
            }
        }

        /* ── PARTNER FIND OUT SECTION ── */
        .partner-find-out-section {
            position: relative;
            overflow: hidden;
            display: flex;
            align-items: flex-start;
            justify-content: center;
            padding: 85px 20px 130px;
            background-image:
                linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
                url('../images/a-pen-.jpg');
            background-blend-mode: normal, luminosity;
            background-position: center top;
            background-size: 100%;
            background-repeat: no-repeat;
            min-height: 85vh;
            background-color: #252C38;
            text-align: center;
            color: #ffffff;
        }



        .partner-find-out-content {
            width: min(100%, 1520px);
            position: relative;
            z-index: 2;
        }

        .partner-find-out-title {
            margin: 0;
            color: #ffffff;
            font-family: 'Montserrat-Medium';
            font-size: 36px;
            font-weight: 500;
            text-transform: uppercase;
            letter-spacing: .1em;
            position: relative;
            z-index: 1;
        }

        .partner-find-out-line {
            width: 150px;
            height: 6px;
            margin: 20px auto 40px;
            background: var(--gold, #CD9F26);
        }

        .partner-find-out-text {
            max-width: 1255px;
            margin: 0 auto;
            color: rgb(255, 255, 255);
            font-family: 'Montserrat-Light';
            font-size: 20px;
            font-weight: 300;
            line-height: 1.75;
            letter-spacing: 0.15em;
        }

        @media (max-width: 991px) {
            .partner-find-out-section {
                min-height: 680px;
                padding: 72px 24px 118px;
             }

            .partner-find-out-title {
                font-size: 28pt;
                letter-spacing: 0.16em;
            }

            .partner-find-out-line {
                width: 132px;
                margin: 18px auto 34px;
            }

            .partner-find-out-text {
                font-size: 16pt;
                letter-spacing: 0.09em;
                line-height: 1.65;
            }
        }

        @media (max-width: 767px) {
            .partner-find-out-section {
                background-size: cover;

                min-height: 620px;
                padding: 58px 18px 110px;
            }

            .partner-find-out-title {
                font-size: 22pt;
                letter-spacing: 0.1em;
            }

            .partner-find-out-text {
                font-size: 13.5pt;
                letter-spacing: 0.045em;
                line-height: 1.6;
            }

            .partner-section {
                background-size: cover;
                min-height: 60vh;
            }
        }

        @media (max-width: 480px) {
            .partner-find-out-title {
                font-size: 18px;
                letter-spacing: 0.08em;
            }

            .partner-find-out-line {
                width: 110px;
            }

            .partner-find-out-text {
                font-size: 12pt;
                letter-spacing: 0.02em;
            }
        }

        /* ── PARTNER COMMITTEES SECTION ── */
        .partner-committees-section {
            background-color: #ffffff;
            padding: 40px 20px;
        }

        .pt-committees-grid {
            row-gap: 60px;
            margin-bottom: 30px;
        }

        .pt-committee-item {
            text-align: center;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: flex-end;
        }

        .pt-committee-item h3 {
            font-family: 'Montserrat-Medium';
            font-size: 22px;
            color: #000000;
            text-transform: uppercase;
            letter-spacing: 0.1em;
            line-height: 1.2;
            min-height: 56px;
            display: flex;
            align-items: flex-end;
            justify-content: center;
            text-align: center;
        }

        .pt-committee-line {
            width: 100px;
            height: 5px;
            background-color: var(--gold, #CD9F26);
            margin: 0 auto;
        }

        .pt-committees-text-wrapper {
            max-width: 1220px;
            margin: 0 auto 0px;
        }

        .pt-committees-text {
            font-family: 'Montserrat-Light';
            font-size: 21px;
            color: #000000;
            line-height: 1.8;
            letter-spacing: 0.10em;
            text-align: left;
            font-weight: 400;
            text-justify: inter-word;
            hyphens: auto;
        }

        @media (max-width: 991px) {
            .partner-committees-section {
                padding: 70px 20px;
            }

            .pt-committee-item h3 {
                font-size: 16px;
                min-height: 46px;
            }

            .pt-committees-text {
                font-size: 17px;
                line-height: 1.65;
            }

            .pt-committees-grid {
                row-gap: 40px;
                margin-bottom: 50px;
            }
        }

        @media (max-width: 767px) {
            .pt-committee-item h3 {
                font-size: 14px;
                letter-spacing: 0.05em;
                min-height: 40px;
            }

            .pt-committees-text {
                font-size: 15px;
            }

            .pt-committee-line {
                width: 60px;
            }
        }

        /* ── PARTNER INTERESTED SECTION ── */
        .partner-interested-section {
            min-height: 700px;
            position: relative;
            overflow: hidden;
            display: flex;
            align-items: flex-start;
            justify-content: center;
            padding: 85px 20px 130px;
            background-image: linear-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, 0)), url(../images/communication.jpg);
            background-blend-mode: normal, luminosity;
            background-position: center bottom;
            background-size: 100%;
            background-repeat: no-repeat;
            background-color: #252C38;
            text-align: center;
            color: #ffffff;
        }



        .partner-interested-content {
            width: min(100%, 1520px);
            position: relative;
            z-index: 2;
        }

        .partner-interested-title {
            margin: 0;
            color: #ffffff;
            font-family: 'Montserrat-Medium';
            font-size: 36px;
            font-weight: 500;
            text-transform: uppercase;
            letter-spacing: .2em;
            position: relative;
            z-index: 1;
        }

        .partner-interested-line {
            width: 150px;
            height: 6px;
            margin: 20px auto 40px;
            background: var(--gold, #CD9F26);
        }

        .partner-interested-text {
            max-width: 1000px;
            margin: 0 auto;
            color: rgba(255, 255, 255, 1);
            font-family: 'Montserrat-Light';
            font-size: 20px;
            font-weight: 300;
            line-height: 1.75;
            letter-spacing: 0.15em;
        }

        @media (max-width: 991px) {
            .partner-interested-section {
                min-height: 680px;
                padding: 72px 24px 118px;
            }

            .partner-interested-title {
                font-size: 28pt;
                letter-spacing: 0.16em;
            }

            .partner-interested-line {
                width: 132px;
                margin: 18px auto 34px;
            }

            .partner-interested-text {
                font-size: 16pt;
                letter-spacing: 0.09em;
                line-height: 1.65;
            }
        }

        @media (max-width: 767px) {
            .partner-interested-section {
                background-size: cover;
                min-height: 620px;
                padding: 58px 18px 110px;
            }

            .partner-interested-title {
                font-size: 22pt;
                letter-spacing: 0.1em;
            }

            .partner-interested-text {
                font-size: 13.5pt;
                letter-spacing: 0.045em;
                line-height: 1.6;
            }
        }

        @media (max-width: 480px) {
            .partner-interested-title {
                font-size: 18px;
                letter-spacing: 0.08em;
            }

            .partner-interested-line {
                width: 110px;
            }

            .partner-interested-text {
                font-size: 15px;
                letter-spacing: 0.02em;
            }
        }

        /* ── PARTNER LEVELS SECTION ── */
        .partner-levels-section {
            background-color: #EDEFF4;
            padding: 100px 20px 0px;
        }

        .partner-levels-header {
            text-align: center;
            margin-bottom: 60px;
        }

        .partner-levels-title {
            margin: 0;
            color: #111111;
            font-family: 'Montserrat-Medium';
            font-size: 35px;
            font-weight: 500;
            text-transform: uppercase;
            letter-spacing: .1em;
            position: relative;
        }

        .partner-levels-line {
            width: 150px;
            height: 6px;
            margin: 20px auto 0px;
            background: var(--gold, #CD9F26);
        }

        @media (max-width: 991px) {
            .partner-levels-title {
                font-size: 28pt;
                letter-spacing: 0.16em;
            }

            .partner-levels-line {
                width: 132px;
                margin: 18px auto 34px;
            }
        }

        @media (max-width: 767px) {
            .partner-levels-section {
                padding: 70px 18px 0px;
            }

            .partner-levels-title {
                font-size: 22pt;
                letter-spacing: 0.1em;
            }
        }

        @media (max-width: 480px) {
            .partner-levels-title {
                font-size: 18px;
                letter-spacing: 0.08em;
            }

            .partner-levels-line {
                width: 110px;
            }
        }

        /* ── PARTNER HUMAWEALTH SECTION ── */
        .partner-humawealth-section {
            background-color: #f7f9fb;
            padding: 100px 20px 40px;
        }

        .pt-humawealth-grid {
            margin-bottom: 10px;
            row-gap: 50px;
            align-items: flex-end;
        }

        .pt-hw-item {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: flex-end;
        }

        .pt-hw-icon {
            max-width: 70px;
            max-height: 70px;
            object-fit: contain;
        }

        .pt-hw-item h3 {
            font-family: 'Montserrat-Medium';
            font-size: 22px;
            color: #000000;
            text-transform: uppercase;
            letter-spacing: 0.1em;
            line-height: 1.4;
            margin-bottom: 15px;
            min-height: 48px;
            display: flex;
            align-items: flex-end;
            justify-content: center;
            text-align: center;
        }

        .pt-hw-line {
            width: 90px;
            height: 5px;
            background-color: var(--gold, #CD9F26);
            margin: 0 auto;
        }

        .pt-hw-text-wrapper {
            margin: 0 auto;
        }

        .pt-hw-text {
            font-family: 'Montserrat-Light';
            font-size: 21px;
            color: #000000;
            line-height: 1.8;
            letter-spacing: 0.08em;
            text-align: left;
            font-weight: 300;
        }

        @media (max-width: 991px) {
            .partner-humawealth-section {
                padding: 70px 20px;
            }

            .pt-hw-icon {
                max-width: 60px;
                max-height: 60px;
            }

            .pt-hw-item h3 {
                font-size: 15px;
                min-height: 42px;
            }

            .pt-hw-text {
                font-size: 17px;
                line-height: 1.65;
            }
        }

        @media (max-width: 767px) {
            .pt-hw-item h3 {
                font-size: 13px;
                letter-spacing: 0.05em;
                min-height: 38px;
            }

            .pt-hw-text {
                font-size: 15px;
            }

            .pt-hw-line {
                width: 60px;
            }
        }

        /* ── PARTNER FUTURE SECTION ── */
        .partner-future-section {
            min-height: 750px;
            position: relative;
            overflow: hidden;
            display: flex;
            align-items: flex-start;
            justify-content: center;
            padding: 50px 20px 150px;
            background: url('../images/future.png') center/cover no-repeat;
            text-align: center;
            color: #ffffff;
        }

        .partner-future-section::before {
            content: "";
            position: absolute;
            inset: 0;
            background: rgba(17, 21, 27, 0.65);
            z-index: 1;
        }

        .partner-future-content {
            width: min(100%, 1520px);
            position: relative;
            z-index: 2;
        }

        .partner-future-title {
            margin: 0;
            color: #ffffff;
            font-family: 'Montserrat-Medium';
            font-size: 35px;
            font-weight: 500;
            text-transform: uppercase;
            letter-spacing: .1em;
            position: relative;
            z-index: 1;
        }

        .partner-future-line {
            width: 140px;
            height: 7px;
            margin: 20px auto 10px;
            background: var(--gold, #CD9F26);
        }

        .partner-future-text {
            max-width: 1000px;
            margin: 0 auto;
            color: rgb(255, 255, 255);
            font-family: 'Montserrat-Light';
            font-size: 20px;
            font-weight: 300;
            line-height: 1.75;
            letter-spacing: 0.15em;
        }

        .partner-future-section .video-play-wrap {
            top: 60%;
        }

        @media (max-width: 991px) {
            .partner-future-section {
                min-height: 800px;
                padding: 85px 24px 150px;
            }

            .partner-future-title {
                font-size: 28pt;
                letter-spacing: 0.16em;
            }

            .partner-future-line {
                width: 132px;
                margin: 18px auto 34px;
            }

            .partner-future-text {
                font-size: 16pt;
                letter-spacing: 0.09em;
                line-height: 1.65;
            }

            .partner-future-section .video-play-wrap {
                top: 75%;
            }
        }

        @media (max-width: 767px) {
            .partner-future-section {
                min-height: 750px;
                padding: 70px 18px 130px;
            }

            .partner-future-title {
                font-size: 22pt;
                letter-spacing: 0.1em;
            }

            .partner-future-text {
                font-size: 13.5pt;
                letter-spacing: 0.045em;
                line-height: 1.6;
            }
        }

        @media (max-width: 480px) {
            .partner-future-title {
                font-size: 18px;
                letter-spacing: 0.08em;
            }

            .partner-future-line {
                width: 110px;
            }

            .partner-future-text {
                font-size: 15px;
                letter-spacing: 0.02em;
            }

            .partner-future-section .video-play-wrap {
                top: 80%;
            }
        }

        @media (min-width: 1800px) {
            .partner-mous-section {
                min-height: 900px!important;
            }
        }

        /* ── PARTNER MOUS SECTION ── */
        .partner-mous-section {
            min-height: 700px;
            /* Reduced since no large text/play button */
            position: relative;
            overflow: hidden;
            display: flex;
            align-items: flex-start;
            justify-content: center;
            padding: 50px 30px 50px;
            background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0)), url(../images/pen-about.jpg);
            background-blend-mode: normal, luminosity;
            background-position: center top;
            background-size: 100%;
            background-repeat: no-repeat;
            background-color: #252C38;
            text-align: center;
            color: #ffffff;
            background-size: cover!important;
        }



        .partner-mous-content {
            width: min(100%, 1520px);
            position: relative;
            z-index: 2;
        }

        .partner-mous-title {
            margin: 0;
            color: #ffffff;
            font-family: 'Montserrat-Medium';
            font-size: 35px;
            font-weight: 500;
            text-transform: uppercase;
            letter-spacing: .1em;
            position: relative;
            z-index: 1;
        }

        .partner-mous-line {
            width: 150px;
            height: 7px;
            margin: 10px auto 0;
            /* no bottom margin needed since it's the last element */
            background: var(--gold, #CD9F26);
        }

        @media (max-width: 991px) {
            .partner-mous-section {
                padding: 85px 24px 85px;
                 background-size: cover!important;
            }

            .partner-mous-title {
                font-size: 28pt;
                letter-spacing: 0.16em;
            }

            .partner-mous-line {
                width: 132px;
                margin: 18px auto 0;
            }
        }

        @media (max-width: 767px) {
            .partner-mous-section {
                background-size: cover;
                min-height: 400px;
                padding: 70px 18px 70px;
            }

            .partner-mous-title {
                font-size: 22pt;
                letter-spacing: 0.1em;
            }
        }

        @media (max-width: 480px) {
            .partner-mous-section {
                min-height: 300px;
            }

            .partner-mous-title {
                font-size: 18px;
                letter-spacing: 0.08em;
            }

            .partner-mous-line {
                width: 110px;
            }
        }

        /* ── SIGNED MOUS LIST SECTION ── */
        body.partner-page .partner-info-container,
        body.partner-page .pt-committees-text-wrapper,
        body.partner-page .pt-hw-text-wrapper {
            max-width: 1300px;
        }

        body.partner-page .partner-page-description,
        body.partner-page .partner-page-description p,
        body.partner-page .partner-page-description li,
        body.partner-page .partner-page-description div {
            text-align: justify;
            text-align-last: left;
            text-justify: inter-word;
            hyphens: auto;
        }

        body.partner-page .partner-page-description {
            width: 100%;
            max-width: 1300px;
            margin-left: auto;
            margin-right: auto;
        }

        .signed-mous-list-section {
            background-color: #EDEFF4;
            padding: 80px 20px;
            position: relative;
            overflow: hidden;
        }

        .signed-mous-bg-shape {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            object-fit: cover;
            z-index: 1;
        }

        .mou-list-container {
            max-width: 1300px;
            margin: 0 auto;
            position: relative;
            z-index: 2;
        }

        .mou-list-item {
            display: flex;
            flex-wrap: nowrap;
            align-items: center;
            margin-bottom: 60px;
            gap: 40px;
        }

        .mou-list-item:last-child {
            margin-bottom: 0;
        }

        .mou-img-wrap {
            flex: 0 0 350px;
        }

        .mou-img-wrap img {
            width: 100%;
            height: auto;
            object-fit: cover;
            display: block;
        }

        .mou-content-wrap {
            display: flex;
            flex: 1;
            align-items: center;
            gap: 40px;
        }

        .mou-title-area {
            flex: 1;
        }

        .mou-item-title {
            font-family: 'Montserrat-Medium';
            font-size: 17px;
            line-height: 1.6;
            letter-spacing: 0.08em;
            color: #111;
            margin: 0;
            text-transform: uppercase;
        }

        .mou-line {
            width: 5px;
            background-color: var(--gold, #CD9F26);
            flex: 0 0 4px;
            min-height: 80px;
            margin: 0;
        }

        .mou-summary-area {
            flex: 1.5;
        }

        .mou-item-summary {
            font-family: 'Montserrat-Light';
            font-size: 17px;
            line-height: 1.7;
            letter-spacing: 0.05em;
            color: #000000;
            margin: 0;
        }

        .btn-pill-light {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 12px;
            background: #eef1f5;
            color: #222;
            padding: 16px 42px;
            border-radius: 50px;
            font-family: 'Montserrat-Medium';
            font-size: 14px;
            letter-spacing: .12em;
            text-transform: uppercase;
            text-decoration: none;
            box-shadow: 0 6px 15px rgba(0, 0, 0, 0.05);
            border: 1px solid #dce1e8;
            transition: all 0.3s ease;
        }

        .btn-pill-light:hover {
            background: #ffffff;
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
            color: var(--gold, #CD9F26);
        }

        @media (max-width: 1199px) {
            .mou-img-wrap {
                flex: 0 0 280px;
            }

            .mou-item-title,
            .mou-item-summary {
                font-size: 15px;
            }

            .mou-list-item,
            .mou-content-wrap {
                gap: 20px;
            }
        }

        @media (max-width: 991px) {
            .mou-list-item {
                flex-direction: column;
                gap: 25px;
                background: #fff;
                padding: 20px;
                border-radius: 8px;
                box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
            }

            .mou-img-wrap {
                flex: auto;
                width: 100%;
                max-width: 600px;
                margin: 0 auto;
            }

            .mou-content-wrap {
                flex-direction: column;
                text-align: center;
                gap: 20px;
            }

            .mou-line {
                height: 4px;
                width: 60px;
                min-height: auto;
            }

            .mou-summary-area {
                flex: auto;
            }
        }


        /* ═══════════════════════════════════════════════════════
           NEWS PAGE — Redesigned
           ═══════════════════════════════════════════════════════ */

        #newsHero.news-section {
            background-color: #1c2230;
            background-image:
                linear-gradient(180deg, rgba(0, 0, 0, 0.78) 0%, rgba(0, 0, 0, 0.36) 45%, rgba(0, 0, 0, 0.88) 100%),
                linear-gradient(90deg, rgba(0, 0, 0, 0.36) 0%, rgba(255, 255, 255, 0.12) 50%, rgba(0, 0, 0, 0.32) 100%),
                url('../images/news/news-background.png');
            background-blend-mode: normal, normal, luminosity;
            background-position: center center;
            background-size: cover;
            background-repeat: no-repeat;
            position: relative;
            min-height: auto;
            display: flex;
            align-items: flex-start;
            justify-content: center;
            padding: 116px 56px 42px;
            overflow: hidden;
        }

        /* Top vignette */
        #newsHero.news-section::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 118px;
            background: linear-gradient(to bottom,
                    rgba(0, 0, 0, 0.96) 0%,
                    rgba(0, 0, 0, 0.80) 25%,
                    rgba(0, 0, 0, 0.45) 60%,
                    rgba(0, 0, 0, 0) 100%);
            pointer-events: none;
            z-index: 1;
        }

        /* Bottom vignette */
        #newsHero.news-section::after {
            content: '';
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            height: 200px;
            background: linear-gradient(to bottom,
                    rgba(0, 0, 0, 0) 0%,
                    rgba(0, 0, 0, 0.25) 30%,
                    rgba(0, 0, 0, 0.65) 60%,
                    rgba(0, 0, 0, 0.92) 85%,
                    rgba(0, 0, 0, 1) 100%);
            pointer-events: none;
            z-index: 1;
        }

        /* ── Inner wrapper ── */
        #newsHero .news-hero-inner {
            position: relative;
            z-index: 2;
            width: 100%;
            max-width: 1790px;
            min-height: auto;
            margin: 0 auto;
            padding: 0;
        }

        /* ── Heading ── */
        #newsHero .news-heading {
            text-align: center;
            margin-bottom: 8px;
        }

        #newsHero .news-heading-title {
            color: #ffffff;
            font-family: 'Montserrat-Medium';
            font-size: 36px;
            font-weight: 500;
            letter-spacing: 0;
            line-height: 1;
            text-transform: uppercase;
            margin: 0;
        }

        #newsHero .news-heading-line {
            width: 118px;
            height: 6px;
            background: var(--gold, #CD9F26);
            margin: 16px auto 0;
        }

        /* ═══════════════════════════════════════
           4-Column Card Grid
           Featured News + 3 Recent News on the same row
           ═══════════════════════════════════════ */
        #newsHero .news-grid {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            column-gap: 28px;
            row-gap: 40px;
            align-items: start;
            justify-content: center;
            max-width: 1790px;
            margin: 0 auto;
            padding: 40px 0 0;
        }

        #newsHero .news-card {
            display: flex;
            flex-direction: column;
            gap: 15px;
            min-width: 0;
        }

        #newsHero .news-col-image {
            display: block;
            overflow: hidden;
            border-radius: 8px;
            padding-top: 0;
            text-decoration: none;
            width: 100%;
        }

        #newsHero .news-col-image .news-featured-img {
            width: 100%;
            height: auto;
            display: block;
            object-fit: cover;
            aspect-ratio: 590 / 394;
            border-radius: 8px;
            transition: transform 0.5s ease;
        }

        #newsHero .news-col-image:hover .news-featured-img {
            transform: scale(1.03);
        }

        #newsHero .news-col-text {
            padding-top: 0;
            display: flex;
            flex-direction: column;
            gap: 10px;
        }

        #newsHero .news-col-text .news-featured-title {
            font-family: 'Montserrat-Bold';
            font-size: 16px;
            color: #ffffff;
            letter-spacing: 0.03em;
            line-height: 1.4;
            text-transform: uppercase;
            margin: 0;
            text-align: left;
        }

        #newsHero .news-featured-link {
            color: inherit;
            display: inline-block;
            text-decoration: none;
        }

        #newsHero .news-featured-link:hover,
        #newsHero .news-featured-link:focus-visible {
            color: var(--gold, #CD9F26);
        }

        #newsHero .news-col-text .news-featured-title::after {
            content: '';
            display: block;
            width: 80px;
            height: 3px;
            margin-top: 10px;
            background: var(--gold, #CD9F26);
        }

        #newsHero .news-col-text .news-featured-date {
            font-family: 'Montserrat-Regular';
            font-size: 13px;
            color: var(--gold, #CD9F26);
            letter-spacing: 0;
            line-height: 1;
            margin: 5px 0 0;
        }

        /* ── Col 3: Media Sidebar Panel ── */
        #newsHero .news-col-sidebar {
            /* positioning helper */
        }

        #newsHero .news-media-panel {
            background: rgba(150, 150, 150, 0.34);
            backdrop-filter: blur(1px);
            border: 1px solid rgba(255, 255, 255, 0.07);
            border-radius: 24px 2px 2px 2px;
            overflow: hidden;
            width: 100%;
        }

        #newsHero .news-media-header {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100%;
            min-height: 70px;
            padding: 0 26px;
            background: transparent;
            border: 0;
            border-bottom: none;
            color: inherit;
            cursor: pointer;
            text-align: left;
        }

        #newsHero .news-media-header::after {
            content: '';
            position: absolute;
            left: 26px;
            right: 26px;
            bottom: 0;
            height: 2px;
            background: rgba(0, 0, 0, 0.72);
        }

        #newsHero .news-media-label {
            font-family: 'Montserrat-SemiBold', sans-serif;
            font-size: 24px;
            color: #ffffff;
            letter-spacing: 0;
            text-transform: uppercase;
        }

        #newsHero .news-media-arrow {
            color: var(--gold, #CD9F26);
            font-size: 18px;
            transition: transform 0.25s ease;
        }

        #newsHero .news-media-panel.is-collapsed .news-media-arrow {
            transform: rotate(-90deg);
        }

        #newsHero .news-media-list {
            max-height: 470px;
            opacity: 1;
            overflow: hidden;
            transition:
                max-height 0.35s ease,
                opacity 0.25s ease;
        }

        #newsHero .news-media-panel.is-collapsed .news-media-list {
            max-height: 0;
            opacity: 0;
            pointer-events: none;
        }

        /* Individual media items */
        #newsHero .news-media-item {
            display: flex;
            gap: 10px;
            min-height: 116px;
            padding: 13px 26px 12px;
            text-decoration: none;
            border-bottom: 2px solid rgba(0, 0, 0, 0.72);
            align-items: flex-start;
            transition: background 0.25s ease;
        }

        #newsHero .news-media-item:last-child {
            border-bottom: none;
        }

        #newsHero .news-media-item:hover {
            background: rgba(255, 255, 255, 0.05);
        }

        #newsHero .news-media-thumb {
            flex: 0 0 118px;
            height: 80px;
            overflow: hidden;
            border-radius: 0;
        }

        #newsHero .news-media-thumb img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.4s ease;
        }

        #newsHero .news-media-item:hover .news-media-thumb img {
            transform: scale(1.08);
        }

        #newsHero .news-media-desc {
            flex: 1;
            align-self: stretch;
            border-left: 4px solid var(--gold, #CD9F26);
            font-family: 'Montserrat-Light';
            font-size: 11px;
            color: rgba(255, 255, 255, 0.82);
            letter-spacing: 0;
            line-height: 1.45;
            text-transform: uppercase;
            margin: 0;
            min-height: 80px;
            min-width: 0;
            overflow-wrap: normal;
            word-break: keep-all;
            hyphens: none;
            padding-left: 8px;
        }

        /* ── Bottom: Button + Scroll ── */
        #newsHero .news-bottom {
            text-align: center;
            margin-top: 30px;
            position: relative;
            z-index: 3;
        }

        #newsHero .news-viewall-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 0;
            min-width: 254px;
            min-height: 60px;
            background: rgba(240, 240, 240, 0.92);
            color: #444;
            border: none;
            border-radius: 8px;
            padding: 0 38px;
            font-family: 'Montserrat-SemiBold', sans-serif;
            font-size: 17px;
            letter-spacing: 0;
            text-transform: uppercase;
            text-decoration: none;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
            transition: all 0.3s ease;
        }

        #newsHero .news-viewall-btn:hover {
            background: #ffffff;
            color: #222;
            box-shadow: 0 6px 28px rgba(0, 0, 0, 0.22);
        }

        #newsHero .news-viewall-btn i {
            display: none;
        }

        /* Scroll indicator */
        #newsHero .news-scroll-ind {
            margin-top: 24px;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        /* ═══════════════════════════════════════
           NEWS RESPONSIVE
           ═══════════════════════════════════════ */

        @media (max-width: 1399px) {
            #newsHero.news-section {
                padding-left: 38px;
                padding-right: 38px;
            }
        }

        @media (max-width: 1199px) {
            #newsHero .news-grid {
                grid-template-columns: repeat(4, minmax(0, 1fr));
                gap: 20px;
            }

            #newsHero .news-col-image {
                padding-top: 0;
            }

            #newsHero .news-col-text {
                padding-top: 0;
            }

            #newsHero .news-media-header {
                min-height: 58px;
                padding: 0 22px;
            }

            #newsHero .news-media-header::after {
                left: 22px;
                right: 22px;
            }

            #newsHero .news-media-label {
                font-size: 20px;
            }

            #newsHero .news-media-item {
                min-height: 100px;
                padding: 12px 22px;
            }

            #newsHero .news-media-thumb {
                flex: 0 0 62px;
                height: 44px;
            }

            #newsHero .news-media-desc {
                font-size: 9px;
                min-height: 44px;
                padding-left: 10px;
            }

            #newsHero .news-bottom {
                margin-top: 30px;
            }
        }

        @media (max-width: 991px) {
            #newsHero .news-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 30px;
            }

            #newsHero .news-hero-inner {
                padding: 0;
            }

            #newsHero .news-col-image,
            #newsHero .news-col-text {
                padding-top: 0;
            }

            #newsHero .news-col-text .news-featured-title {
                font-size: 14px;
            }

            #newsHero .news-bottom {
                margin-top: 36px;
            }
        }

        @media (max-width: 767px) {
            #newsHero.news-section {
                padding: 100px 18px 70px;
                min-height: auto;
            }

            #newsHero .news-heading {
                margin-bottom: 32px;
            }

            #newsHero .news-heading-title {
                font-size: 20px;
                letter-spacing: 0;
            }

            #newsHero .news-grid {
                grid-template-columns: 1fr;
                gap: 24px;
            }

            #newsHero .news-col-image {
                max-width: none;
                margin: 0 auto;
            }

            #newsHero .news-col-text {
                padding-top: 0;
                text-align: left;
                width: 100%;
                margin: 0 auto;
            }

            #newsHero .news-col-text .news-featured-title {
                text-align: left;
                font-size: 17px;
                line-height: 1.45;
                letter-spacing: 0;
            }

            #newsHero .news-col-text .news-featured-title::after {
                margin-left: 0;
                margin-right: 0;
            }

            #newsHero .news-media-panel {
                width: min(100%, calc(100vw - 36px));
                max-width: 480px;
                margin: 0 auto;
            }

            #newsHero .news-media-list {
                max-height: 640px;
            }

            #newsHero .news-media-header {
                padding: 0 18px;
            }

            #newsHero .news-media-header::after {
                left: 18px;
                right: 18px;
            }

            #newsHero .news-media-item {
                display: grid;
                grid-template-columns: 132px minmax(0, 1fr);
                gap: 12px;
                width: 100%;
                min-width: 0;
                min-height: 124px;
                padding: 14px 18px;
            }

            #newsHero .news-media-thumb {
                flex: 0 0 132px;
                height: 88px;
            }

            #newsHero .news-media-desc {
                font-size: 12px;
                line-height: 1.45;
                min-height: 88px;
                padding-left: 12px;
            }

            #newsHero .news-col-sidebar {
                max-width: 100%;
            }

            #newsHero .news-viewall-btn {
                padding: 13px 38px;
                font-size: 11px;
            }

            #newsHero .news-hero-inner {
                padding: 0;
                min-height: 0;
            }
        }

        @media (max-width: 480px) {
            #newsHero.news-section {
                padding: 90px 14px 55px;
            }

            #newsHero .news-heading-title {
                font-size: 18px;
            }

            #newsHero .news-col-text .news-featured-title {
                font-size: 14px;
                line-height: 1.5;
            }

            #newsHero .news-hero-inner {
                padding: 0;
            }

            #newsHero .news-viewall-btn {
                padding: 12px 32px;
            }

            #newsHero .news-media-header {
                padding: 0 14px;
            }

            #newsHero .news-media-panel {
                width: calc(100vw - 28px);
                max-width: none;
            }

            #newsHero .news-media-header::after {
                left: 14px;
                right: 14px;
            }

            #newsHero .news-media-item {
                grid-template-columns: 118px minmax(0, 1fr);
                padding: 12px 14px;
            }

            #newsHero .news-media-thumb {
                flex-basis: 118px;
                height: 82px;
            }

            #newsHero .news-media-desc {
                font-size: 11px;
                min-height: 82px;
                padding-left: 10px;
            }
        }

        /* PUBLICATIONS SECTION */
        .publications-section {
            position: relative;
            overflow: hidden;
            background-color: #EDEFF4;
            background-image: url('../images/shape-m.png');
            background-repeat: no-repeat;
            background-position: center bottom;
            background-size: contain;
            padding: 94px 56px 84px;
        }

        .publications-inner {
            position: relative;
            z-index: 1;
            width: 100%;
            max-width: 1790px;
            margin: 0 auto;
        }

        .publications-heading {
            text-align: center;
            margin-bottom: 78px;
        }

        .publications-title {
            margin: 0;
            color: #484c52;
            font-family: 'Montserrat-SemiBold';
            font-size: 29px;
            font-weight: 500;
            line-height: 1;
            letter-spacing: 0;
            text-transform: uppercase;
        }

        .publications-line {
            width: 130px;
            height: 7px;
            margin: 10px auto 0;
            background: var(--gold, #CD9F26);
        }

        .publications-grid {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 54px 38px;
            align-items: start;
        }

        .publication-card {
            display: block;
            min-width: 0;
            color: #111111;
            text-align: center;
            text-decoration: none;
        }

        .publication-image {
            width: 100%;
            overflow: hidden;
            background: #ffffff;
        }

        .publication-image img {
            display: block;
            width: 100%;
            aspect-ratio: 1170 / 828;
            object-fit: cover;
            transition: transform 0.35s ease;
        }

        .publication-card:hover .publication-image img,
        .publication-card:focus-visible .publication-image img {
            transform: scale(1.025);
        }

        .publication-title {
            margin: 48px 0 0;
            color: #0d0f13;
            font-family: 'Montserrat-SemiBold', sans-serif;
            font-size: 26px;
            font-weight: 600;
            line-height: 1.4;
            letter-spacing: 0;
            text-transform: uppercase;
        }

        .publications-actions {
            margin-top: 102px;
            text-align: center;
        }

        .publications-viewall {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 22px;
            min-width: 342px;
            min-height: 80px;
            padding: 0 42px;
            border-radius: 8px;
            background: #edf2f6;
            color: #525960;
            font-family: 'Montserrat-Medium', sans-serif;
            font-size: 30px;
            font-weight: 500;
            line-height: 1;
            letter-spacing: 0;
            text-decoration: none;
            text-transform: uppercase;
            box-shadow: 0 18px 26px rgba(35, 45, 60, 0.2);
            transition:
                background 0.25s ease,
                color 0.25s ease,
                transform 0.25s ease,
                box-shadow 0.25s ease;
        }

        .publications-viewall:hover,
        .publications-viewall:focus-visible {
            background: #ffffff;
            color: #22272d;
            transform: translateY(-2px);
            box-shadow: 0 22px 32px rgba(35, 45, 60, 0.24);
        }

        .publications-viewall i {
            font-size: 22px;
            color: #525960;
        }

        @media (max-width: 1399px) {
            .publications-section {
                padding: 82px 38px 76px;
            }

            .publications-grid {
                gap: 48px 30px;
            }

            .publication-title {
                font-size: 22px;
                margin-top: 38px;
            }
        }

        @media (max-width: 1199px) {
            .publications-title {
                font-size: 46px;
            }

            .publications-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
                max-width: 920px;
                margin: 0 auto;
            }

            .publications-actions {
                margin-top: 72px;
            }
        }

        @media (max-width: 767px) {
            .publications-section {
                padding: 66px 18px 64px;
                background-size: auto 72%;
            }

            .publications-heading {
                margin-bottom: 42px;
            }

            .publications-title {
                font-size: 34px;
            }

            .publications-line {
                width: 122px;
                height: 5px;
                margin-top: 14px;
            }

            .publications-grid {
                grid-template-columns: 1fr;
                gap: 44px;
                max-width: 520px;
            }

            .publication-title {
                margin-top: 22px;
                font-size: 19px;
                line-height: 1.45;
            }

            .publications-actions {
                margin-top: 54px;
            }

            .publications-viewall {
                min-width: min(100%, 286px);
                min-height: 62px;
                gap: 16px;
                padding: 0 28px;
                font-size: 22px;
            }

            .publications-viewall i {
                font-size: 17px;
            }
        }

        @media (max-width: 420px) {
            .publications-section {
                padding-left: 14px;
                padding-right: 14px;
            }

            .publications-title {
                font-size: 29px;
            }

            .publication-title {
                font-size: 17px;
            }
        }

        /* PRESS SECTION */
        .press-section {
            position: relative;
            overflow: hidden;
            background: #000000;
        }

        .press-heading {
            position: absolute;
            top: 34px;
            left: 50%;
            z-index: 4;
            transform: translateX(-50%);
            text-align: center;
            pointer-events: none;
        }

        .press-title {
            margin: 0;
            color: #ffffff;
            font-family: 'Montserrat-Medium';
            font-size: 36px;
            font-weight: 500;
            line-height: 1;
            letter-spacing: 0;
            text-transform: uppercase;
        }

        .press-line {
            width: 134px;
            height: 6px;
            margin: 13px auto 0;
            background: var(--gold, #CD9F26);
        }

        .press-grid {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 0;
            min-height: 800px;
        }

        .press-item {
            position: relative;
            display: block;
            min-width: 0;
            min-height: 800px;
            overflow: hidden;
            color: #ffffff;
            text-decoration: none;
            isolation: isolate;
        }

        .press-item img {
            position: absolute;
            inset: 0;
            z-index: -2;
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center center;
            transform: scale(1.01);
            transition:
                transform 0.5s ease,
                filter 0.5s ease;
        }

        .press-item:nth-child(1) img {
            object-position: 50% center;
        }

        .press-item:nth-child(2) img {
            object-position: 58% center;
        }

        .press-item:nth-child(3) img {
            object-position: 60% center;
        }

        .press-item:nth-child(4) img {
            object-position: 46% center;
        }

        .press-item::before {
            content: '';
            position: absolute;
            inset: 0;
            z-index: -1;
            background:
                linear-gradient(180deg, rgba(0, 0, 0, 0.34) 0%, rgba(0, 0, 0, 0.12) 38%, rgba(0, 0, 0, 0.86) 100%),
                linear-gradient(90deg, rgba(0, 0, 0, 0.34) 0%, rgba(0, 0, 0, 0) 55%);
            transition: background 0.35s ease;
        }

        .press-item::after {
            content: '';
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            height: 150px;
            background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.96));
            pointer-events: none;
        }

        .press-item-title {
            position: absolute;
            left: 34px;
            right: 26px;
            top: 476px;
            bottom: auto;
            margin: 0;
            padding-left: 13px;
            border-left: 4px solid var(--gold, #CD9F26);
            color: #ffffff;
            font-family: 'Montserrat-Medium', sans-serif;
            font-size: 22px;
            font-weight: 500;
            line-height: 1.28;
            letter-spacing: 0;
            text-transform: uppercase;
            transition:
                transform 0.35s ease,
                border-color 0.35s ease;
        }

        .press-item:hover img,
        .press-item:focus-visible img {
            transform: scale(1.07);
            filter: saturate(1.08) contrast(1.05);
        }

        .press-item:hover::before,
        .press-item:focus-visible::before {
            background:
                linear-gradient(180deg, rgba(0, 0, 0, 0.28) 0%, rgba(0, 0, 0, 0.06) 38%, rgba(0, 0, 0, 0.9) 100%),
                linear-gradient(90deg, rgba(0, 0, 0, 0.22) 0%, rgba(0, 0, 0, 0) 58%);
        }

        .press-item:hover .press-item-title,
        .press-item:focus-visible .press-item-title {
            transform: translateY(-8px);
            border-color: #ffffff;
        }

        .press-actions {
            position: absolute;
            left: 50%;
            bottom: 42px;
            z-index: 5;
            transform: translateX(-50%);
            text-align: center;
        }

        .press-viewall {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 18px;
            min-width: 292px;
            min-height: 70px;
            padding: 0 38px;
            border-radius: 8px;
            background: rgba(237, 242, 246, 0.96);
            color: #525960;
            font-family: 'Montserrat-Medium', sans-serif;
            font-size: 26px;
            font-weight: 500;
            line-height: 1;
            letter-spacing: 0;
            text-decoration: none;
            text-transform: uppercase;
            box-shadow: 0 0 28px rgba(255, 255, 255, 0.38);
            transition:
                background 0.25s ease,
                color 0.25s ease,
                transform 0.25s ease,
                box-shadow 0.25s ease;
        }

        .press-viewall:hover,
        .press-viewall:focus-visible {
            background: #ffffff;
            color: #22272d;
            transform: translateY(-2px);
            box-shadow: 0 0 34px rgba(255, 255, 255, 0.5);
        }

        .press-viewall i {
            font-size: 20px;
        }

        @media (max-width: 1399px) {

            .press-grid,
            .press-item {
                min-height: 690px;
            }

            .press-item-title {
                left: 24px;
                right: 18px;
                top: 410px;
                font-size: 18px;
            }
        }

        @media (max-width: 991px) {
            .press-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }

            .press-grid,
            .press-item {
                min-height: 0;
            }

            .press-item {
                min-height: 560px;
            }

            .press-heading {
                top: 40px;
            }

            .press-actions {
                bottom: 34px;
            }
        }

        @media (max-width: 767px) {
            .press-heading {
                top: 34px;
            }

            .press-title {
                font-size: 36px;
            }

            .press-line {
                width: 112px;
                height: 5px;
            }

            .press-grid {
                grid-template-columns: 1fr;
                padding-top: 0;
            }

            .press-item {
                min-height: 470px;
            }

            .press-item:first-child {
                min-height: 520px;
            }

            .press-item-title {
                left: 22px;
                right: 22px;
                top: auto;
                bottom: 56px;
                font-size: 20px;
                line-height: 1.32;
            }

            .press-actions {
                position: static;
                transform: none;
                padding: 30px 16px 42px;
                background: #000000;
            }

            .press-viewall {
                min-width: min(100%, 286px);
                min-height: 62px;
                font-size: 22px;
            }
        }

        @media (max-width: 420px) {

            .press-item,
            .press-item:first-child {
                min-height: 430px;
            }

            .press-title {
                font-size: 31px;
            }

            .press-item-title {
                left: 18px;
                right: 18px;
                top: auto;
                bottom: 42px;
                font-size: 17px;
            }
        }

        /* VIDEOS SECTION */
        .news-videos-section {
            position: relative;
            overflow: hidden;
            background-color: #EDEFF4;
            background-image: url('../images/shape-m.png');
            background-repeat: no-repeat;
            background-position: center top;
            background-size: cover;
            padding: 82px 56px 78px;
        }

        .news-videos-inner {
            position: relative;
            z-index: 1;
            width: 100%;
            max-width: 1790px;
            margin: 0 auto;
        }

        .news-videos-heading {
            text-align: center;
            margin-bottom: 68px;
        }

        .news-videos-title {
            margin: 0;
            color: #34383d;
            font-family: 'Montserrat-Medium';
            font-size: 36px;
            font-weight: 500;
            line-height: 1;
            letter-spacing: 0;
            text-transform: uppercase;
        }

        .news-videos-line {
            width: 130px;
            height: 7px;
            margin: 8px auto 0;
            background: var(--gold, #CD9F26);
        }

        .news-videos-subtitle {
            max-width: 1090px;
            margin: 28px auto 0;
            color: #565a60;
            font-family: 'Montserrat-Medium';
            font-size: 20px;
            font-weight: 500;
            line-height: 1.35;
            letter-spacing: 0;
        }

        .news-videos-grid {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 38px 18px;
            align-items: start;
        }

        .news-video-card {
            display: block;
            min-width: 0;
            color: #101217;
            text-decoration: none;
        }

        .news-video-image {
            position: relative;
            width: 100%;
            overflow: hidden;
            background: #d8dde4;
        }

        .news-video-image::before {
            content: '';
            position: absolute;
            inset: 0;
            z-index: 1;
            background: rgba(0, 0, 0, 0);
            transition: background 0.3s ease;
        }

        .news-video-image::after {
            content: '\f04b';
            position: absolute;
            left: 50%;
            top: 50%;
            z-index: 2;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 62px;
            height: 62px;
            border: 2px solid rgba(255, 255, 255, 0.84);
            border-radius: 50%;
            background: rgba(0, 0, 0, 0.34);
            color: #ffffff;
            font-family: 'Font Awesome 6 Free';
            font-size: 20px;
            font-weight: 900;
            opacity: 0;
            padding-left: 4px;
            transform: translate(-50%, -50%) scale(0.92);
            transition:
                opacity 0.3s ease,
                transform 0.3s ease;
        }

        .news-video-image img {
            display: block;
            width: 100%;
            aspect-ratio: 1170 / 768;
            object-fit: cover;
            transition:
                transform 0.45s ease,
                filter 0.45s ease;
        }

        .news-video-card:nth-child(1) .news-video-image img,
        .news-video-card:nth-child(4) .news-video-image img {
            object-position: center center;
        }

        .news-video-card:nth-child(2) .news-video-image img {
            object-position: center center;
        }

        .news-video-card:nth-child(3) .news-video-image img {
            object-position: center center;
        }

        .news-video-card:hover .news-video-image::before,
        .news-video-card:focus-visible .news-video-image::before {
            background: rgba(0, 0, 0, 0.2);
        }

        .news-video-card:hover .news-video-image::after,
        .news-video-card:focus-visible .news-video-image::after {
            opacity: 1;
            transform: translate(-50%, -50%) scale(1);
        }

        .news-video-card:hover .news-video-image img,
        .news-video-card:focus-visible .news-video-image img {
            transform: scale(1.045);
            filter: saturate(1.05) contrast(1.04);
        }

        .news-video-card-title {
            min-height: 55px;
            margin: 20px 0 0;
            color: #101217;
            font-family: 'Montserrat-SemiBold';
            font-size: 17px;
            font-weight: 500;
            line-height: 1;
            letter-spacing: 0;
            text-transform: uppercase;
        }

        .news-video-date {
            color: #a17a23;
            font-family: 'Montserrat-SemiBold';
            font-size: 11px;
            font-weight: 500;
            line-height: 1;
            letter-spacing: 0.06em;
            text-align: center;
        }

        .news-videos-actions {
            margin-top: 44px;
            text-align: center;
        }

        .news-videos-viewall {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 22px;
            min-width: 342px;
            min-height: 80px;
            padding: 0 42px;
            border-radius: 8px;
            background: #edf2f6;
            color: #525960;
            font-family: 'Montserrat-Medium', sans-serif;
            font-size: 30px;
            font-weight: 500;
            line-height: 1;
            letter-spacing: 0;
            text-decoration: none;
            text-transform: uppercase;
            box-shadow: 0 18px 26px rgba(35, 45, 60, 0.2);
            transition:
                background 0.25s ease,
                color 0.25s ease,
                transform 0.25s ease,
                box-shadow 0.25s ease;
        }

        .news-videos-viewall:hover,
        .news-videos-viewall:focus-visible {
            background: #ffffff;
            color: #22272d;
            transform: translateY(-2px);
            box-shadow: 0 22px 32px rgba(35, 45, 60, 0.24);
        }

        .news-videos-viewall i {
            font-size: 22px;
            color: #525960;
        }

        @media (max-width: 1399px) {
            .news-videos-section {
                padding: 78px 38px 74px;
            }

            .news-videos-subtitle {
                font-size: 26px;
            }

            .news-video-card-title {
                font-size: 19px;
            }
        }

        @media (max-width: 1199px) {
            .news-videos-title {
                font-size: 46px;
            }

            .news-videos-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 46px 28px;
                max-width: 920px;
                margin: 0 auto;
            }

            .news-videos-actions {
                margin-top: 62px;
            }
        }

        @media (max-width: 767px) {
            .news-videos-section {
                padding: 64px 18px 64px;
                background-size: auto 74%;
            }

            .news-videos-heading {
                margin-bottom: 42px;
            }

            .news-videos-title {
                font-size: 36px;
            }

            .news-videos-line {
                width: 122px;
                height: 5px;
                margin-top: 14px;
            }

            .news-videos-subtitle {
                margin-top: 22px;
                font-size: 20px;
                line-height: 1.45;
            }

            .news-videos-subtitle br {
                display: none;
            }

            .news-videos-grid {
                grid-template-columns: 1fr;
                gap: 42px;
                max-width: 520px;
            }

            .news-video-card {
                text-align: left;
            }

            .news-video-card-title {
                min-height: 0;
                margin-top: 18px;
                font-size: 18px;
                line-height: 1.2;
            }

            .news-video-date {
                margin-top: 16px;
                font-size: 14px;
            }

            .news-videos-actions {
                margin-top: 54px;
            }

            .news-videos-viewall {
                min-width: min(100%, 286px);
                min-height: 62px;
                gap: 16px;
                padding: 0 28px;
                font-size: 22px;
            }

            .news-videos-viewall i {
                font-size: 17px;
            }
        }

        @media (max-width: 420px) {
            .news-videos-section {
                padding-left: 14px;
                padding-right: 14px;
            }

            .news-videos-title {
                font-size: 31px;
            }

            .news-videos-subtitle {
                font-size: 18px;
            }

            .news-video-card-title {
                font-size: 16px;
            }
        }

        /* NEWS MORE PAGE */
        .news-more-page {
            background: #EDEFF4;
        }

        .news-more-section {
            position: relative;
            min-height: 100vh;
            overflow: visible;
            background-color: #EDEFF4;
            background-image: url('../images/shape-m.png');
            background-repeat: no-repeat;
            background-position: center bottom;
            background-size: cover;
            padding: 70px 46px 40px;
        }

        .news-more-section::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 240px;
            background: linear-gradient(180deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.66) 62%, rgba(0, 0, 0, 0));
            pointer-events: none;
        }

        .news-more-inner {
            position: relative;
            z-index: 1;
            width: 100%;
            max-width: 1200px;
            margin: 0 auto;
        }

        .news-more-layout {
            display: grid;
            grid-template-columns: minmax(0, 700px);
            justify-content: center;
            gap: 30px;
            align-items: start;
            padding-top: 50px;
        }

        .news-more-main {
            min-width: 0;
            text-align: center;
        }

        .news-more-feature {
            position: relative;
            display: block;
            width: 100%;
            aspect-ratio: 735 / 490;
            overflow: hidden;
            color: inherit;
            text-decoration: none;
            background: #d8dde4;
        }

        .news-more-feature img {
            display: block;
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition:
                transform 0.45s ease,
                filter 0.45s ease;
        }

        .news-more-play-button {
            position: absolute;
            inset: 0;
            z-index: 2;
            border: 0;
            padding: 0;
            background: transparent;
            cursor: pointer;
        }

        .news-more-video {
            display: none;
            width: 100%;
            height: 100%;
            border: 0;
            background: #000000;
        }

        .news-more-feature.is-playing img,
        .news-more-feature.is-playing .news-more-play-button {
            display: none;
        }

        .news-more-feature.is-playing .news-more-video {
            display: block;
        }

        .news-more-play {
            position: absolute;
            left: 50%;
            top: 50%;
            width: 148px;
            height: 148px;
            border-radius: 50%;
            border: 6px solid rgba(255, 255, 255, 0.42);
            transform: translate(-50%, -50%);
            transition:
                border-color 0.3s ease,
                transform 0.3s ease,
                background 0.3s ease;
        }

        .news-more-play::before {
            content: '';
            position: absolute;
            left: 55%;
            top: 50%;
            border-top: 28px solid transparent;
            border-bottom: 28px solid transparent;
            border-left: 42px solid rgba(255, 255, 255, 0.58);
            transform: translate(-42%, -50%);
        }

        .news-more-feature:hover img,
        .news-more-feature:focus-visible img {
            transform: scale(1.035);
            filter: saturate(1.05) contrast(1.04);
        }

        .news-more-feature:hover .news-more-play,
        .news-more-feature:focus-visible .news-more-play {
            border-color: rgba(255, 255, 255, 0.82);
            background: rgba(0, 0, 0, 0.12);
            transform: translate(-50%, -50%) scale(1.04);
        }

        .news-more-play-button:focus-visible {
            outline: 3px solid rgba(205, 159, 38, 0.9);
            outline-offset: -8px;
        }

        .news-more-play-button:focus-visible .news-more-play {
            border-color: rgba(255, 255, 255, 0.82);
            background: rgba(0, 0, 0, 0.12);
            transform: translate(-50%, -50%) scale(1.04);
        }

        .news-more-title {
            margin: 24px auto 0;
            max-width: 100%;
            color: #080a0d;
            font-family: 'Montserrat-Medium';
            font-size: 33px;
            font-weight: 500;
            line-height: 1;
            letter-spacing: 0.1em;
            text-transform: uppercase;
            overflow-wrap: anywhere;
        }

        .news-more-title a {
            color: inherit;
            text-decoration: none;
        }

        .news-more-title span {
            display: block;
        }

        .news-more-line {
            width: 112px;
            height: 6px;
            margin: 16px auto 0;
            background: var(--gold, #CD9F26);
        }

        .news-more-excerpt {
            max-width: 720px;
            margin: 16px auto 0;
            color: #000000;
            font-family: 'Montserrat-Light';
            font-size: 20px;
            font-weight: 600;
            line-height: 1.38;
            overflow-wrap: anywhere;
            word-break: break-word;
            hyphens: auto;
        }

        .news-archive-section {
            min-width: 0;
            margin-top: 0 !important;
            text-align: center;
        }

        .news-archive-grid {
            display: grid;
            gap: 44px;
            margin-top: 34px;
        }

        .news-archive-card {
            display: grid;
            gap: 22px;
            padding-bottom: 44px;
            border-bottom: 1px solid rgba(8, 10, 13, 0.12);
        }

        .news-archive-card:last-child {
            padding-bottom: 0;
            border-bottom: 0;
        }

        .news-archive-media {
            position: relative;
            display: block;
            width: 100%;
            aspect-ratio: 735 / 490;
            overflow: hidden;
            background: #d8dde4;
            text-decoration: none;
        }

        .news-archive-media img {
            display: block;
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition:
                transform 0.45s ease,
                filter 0.45s ease;
        }

        .news-archive-media:hover img,
        .news-archive-media:focus-visible img {
            transform: scale(1.035);
            filter: saturate(1.05) contrast(1.04);
        }

        .news-archive-body {
            max-width: 720px;
            margin: 0;
            text-align: left;
        }

        .news-archive-date {
            margin: 0;
            color: #5c6168;
            font-family: 'Montserrat-Medium';
            font-size: 14px;
            font-weight: 500;
            line-height: 1.3;
            letter-spacing: 0.12em;
            text-transform: uppercase;
        }

        .news-archive-title {
            margin: 14px 0 0;
            color: #080a0d;
            font-family: 'Montserrat-Medium';
            font-size: 29px;
            font-weight: 500;
            line-height: 1.15;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            overflow-wrap: anywhere;
        }

        .news-archive-title a {
            color: inherit;
            text-decoration: none;
        }

        .news-archive-line {
            width: 112px;
            height: 6px;
            margin: 16px 0 0;
            background: var(--gold, #CD9F26);
        }

        .news-archive-excerpt {
            margin: 18px 0 0;
            max-width: 60ch;
            color: #000000;
            font-family: 'Montserrat-Light';
            font-size: 19px;
            font-weight: 600;
            line-height: 1.45;
            overflow-wrap: anywhere;
            word-break: break-word;
            hyphens: auto;
        }

        .news-archive-pagination {
            margin-top: 48px !important;
            padding-top: 6px;
        }

        .news-archive-pagination nav[role="navigation"] {
            width: 100%;
        }

        .news-archive-pagination nav[role="navigation"] > div:first-child {
            display: none;
        }

        .news-archive-pagination nav[role="navigation"] > div:last-child {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 16px;
        }

        .news-archive-pagination nav[role="navigation"] > div:last-child > div:first-child {
            order: 2;
        }

        .news-archive-pagination nav[role="navigation"] > div:last-child > div:last-child {
            order: 1;
        }

        .news-archive-pagination .text-sm.text-gray-700.leading-5,
        .news-archive-pagination .text-sm.text-gray-700.leading-5 span {
            color: rgba(15, 17, 21, .72);
            font-family: 'Montserrat-Medium';
            font-size: 13px;
            letter-spacing: .08em;
            text-transform: uppercase;
        }

        .news-archive-pagination .font-medium {
            color: #0f1115;
            font-family: 'Montserrat-Bold';
        }

        .news-archive-pagination .relative.z-0.inline-flex,
        .news-archive-pagination .pagination {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            flex-wrap: wrap;
            gap: 10px;
            margin: 0;
            padding: 12px 14px;
            border-radius: 999px;
            background: linear-gradient(180deg,
                    rgba(255, 255, 255, .92) 0%,
                    rgba(244, 246, 250, .92) 100%);
            box-shadow:
                0 18px 40px rgba(7, 11, 17, .08),
                inset 0 1px 0 rgba(255, 255, 255, .72);
            list-style: none;
        }

        .news-archive-pagination .relative.inline-flex.items-center,
        .news-archive-pagination .page-link,
        .news-archive-pagination .page-item span {
            position: relative;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: 46px;
            height: 46px;
            padding: 0 16px;
            border: 1px solid rgba(12, 16, 24, .12);
            border-radius: 999px;
            background: rgba(255, 255, 255, .96);
            color: #171c24;
            font-family: 'Montserrat-Bold';
            font-size: 13px;
            font-weight: 700;
            letter-spacing: .08em;
            line-height: 1;
            text-decoration: none;
            box-shadow: 0 10px 20px rgba(7, 11, 17, .06);
            transition:
                transform .22s ease,
                color .22s ease,
                background .22s ease,
                border-color .22s ease,
                box-shadow .22s ease;
        }

        .news-archive-pagination a.relative.inline-flex.items-center:hover,
        .news-archive-pagination a.relative.inline-flex.items-center:focus-visible,
        .news-archive-pagination .page-link:hover,
        .news-archive-pagination .page-link:focus-visible {
            color: #ffffff;
            background: linear-gradient(180deg, #cfa53a 0%, #b98a18 100%);
            border-color: rgba(185, 138, 24, .9);
            transform: translateY(-2px);
            box-shadow: 0 16px 28px rgba(170, 124, 14, .26);
        }

        .news-archive-pagination span[aria-current="page"] > span.relative.inline-flex.items-center,
        .news-archive-pagination [aria-current="page"] > span,
        .news-archive-pagination .page-item.active .page-link {
            color: #ffffff !important;
            background: linear-gradient(180deg, #cfa53a 0%, #b98a18 100%) !important;
            border-color: rgba(185, 138, 24, .9) !important;
            transform: translateY(-2px);
            box-shadow: 0 16px 28px rgba(170, 124, 14, .26);
        }

        .news-archive-pagination span[aria-disabled="true"] .relative.inline-flex.items-center,
        .news-archive-pagination .page-item.disabled .page-link,
        .news-archive-pagination .page-item.disabled span {
            color: rgba(23, 28, 36, .38);
            background: rgba(235, 238, 243, .92);
            border-color: rgba(12, 16, 24, .08);
            box-shadow: none;
            cursor: default;
        }

        .news-archive-pagination .relative.inline-flex.items-center svg,
        .news-archive-pagination .page-link svg {
            width: 18px;
            height: 18px;
        }

        .news-archive-pagination .page-item {
            list-style: none;
        }

        .news-archive-pagination .page-link:focus-visible,
        .news-archive-pagination a.relative.inline-flex.items-center:focus-visible {
            outline: 2px solid rgba(205, 159, 38, .5);
            outline-offset: 2px;
        }

        @media (max-width: 640px) {
            .news-archive-pagination {
                margin-top: 36px !important;
            }

            .news-archive-pagination nav[role="navigation"] > div:first-child {
                display: flex;
                align-items: center;
                justify-content: center;
                gap: 12px;
            }

            .news-archive-pagination nav[role="navigation"] > div:last-child {
                display: none;
            }

            .news-archive-pagination nav[role="navigation"] > div:first-child .relative.inline-flex.items-center {
                min-width: 132px;
                padding: 0 20px;
            }

            .news-archive-pagination .relative.z-0.inline-flex,
            .news-archive-pagination .pagination {
                padding: 10px;
                gap: 8px;
            }
        }

        .news-more-sidebar {
            grid-column: 2;
            grid-row: 1 / span 2;
            min-width: 0;
            position: sticky;
            top: 0;
            align-self: start;
        }

        .news-more-recent-panel {
            overflow: hidden;
            background: rgba(218, 218, 218, 0.2);
            border-radius: 14px 0 0 0;
            padding: 20px 28px 18px;
        }

        .news-more-recent-header {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: space-between;
            min-height: 44px;
            margin-bottom: 12px;
            padding-bottom: 10px;
            border-bottom: 2px solid rgba(0, 0, 0, 0.78);
        }

        .news-more-recent-header h2 {
            margin: 0;
            color: #0f1115;
            font-family: 'Montserrat-Bold', sans-serif;
            font-size: 21px;
            font-weight: 700;
            line-height: 1;
            letter-spacing: 0.03em;
            text-transform: uppercase;
        }

        .news-more-recent-header i {
            color: var(--gold, #CD9F26);
            font-size: 17px;
        }

        .news-more-recent-item {
            display: grid;
            grid-template-columns: 116px minmax(0, 1fr);
            gap: 10px;
            align-items: start;
            min-width: 0;
            padding: 12px 0;
            border-bottom: 2px solid rgba(0, 0, 0, 0.78);
            color: #272a2f;
            text-decoration: none;

        }

        .news-more-recent-item:last-child {
            border-bottom: 0;
        }

        .news-more-recent-item img {
            display: block;
            width: 116px;
            height: 100px;
            object-fit: cover;
            transition: transform 0.35s ease;
        }

        .news-more-recent-item-title {

            align-self: stretch;
            border-left: 4px solid var(--gold, #CD9F26);
            font-family: 'Montserrat-Light';
            font-size: 11px;
            color: #000;
            letter-spacing: 0;
            line-height: 1.45;
            text-transform: uppercase;
            margin: 0;
            min-height: 80px;
            min-width: 0;
            overflow-wrap: anywhere;
            word-break: break-word;
            hyphens: auto;
            padding-left: 8px;
        }

        .news-more-recent-item:hover img,
        .news-more-recent-item:focus-visible img {
            transform: scale(1.04);
        }

        .news-more-continue {

            margin: 82px 0 0 0px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 16px;
            min-width: 280px;
            min-height: 70px;
            border-radius: 22px;
            padding: 20px 22px;

            background: #E7EBEF;
            color: #4b5662;
            border: none;

            /* 🎯 THE FIX */
            box-shadow:
                -6px -6px 12px rgba(255, 255, 255, 0.9),
                /* top-left light */
                8px 10px 20px rgba(20, 30, 50, 0.12),
                /* bottom-right shadow */
                0 2px 4px rgba(20, 30, 50, 0.06);
            /* subtle base */

            transition: all .3s ease;
            font-family: 'Montserrat-Medium';
            font-size: 16px;
            letter-spacing: .08em;
            text-transform: uppercase;
            text-decoration: none;

        }

        .news-more-continue:hover,
        .news-more-continue:focus-visible {
            background: #ffffff;
            color: #22272d;
            transform: translateY(-2px);
            box-shadow: 0 14px 22px rgba(35, 45, 60, 0.22);
        }

        .news-more-continue i {
            font-size: 15px;
        }

        .news-more-continue-mobile {
            display: none;
        }

        @media (max-width: 1199px) {
            .news-more-section {
                padding: 70px 30px 40px;
            }

            .news-more-layout {
                grid-template-columns: minmax(0, 750px);
                justify-content: center;
                gap: 24px;
            }

            .news-more-title {
                font-size: 30px;
            }

            .news-more-excerpt {
                font-size: 20px;
            }

            .news-archive-title {
                font-size: 25px;
            }

            .news-archive-excerpt {
                font-size: 18px;
            }

            .news-more-recent-panel {
                padding: 18px 22px 16px;
            }
        }

        @media (max-width: 991px) {
            .news-more-layout {
                grid-template-columns: 1fr;
            }

            .news-more-main,
            .news-more-sidebar,
            .news-archive-section {
                grid-column: 1;
                grid-row: auto;
            }

            .news-more-sidebar {
                display: block;
                position: static;
                top: auto;
                padding-top: 0;
            }

            .news-more-recent-panel {
                max-width: none;
            }

            .news-archive-card {
                gap: 18px;
            }

            .news-archive-media,
            .news-archive-body {
                grid-column: 1;
            }

            .news-archive-body {
                width: 100%;
                max-width: 100%;
            }
        }

        @media (max-width: 767px) {
            .news-more-section {
                padding: 60px 18px 30px;
                background-size: auto 78%;
            }

            .news-more-section::before {
                height: 168px;
            }

            .news-more-layout {
                gap: 20px;
            }

            .news-archive-grid {
                gap: 32px;
                margin-top: 28px;
            }

            .news-archive-card {
                gap: 16px;
                padding-bottom: 32px;
            }

            .news-archive-body {
                width: 100%;
                max-width: 100%;
                text-align: center;
            }

            .news-archive-date {
                font-size: 12px;
                letter-spacing: 0.08em;
            }

            .news-archive-title {
                margin-top: 12px;
                font-size: 18px;
                line-height: 1.3;
                letter-spacing: 0.02em;
            }

            .news-archive-line {
                width: 84px;
                height: 5px;
                margin: 14px auto 0;
            }

            .news-archive-excerpt {
                margin-top: 14px;
                max-width: 100%;
                font-size: 16px;
                line-height: 1.5;
            }

            .news-more-title {
                margin-top: 24px;
                max-width: 29ch;
                font-size: 17px;
                line-height: 1.25;
                letter-spacing: 0;
            }

            .news-more-title span {
                display: inline;
            }

            .news-more-excerpt {
                font-size: 17px;
                line-height: 1.45;
                letter-spacing: 0.04em;
            }

            .news-more-play {
                width: 86px;
                height: 86px;
                border-width: 4px;
            }

            .news-more-play::before {
                border-top-width: 18px;
                border-bottom-width: 18px;
                border-left-width: 27px;
            }

            .news-more-sidebar {
                display: block;
            }

            .news-more-recent-panel {
                max-width: none;
                padding: 18px 16px 14px;
            }

            .news-more-recent-item {
                grid-template-columns: 118px minmax(0, 1fr);
            }

            .news-more-recent-item img {
                width: 118px;
                height: 82px;
            }

            .news-more-recent-item p {
                font-size: 12px;
                line-height: 1.22;
            }

            .news-more-continue-mobile {
                min-width: min(100%, 260px);
                margin: 28px auto 0;
                display: inline-flex;
            }
        }

        @media (max-width: 420px) {
            .news-more-section {
                padding-left: 14px;
                padding-right: 14px;
            }

            .news-archive-title {
                font-size: 16px;
            }

            .news-archive-excerpt {
                font-size: 15px;
            }

            .news-more-title {
                font-size: 16px;
                max-width: 30ch;
            }

            .news-more-excerpt {
                font-size: 15px;
            }

            .news-more-recent-item {
                grid-template-columns: 106px minmax(0, 1fr);
                gap: 8px;
            }

            .news-more-recent-item img {
                width: 106px;
                height: 76px;
            }

            .news-more-recent-item p {
                min-height: 76px;
                font-size: 11px;
            }
        }
                @media (min-width: 1800px) {
            .news-more-inner {
                max-width: 1600px;
            }
            .news-more-layout {
                grid-template-columns: minmax(0, 1100px);
            }
            .news-archive-title {
                font-size: 34px;
            }
            .news-archive-body {
                max-width: none;
            }
            .news-archive-excerpt {
                max-width: none;
            }
            .news-details-feature {
                max-width: 1100px;
            }
        }

        /* NEWS DETAILS PAGE */
        .news-details-page {
            background: #EDEFF4;
        }

        .news-details-section {
            position: relative;
            overflow: hidden;
            background-color: #EDEFF4;
            padding: 102px 0px 0;
        }

        .news-details-section::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 136px;
            background: linear-gradient(180deg, rgba(0, 0, 0, 0.92), rgba(0, 0, 0, 0.72) 68%, rgba(0, 0, 0, 0));
            pointer-events: none;
        }

        .news-details-shell {
            position: relative;
            top: 10px;
            z-index: 1;
            width: 100%;
            max-width: auto;
            margin: 0 auto;
        }

        .news-details-article {
            margin: 0;
        }

        .news-details-feature {
            aspect-ratio: 735 / 490;
            max-width: 960px;
            width: 100%;
            margin: 0 auto;
            background: #cfd5dd;
            border-radius: 8px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
        }

        .news-details-feature .news-more-play {
            width: 120px;
            height: 120px;
            border-width: 6px;
            border-color: rgba(255, 255, 255, 0.48);
        }

        .news-details-feature .news-more-play::before {
            border-top-width: 22px;
            border-bottom-width: 22px;
            border-left-width: 33px;
            border-left-color: rgba(255, 255, 255, 0.62);
        }

        .news-details-content {
            padding: 30px 36px 76px;
            text-align: auto;
        }

        .news-details-title {
            max-width: 1140px;
            margin: 0 auto;
            color: #05070a;
            font-family: 'Montserrat-Medium';
            font-size: 38px;
            font-weight: 500;
            line-height: 1.15;
            letter-spacing: 0.13em;
            text-transform: uppercase;
            overflow-wrap: normal;
            word-break: normal;
            hyphens: none;
            text-align: center;
        }

        .news-details-title span {
            display: block;
        }

        .news-details-line {
            width: 126px;
            height: 6px;
            margin: 24px auto 0;
            background: var(--gold, #CD9F26);
        }

        .news-details-text {
            text-align: auto;
            max-width: 1200px;
            margin: 24px auto 0;
            color: #24282e;
            font-family: 'Montserrat-Medium';
            font-size: 22px;
            font-weight: 500;
            line-height: 1.32;
            letter-spacing: 0.08em;
        }

        @media (max-width: 1199px) {
                 .partner-find-out-section {

                 background-size: cover!important;
            }

            .news-details-section {
                padding-top: 112px;
            }

            .news-details-title {
                font-size: 34px;
                letter-spacing: 0.1em;
            }

            .news-details-text {
                max-width: 900px;
                font-size: 21px;
                letter-spacing: 0.06em;
            }
        }

        @media (max-width: 767px) {
            .news-details-section {
                padding: 90px 14px 0;
            }

            .news-details-section::before {
                height: 128px;
            }

            .news-details-feature .news-more-play {
                width: 90px;
                height: 90px;
                border-width: 4px;
            }

            .news-details-feature .news-more-play::before {
                border-top-width: 18px;
                border-bottom-width: 18px;
                border-left-width: 28px;
            }

            .news-details-content {
                padding: 26px 4px 56px;
            }

            .news-details-title {
                max-width: 18ch;
                font-size: 22px;
                line-height: 1.24;
                letter-spacing: 0.03em;
            }

            .news-details-title span {
                display: inline;
            }

            .news-details-line {
                width: 90px;
                height: 5px;
                margin-top: 18px;
            }

            .news-details-text {
                max-width: 29ch;
                font-size: 16px;
                line-height: 1.5;
                letter-spacing: 0.03em;
            }
        }

        @media (max-width: 420px) {
            .news-details-section {
                padding-left: 0;
                padding-right: 0;
            }

            .news-details-content {
                padding-left: 14px;
                padding-right: 14px;
            }

            .news-details-title {
                max-width: 18ch;
                font-size: 18px;
                line-height: 1.28;
                letter-spacing: 0.01em;
            }

            .news-details-text {
                max-width: 29ch;
                font-size: 15px;
                letter-spacing: 0.02em;
            }

            .news-details-page .footer-copy {
                max-width: calc(100% - 28px);
                margin-left: auto;
                margin-right: auto;
                line-height: 1.4;
                overflow-wrap: break-word;
            }
        }

        /* PRODUCT DETAIL PAGE */
        .product-detail-page {
            background: #e8e8e8;
        }

        .product-detail-page #newsHero.product-detail-hero {
            min-height: calc(100vh);
            padding: 0;
            align-items: center;
            background-color: #1c1f24;
            background-image:
                linear-gradient(180deg, rgba(0, 0, 0, 0.78) 0%, rgba(0, 0, 0, 0.30) 48%, rgba(0, 0, 0, 0.86) 100%),
                linear-gradient(90deg, rgba(0, 0, 0, 0.28) 0%, rgba(255, 255, 255, 0.10) 50%, rgba(0, 0, 0, 0.34) 100%),
                url('../images/news/news-background.png');
            background-blend-mode: normal, normal, luminosity;
            background-position: center center;
            background-size: cover;
        }

        .product-detail-page #newsHero.product-detail-hero::before {
            height: 145px;
            background: linear-gradient(to bottom,
                    rgba(0, 0, 0, 0.98) 0%,
                    rgba(0, 0, 0, 0.84) 34%,
                    rgba(0, 0, 0, 0.38) 70%,
                    rgba(0, 0, 0, 0) 100%);
        }

        .product-detail-page #newsHero.product-detail-hero::after {
            height: 180px;
            background: linear-gradient(to bottom,
                    rgba(0, 0, 0, 0) 0%,
                    rgba(0, 0, 0, 0.18) 24%,
                    rgba(0, 0, 0, 0.66) 72%,
                    rgba(0, 0, 0, 0.94) 100%);
        }

        .product-detail-play {
            z-index: 2;
            padding: 0;
            border: 0;
            background: transparent;
            cursor: pointer;
        }

        .product-detail-play .play-circle {
            position: relative;
            width: clamp(118px, 11vw, 158px);
            height: clamp(118px, 11vw, 158px);
            border: 9px solid rgba(255, 255, 255, 0.38);
            background: rgba(255, 255, 255, 0.04);
            box-shadow: 0 28px 60px rgba(0, 0, 0, 0.25);
        }

        .product-detail-play .play-circle::before {
            content: '';
            position: absolute;
            inset: 13px;
            border-radius: 50%;
            border: 2px solid rgba(255, 255, 255, 0.20);
            animation: playPulseLg 2.4s infinite;
        }

        .product-detail-play .play-circle::after {
            content: '';
            position: absolute;
            inset: -9px;
            border-radius: 50%;
            border: 1px solid rgba(255, 255, 255, 0.16);
        }

        .product-detail-play .play-circle i {
            font-size: clamp(50px, 5vw, 78px);
            color: rgba(255, 255, 255, 0.56);
            margin-left: 11px;
        }

        .product-detail-page .site-footer {
            position: relative;
            z-index: 3;
        }

        .product-detail-page .footer-copy {
            max-width: calc(100% - 28px);
            margin-left: auto;
            margin-right: auto;
            line-height: 1.45;
            overflow-wrap: break-word;
        }

        @media (max-width: 991px) {
            .product-detail-page #newsHero.product-detail-hero {
                min-height: 72vh;
                background-position: center center;
            }

            .product-detail-play .play-circle {
                width: 118px;
                height: 118px;
                border-width: 7px;
            }

            .product-detail-play .play-circle i {
                font-size: 50px;
                margin-left: 8px;
            }
        }

        @media (max-width: 575px) {
            .product-detail-page #newsHero.product-detail-hero {
                min-height: 80vh;
            }

            .product-detail-play .play-circle {
                width: 96px;
                height: 96px;
                border-width: 6px;
            }

            .product-detail-play .play-circle::before {
                inset: 10px;
            }

            .product-detail-play .play-circle i {
                font-size: 40px;
                margin-left: 7px;
            }
        }

        /* CONTACT US PAGE */
        .contact-page {
            background: #000;
        }

        .contact-us-hero {
            position: relative;
            min-height: 100vh;
            overflow: visible;
            display: flex;
            align-items: stretch;
            background:
                linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)),
                url('../images/contact-top.png') center center / 120% no-repeat #000;
        }

        .contact-us-hero::before {
            content: '';
            position: absolute;
            inset: 0;
            background:
                linear-gradient(to bottom, rgba(0, 0, 0, .75) 0%, rgba(0, 0, 0, .18) 28%, rgba(0, 0, 0, .08) 58%, rgba(0, 0, 0, .72) 100%);
            pointer-events: none;
            z-index: 1;
        }

        .contact-us-content {
            position: relative;
            z-index: 2;
            width: min(1510px, 100%);
            min-height: 100vh;
            margin: 0 auto;
            padding: 140px 70px 64px;
        }

        .contact-us-heading {
            text-align: center;
            margin: 0 auto;
        }

        .contact-us-title {
            color: rgba(255, 255, 255, .78);
            font-family: 'Montserrat-Medium';
            font-size: 36px;
            font-weight: 300;
            letter-spacing: .12em;
            line-height: 1;
            margin: 0;
            text-transform: uppercase;
        }

        .contact-us-line {
            width: 126px;
            height: 5px;
            margin: 7px auto 0;
            background: var(--gold);
        }

        .contact-us-offices {
            position: absolute;
            inset: 0;
            pointer-events: none;
        }

        .contact-us-office {
            position: absolute;
            width: min(260px, 18vw);
            min-width: 210px;
            color: #fff;
            pointer-events: auto;
        }

        .contact-us-office h2 {
            color: var(--gold);
            font-family: 'Montserrat-Bold';
            font-size: 22px;
            font-weight: 700;
            letter-spacing: .04em;
            line-height: 1;
            margin: 0 0 8px;
            text-transform: uppercase;
        }

        .contact-us-card {
            min-height: 120px;
            padding: 10px 11px 12px;
            border-radius: 5px;
            background: rgba(104, 110, 116, .62);
            color: rgba(255, 255, 255, .95);
            font-family: 'Montserrat-Medium';
            font-size: clamp(12px, .9vw, 15px);
            line-height: 1.58;
            letter-spacing: .02em;
            backdrop-filter: blur(1px);
            max-width: 100%;
            overflow-wrap: anywhere;
        }

        .contact-us-card p {
            margin: 0;
        }

        .contact-us-card strong {
            color: var(--gold);
            font-family: 'Montserrat-Bold';
            font-weight: 700;
        }

        .contact-us-dots {
            position: absolute;
            width: 20px;
            height: 20px;
            object-fit: contain;
            pointer-events: none;
        }

        .contact-us-americas {
            left: 7.5%;
            top: 45.5%;
        }

        .contact-us-americas .contact-us-dots {
            right: 2px;
            top: -33px;
        }

        .contact-us-europe {
            left: 32.8%;
            top: 38%;
        }

        .contact-us-europe .contact-us-dots {
            left: 101%;
            top: 0;
        }

        .contact-us-mea {
            left: 56.5%;
            top: 48%;
        }

        .contact-us-mea .contact-us-dots {
            left: -36px;
            top: -29px;
        }

        .contact-us-asia {
            right: 7%;
            top: 65%;
        }

        .contact-us-asia .contact-us-dots {
            left: 7px;
            top: -36px;
        }

        .contact-us-intro {
            position: absolute;
            left: 70px;
            bottom: 48px;
            max-width: 375px;
            color: #fff;
            font-family: 'Montserrat-Medium';
            font-size: clamp(14px, 1.2vw, 18px);
            line-height: 1.22;
            letter-spacing: .16em;
            margin: 0;
        }

        .contact-us-scroll {
            position: absolute;
            left: 50%;
            bottom: 25px;
            transform: translateX(-50%);
            width: 26px;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 4px;
            color: var(--gold);
        }

        .contact-us-scroll span {
            display: block;
            width: 24px;
            height: 38px;
            border: 3px solid rgba(255, 255, 255, .72);
            border-radius: 14px;
            position: relative;
        }

        .contact-us-scroll span::before {
            content: '';
            position: absolute;
            left: 50%;
            top: 8px;
            width: 4px;
            height: 8px;
            border-radius: 8px;
            background: rgba(255, 255, 255, .72);
            transform: translateX(-50%);
        }

        .contact-us-scroll i {
            font-size: 13px;
            line-height: 1;
        }

        .contact-us-headquarters {
            position: relative;
            z-index: 5;
            width: 100%;
            max-width: 510px;
            min-height: 676px;
            margin: -140px 0 0 auto;
            padding: 23px 30px 34px;
            border-radius: 13px;
            background: #fff;
            color: #333;
            box-shadow: 0 30px 55px rgba(30, 39, 51, .14);
        }

        .contact-us-headquarters h2 {
            color: #030303;
            font-family: 'Montserrat-Bold';
            font-size: clamp(28px, 2.45vw, 36px);
            font-weight: 700;
            line-height: 1;
            letter-spacing: .02em;
            margin: 0;
            text-transform: uppercase;
        }

        .contact-us-hq-subtitle {
            color: #36383c;
            font-family: 'Montserrat-Regular';
            font-size: clamp(15px, 1.25vw, 18px);
            line-height: 1.25;
            letter-spacing: .03em;
            margin: 3px 0 30px;
        }

        .contact-us-hq-details {
            margin-bottom: 16px;
        }

        .contact-us-hq-details p {
            color: #33383d;
            font-family: 'Montserrat-Regular';
            font-size: 17px;
            line-height: 1.7;
            letter-spacing: .04em;
            margin: 0;
        }

        .contact-us-hq-details strong {
            color: var(--gold);
            font-family: 'Montserrat-Bold';
            font-weight: 700;
        }

        .contact-us-map {
            position: relative;
            width: 100%;
            height: 388px;
            overflow: hidden;
            background:
                linear-gradient(90deg, rgba(205, 159, 38, .12) 1px, transparent 1px),
                linear-gradient(0deg, rgba(205, 159, 38, .12) 1px, transparent 1px),
                linear-gradient(135deg, #dfe5e9, #f4f6f8);
            background-size: 34px 34px, 34px 34px, auto;
        }

        .contact-us-map::before {
            content: '';
            position: absolute;
            left: 50%;
            top: 50%;
            width: 28px;
            height: 28px;
            border-radius: 50% 50% 50% 0;
            background: #c7342d;
            transform: translate(-50%, -62%) rotate(-45deg);
            box-shadow: 0 6px 14px rgba(70, 70, 70, .25);
        }

        .contact-us-map::after {
            content: '';
            position: absolute;
            left: 50%;
            top: 50%;
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background: #8f201b;
            transform: translate(-50%, -105%);
        }

        .contact-us-map iframe {
            position: relative;
            z-index: 1;
            display: block;
            width: 100%;
            height: 100%;
            border: 0;
        }

        .contact-us-message-section {
            position: relative;
            overflow: visible;
            z-index: 3;
            margin-top: 0;
            padding: 55px 70px 58px;
            background-color: #ECEFF4;
            background-image: url('../images/contact-shape.png');
            background-repeat: no-repeat;
            background-position: left bottom;
            background-size: 100% auto;
        }

        .contact-us-message-shell {
            position: relative;
            z-index: 2;
            width: min(1740px, 100%);
            margin: 0 auto;
        }

        .contact-us-form-panel {
            padding-top: 0;
        }

        .contact-us-form-panel h2 {
            color: #05070a;
            font-family: 'Montserrat-Bold';
            font-size: clamp(30px, 2.7vw, 42px);
            font-weight: 700;
            line-height: 1;
            letter-spacing: .16em;
            margin: 0 0 4px;
            text-transform: uppercase;
        }

        .contact-us-form-lead {
            color: var(--gold);
            font-family: 'Montserrat-Medium';
            font-size: clamp(15px, 1.3vw, 19px);
            line-height: 1.25;
            letter-spacing: .05em;
            margin: 0 0 18px;
        }

        .contact-us-form {
            display: flex;
            flex-direction: column;
            gap: 34px;
        }

        .contact-us-form-row {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 22px;
        }

        .contact-us-form input,
        .contact-us-form textarea,
        .contact-us-form button {
            border: 0;
            border-radius: 9px;
            font-family: 'Montserrat-Regular';
            letter-spacing: .08em;
        }

        .contact-us-form input,
        .contact-us-form textarea {
            width: 100%;
            background: rgba(236, 239, 244, .96);
            color: #33383d;
            box-shadow: inset 0 4px 14px rgba(24, 31, 44, .16);
            outline: none;
        }

        .contact-us-form input {
            min-height: 66px;
            padding: 0 14px;
            font-size: 14px;
        }

        .contact-us-form textarea {
            min-height: 176px;
            resize: vertical;
            padding: 16px 14px;
            font-size: 14px;
        }

        .contact-us-form input::placeholder,
        .contact-us-form textarea::placeholder {
            color: rgba(49, 54, 59, .76);
            opacity: 1;
        }

        .contact-us-form input:focus,
        .contact-us-form textarea:focus {
            box-shadow:
                inset 0 4px 14px rgba(24, 31, 44, .16),
                0 0 0 2px rgba(205, 159, 38, .35);
        }

        .contact-us-form button {
            align-self: center;
            width: min(278px, 100%);
            min-height: 67px;
            background: rgba(236, 239, 244, .96);
            color: #585e66;
            box-shadow: 0 14px 22px rgba(24, 31, 44, .16);
            font-family: 'Montserrat-Bold';
            font-size: 22px;
            font-weight: 700;
            transition: background .25s ease, color .25s ease, transform .25s ease;
        }

        .contact-us-form button:hover {
            background: var(--gold);
            color: #fff;
            transform: translateY(-2px);
        }

        .contact-us-bottom-copy {
            position: relative;
            z-index: 2;
            width: min(1510px, 100%);
            margin: 112px auto 0;
            color: #2d3035;
            text-align: center;
        }

        .contact-us-bottom-copy p {
            font-family: 'Montserrat-Medium';
            font-size: 16px;
            line-height: 1.35;
            letter-spacing: .14em;
            margin: 0 auto 24px;
            max-width: 1510px;
        }

        @media (max-width: 1199px) {
            .contact-us-content {
                padding: 145px 34px 56px;
            }

            .contact-us-office {
                min-width: 190px;
                width: 23vw;
            }

            .contact-us-americas {
                left: 4%;
            }

            .contact-us-europe {
                left: 31%;
            }

            .contact-us-mea {
                left: 54%;
            }

            .contact-us-asia {
                right: 4%;
            }

            .contact-us-intro {
                left: 34px;
            }

            .contact-us-headquarters {
                max-width: 470px;
                margin-top: -135px;
            }

            .contact-us-message-section {
                padding-left: 34px;
                padding-right: 34px;
            }

            .contact-us-form-panel h2 {
                letter-spacing: .12em;
            }
        }

        @media (max-width: 991px) {

            .contact-us-hero,
            .contact-us-content {
                min-height: auto;
            }

            .contact-us-content {
                padding: 140px 24px 52px;
            }

            .contact-us-title {
                letter-spacing: .22em;
            }

            .contact-us-offices {
                position: relative;
                inset: auto;
                display: grid;
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 24px 18px;
                margin-top: 70px;
            }

            .contact-us-office {
                position: relative;
                inset: auto;
                width: 100%;
                min-width: 0;
                max-width: 100%;
            }

            .contact-us-office h2 {
                font-size: 20px;
            }

            .contact-us-card {
                min-height: 132px;
                font-size: 14px;
            }

            .contact-us-dots {
                right: 0;
                left: auto !important;
                top: -38px !important;
            }

            .contact-us-intro {
                position: relative;
                left: auto;
                bottom: auto;
                max-width: 520px;
                margin-top: 42px;
            }

            .contact-us-scroll {
                display: none;
            }

            .contact-us-headquarters {
                width: 100%;
                min-height: 0;
                max-width: none;
                margin: 42px auto 0;
            }

            .contact-us-map {
                height: 330px;
            }

            .contact-us-message-section {
                padding: 46px 24px 52px;
                background-size: auto 55%;
            }

            .contact-us-form-panel h2 {
                font-size: 30px;
                letter-spacing: .1em;
            }

            .contact-us-form-row {
                gap: 14px;
            }

            .contact-us-bottom-copy {
                margin-top: 64px;
            }

            .contact-us-bottom-copy p {
                font-size: 18px;
                letter-spacing: .08em;
            }
        }

        @media (max-width: 575px) {
            .contact-us-content {
                padding: 118px 18px 44px;
            }

            .contact-us-title {
                font-size: 24px;
                letter-spacing: .14em;
            }

            .contact-us-line {
                width: 96px;
                height: 4px;
            }

            .contact-us-offices {
                grid-template-columns: 1fr;
                gap: 38px;
                margin-top: 58px;
            }

            .contact-us-office {
                width: min(100%, 354px);
            }

            .contact-us-card {
                width: min(100%, 354px);
                min-height: 0;
            }

            .contact-us-intro {
                font-size: 14px;
                letter-spacing: .08em;
            }

            .contact-us-headquarters {
                padding: 20px 18px 24px;
                border-radius: 11px;
            }

            .contact-us-headquarters h2 {
                font-size: 26px;
            }

            .contact-us-hq-subtitle,
            .contact-us-hq-details p {
                font-size: 14px;
                letter-spacing: .02em;
            }

            .contact-us-map {
                height: 260px;
            }

            .contact-us-message-section {
                padding: 38px 18px 44px;
            }

            .contact-us-form-panel h2 {
                font-size: 24px;
                line-height: 1.18;
                letter-spacing: .08em;
            }

            .contact-us-form-lead {
                font-size: 14px;
                letter-spacing: .02em;
            }

            .contact-us-form {
                gap: 18px;
            }

            .contact-us-form-row {
                grid-template-columns: 1fr;
            }

            .contact-us-form input {
                min-height: 54px;
            }

            .contact-us-form textarea {
                min-height: 150px;
            }

            .contact-us-form button {
                min-height: 56px;
                font-size: 18px;
            }

            .contact-us-bottom-copy {
                margin-top: 48px;
            }

            .contact-us-bottom-copy p {
                font-size: 15px;
                line-height: 1.5;
                letter-spacing: .04em;
                margin-bottom: 18px;
            }
        }

/* ============================================================
   GCEL Global Page Loader
   ============================================================ */

/* Disable scroll while loader is active */
html.gcel-loading,
html.gcel-loading body {
    overflow: hidden;
}

/* Loader shell */
.gcel-loader {
    position: fixed;
    inset: 0;
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #252C38;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.55s ease, visibility 0.55s ease;
    pointer-events: all;
}

/* Hidden state - added by JS */
.gcel-loader.is-hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

/* Decorative background */
.gcel-loader-bg {
    position: absolute;
    inset: 0;
    background-image:
        radial-gradient(circle at 50% 50%, rgba(176, 141, 87, 0.10) 0%, transparent 62%),
        radial-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px);
    background-size: 100% 100%, 28px 28px;
    pointer-events: none;
}

/* Centred content */
.gcel-loader-content {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
}

/* Logo wrapper */
.gcel-loader-logo-wrap {
    position: relative;
    width: 210px;
    height: 210px;
    display: flex;
    align-items: center;
    justify-content: center;
    filter: drop-shadow(0 0 36px rgba(176, 141, 87, 0.22));
}

/* Animated rings */
.gcel-loader-ring {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    pointer-events: none;
}

.gcel-loader-ring.ring-1 {
    border: 2px solid transparent;
    border-top-color: #B08D57;
    border-right-color: rgba(176, 141, 87, 0.35);
    animation: gcelRing1 2.8s linear infinite;
}

.gcel-loader-ring.ring-2 {
    inset: 12px;
    border: 1.5px dashed rgba(176, 141, 87, 0.28);
    animation: gcelRing2 5.5s linear infinite reverse;
}

@keyframes gcelRing1 {
    to { transform: rotate(360deg); }
}

@keyframes gcelRing2 {
    to { transform: rotate(360deg); }
}

/* Logo image */
.gcel-loader-logo {
    width: 150px;
    height: auto;
    display: block;
    position: relative;
    z-index: 1;
    animation: gcelLogoFloat 3.4s ease-in-out infinite;
}

@keyframes gcelLogoFloat {
    0%,  100% { transform: translateY(0); }
    50%        { transform: translateY(-7px); }
}

/* Loading line */
.gcel-loader-line {
    width: 120px;
    height: 2px;
    background: rgba(176, 141, 87, 0.18);
    border-radius: 2px;
    overflow: hidden;
}

.gcel-loader-line span {
    display: block;
    height: 100%;
    width: 40%;
    background: linear-gradient(90deg, transparent, #B08D57, transparent);
    border-radius: 2px;
    animation: gcelLineSlide 1.6s ease-in-out infinite;
}

@keyframes gcelLineSlide {
    0%   { transform: translateX(-150%); }
    100% { transform: translateX(350%);  }
}

/* Mobile */
@media (max-width: 767px) {
    .gcel-loader-logo-wrap {
        width: 150px;
        height: 150px;
    }

    .gcel-loader-logo {
        width: 108px;
    }

    .gcel-loader-content {
        gap: 24px;
    }
}

/* Reduced-motion */
@media (prefers-reduced-motion: reduce) {
    .gcel-loader-ring.ring-1,
    .gcel-loader-ring.ring-2,
    .gcel-loader-logo,
    .gcel-loader-line span {
        animation: none;
    }

    .gcel-loader {
        transition: opacity 0.1s ease, visibility 0.1s ease;
    }
}
/* ============================================================
   /GCEL Global Page Loader
   ============================================================ */

/* ============================================================
   ASK THE CHAIRMAN Form Styles
   ============================================================ */
.ask-chairman-outer-wrapper {
    background-color: #e1e5e9;
    width: 100%;
    padding: 10px 0 20px;
    margin-top: 25px;
}

.ask-chairman-wrapper {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
}

.ask-chairman-title {
    font-family: 'Montserrat-Light';
    font-size: 34px;
    font-weight: 600;
    letter-spacing: 2px;
    color: #1b2433;
    text-align: center;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.chairman-form-control {
    background-color:#e5e9ed;
    border: 1px solid #c0c8d254;
    border-radius: 8px;
    font-size: 13px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    letter-spacing: 1px;
    box-shadow: none;
    height: 30px;
    padding: 8px 18px;
    color: #000000;
    transition: all 0.3s ease;
}

.chairman-form-control::placeholder {
    color: #404957;
    font-weight: 700;
    opacity: 0.85;
}

.chairman-form-control:focus {
    background-color: #f0f4f8;
    border-color: #CD9F26;
    outline: none;
    box-shadow: 0 0 0 3px rgba(205, 159, 38, 0.1);
}

textarea.chairman-form-control {
    height: auto;
    padding: 15px 18px;
    resize: none;
}

.chairman-submit-btn {
    background: linear-gradient(180deg, #F6F8FA 0%, #E2E6EC 100%);
    border: 1px solid #C4CCD4;
    border-radius: 12px;
    padding: 16px 80px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #404957;
    letter-spacing: 2px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
    transition: all 0.3s ease;
    margin-top: 10px;
}

.chairman-submit-btn:hover {
    background: linear-gradient(135deg, #CD9F26 0%, #B58A20 100%);
    color: #fff;
    border-color: #B58A20;
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(205, 159, 38, 0.35);
}

/* ==========================================================================
   POLICY & TERMS PAGE STYLES
   ========================================================================== */
.policy-hero-section {
    min-height: 50vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    padding: 160px 20px 100px;
    text-align: center;
}

.policy-hero-container {
    max-width: 900px;
    width: 100%;
    z-index: 2;
}

.policy-hero-title {
    color: var(--white, #ffffff);
    font-family: 'Montserrat-Bold', sans-serif;
    font-weight: 700;
    font-size: clamp(32px, 5vw, 48px);
    letter-spacing: 4px;
    margin: 0;
    text-transform: uppercase;
    text-shadow: 0 4px 12px rgba(0,0,0,0.4);
}

.policy-hero-line {
    width: 80px;
    height: 5px;
    background-color: var(--gold, #CD9F26);
    margin: 20px auto;
    border-radius: 2px;
}

.policy-hero-subtitle {
    color: rgba(255, 255, 255, 0.85);
    font-family: 'Montserrat-Light', sans-serif;
    font-size: clamp(16px, 2.5vw, 20px);
    letter-spacing: 2px;
    margin-top: 15px;
}

.policy-content-section {
    padding: 80px 20px;
    background-color: #f7f9fb;
}

.policy-content-container {
    max-width: 1100px;
    margin: 0 auto;
}

.policy-card {
    background: var(--white, #ffffff);
    border-radius: 16px;
    box-shadow: 0 15px 35px rgba(10, 22, 43, 0.05);
    border: 1px solid rgba(10, 22, 43, 0.03);
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.policy-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 45px rgba(10, 22, 43, 0.08);
}

#policyTermsSection .policy-card:hover {
    transform: none !important;
    box-shadow: none !important;
}

.policy-card-body {
    padding: 60px 80px;
}

@media (max-width: 991px) {
    .policy-card-body {
        padding: 40px 45px;
    }
}

@media (max-width: 767px) {
    .policy-card-body {
        padding: 30px 20px;
    }
    .policy-content-section {
        padding: 40px 15px;
    }
    .policy-hero-section {
        padding: 120px 20px 60px;
        min-height: 35vh;
    }
}

.policy-text {
    font-family: 'Montserrat-Medium';
    color: var(--text-dark, #000000);
    font-size: 16px;
    line-height: 1.85;
    letter-spacing: 0.03em;
}
.policy-layout-wider {
    grid-template-columns: minmax(0, 1100px) !important;
}

/* Footer Social Icon Styling */
.footer-social-icon {
    width: 25px;
    height: auto;
    object-fit: contain;
    vertical-align: middle;
    filter: brightness(0) invert(1);
    opacity: 0.85;
    transition: opacity 0.3s ease, transform 0.3s ease;
  
}

.footer-social-icon:hover {
    opacity: 1;
    transform: scale(1.1);
}