/* =============================================
   RESPONSIVE: Desktop fluid (1920px → 1010px)
   All clamp() values scale linearly between viewports.
   Formula: clamp(min, calc(min + (max - min) * ((100vw - 1010px) / 910)), max)
   ============================================= */

/* --- CONTAINER --- */
.container{
    max-width: clamp(960px, calc(960px + 860 * ((100vw - 1010px) / 910)), 1820px);
}

/* --- HEADER --- */
.header_holder{
    height: clamp(90px, calc(90px + 50 * ((100vw - 1010px) / 910)), 140px);
}
.header_holder .logo{
    gap: clamp(20px, calc(20px + 20 * ((100vw - 1010px) / 910)), 40px);
}
.header_holder .logo a figure img{
    height: clamp(40px, calc(40px + 20 * ((100vw - 1010px) / 910)), 60px);
}
.membership-btn a{
    width: clamp(120px, calc(120px + 40 * ((100vw - 1010px) / 910)), 160px);
    height: clamp(38px, calc(38px + 12 * ((100vw - 1010px) / 910)), 50px);
    font-size: clamp(13px, calc(13px + 3 * ((100vw - 1010px) / 910)), 16px);
}

/* --- NAV --- */
nav ul{
    gap: clamp(10px, calc(10px + 10 * ((100vw - 1010px) / 910)), 20px);
}
nav ul li a{
    font-size: clamp(13px, calc(13px + 4 * ((100vw - 1010px) / 910)), 17px);
}

/* --- CAROUSEL / HERO --- */
.carousel{
    width: clamp(1010px, 100vw, 1920px);
}
.carousel__slide{
    width: clamp(1010px, 100vw, 1920px);
}

/* --- BANNER 1 --- */
.banner-1{
    height: clamp(500px, calc(500px + 440 * ((100vw - 1010px) / 910)), 940px);
    width: clamp(1010px, 100vw, 1920px);
}
.banner-1-bg figure img{
    height: clamp(500px, calc(500px + 440 * ((100vw - 1010px) / 910)), 940px);
}
.banner-1_info h2{
    font-size: clamp(42px, calc(42px + 38 * ((100vw - 1010px) / 910)), 80px);
    margin-bottom: clamp(10px, calc(10px + 10 * ((100vw - 1010px) / 910)), 20px);
}
.banner-1_info h2 img{
    width: clamp(30px, calc(30px + 27 * ((100vw - 1010px) / 910)), 57px);
}
.banner-1_info p{
    font-size: clamp(18px, calc(18px + 9 * ((100vw - 1010px) / 910)), 27px);
}
.banner-1_info p.p2{
    font-size: clamp(13px, calc(13px + 3 * ((100vw - 1010px) / 910)), 16px);
    line-height: clamp(20px, calc(20px + 6 * ((100vw - 1010px) / 910)), 26px);
}
.banner-1_info a{
    width: clamp(100px, calc(100px + 30 * ((100vw - 1010px) / 910)), 130px);
    padding: clamp(3px, calc(3px + 2 * ((100vw - 1010px) / 910)), 5px);
    margin-top: clamp(12px, calc(12px + 8 * ((100vw - 1010px) / 910)), 20px);
    line-height: clamp(24px, calc(24px + 6 * ((100vw - 1010px) / 910)), 30px);
}
.banner-1-images .arrow:first-child figure img{
    width: clamp(170px, calc(170px + 150 * ((100vw - 1010px) / 910)), 320px);
}
.banner-1-images .ms-ana-img figure img{
    max-width: clamp(430px, calc(430px + 390 * ((100vw - 1010px) / 910)), 820px);
}
.banner-1-images .back-arrow figure img{
    max-width: clamp(390px, calc(390px + 350 * ((100vw - 1010px) / 910)), 740px);
}

/* --- BANNER 2 --- */
.banner-2{
    height: clamp(500px, calc(500px + 440 * ((100vw - 1010px) / 910)), 940px);
    width: clamp(1010px, 100vw, 1920px);
}
.banner-2_info{
    margin: clamp(70px, calc(70px + 60 * ((100vw - 1010px) / 910)), 130px) 0 0 clamp(40px, calc(40px + 40 * ((100vw - 1010px) / 910)), 80px);
}
.banner-2_info:before{
}
.banner-2_info h2{
    font-size: clamp(42px, calc(42px + 38 * ((100vw - 1010px) / 910)), 80px);
    max-width: clamp(340px, calc(340px + 300 * ((100vw - 1010px) / 910)), 640px);
}
.banner-2_info a{
    font-size: clamp(20px, calc(20px + 12 * ((100vw - 1010px) / 910)), 32px);
    padding: clamp(6px, calc(6px + 4 * ((100vw - 1010px) / 910)), 10px);
    max-width: clamp(200px, calc(200px + 110 * ((100vw - 1010px) / 910)), 310px);
    margin: clamp(20px, calc(20px + 20 * ((100vw - 1010px) / 910)), 40px) 0;
}
.banner-2_info p{
    font-size: clamp(14px, calc(14px + 6 * ((100vw - 1010px) / 910)), 20px);
    max-width: clamp(240px, calc(240px + 134 * ((100vw - 1010px) / 910)), 374px);
    line-height: clamp(18px, calc(18px + 4 * ((100vw - 1010px) / 910)), 22px);
}
.banner-2_quote:before{
}
.banner-2_quote p{
}
.banner-2-img1 figure img{
    max-width: clamp(500px, calc(500px + 440 * ((100vw - 1010px) / 910)), 940px);
}

/* --- LATEST STORIES --- */
#latest-stories{
    margin: clamp(26px, calc(26px + 24 * ((100vw - 1010px) / 910)), 50px);
}

.story-1,
.story-2,
.story-3,
.story-4,
.story-5{
    max-width: clamp(337px, calc(337px + 303 * ((100vw - 1010px) / 910)), 640px);
    height: clamp(206px, calc(206px + 184 * ((100vw - 1010px) / 910)), 390px);
}
.story-1-img,
.story-2-img,
.story-3-img,
.story-4-img,
.story-5-img{
    max-width: clamp(337px, calc(337px + 303 * ((100vw - 1010px) / 910)), 640px);
    height: clamp(206px, calc(206px + 184 * ((100vw - 1010px) / 910)), 390px);
}
.latest-stories-holder a{
    max-width: clamp(337px, calc(337px + 303 * ((100vw - 1010px) / 910)), 640px);
    height: clamp(206px, calc(206px + 184 * ((100vw - 1010px) / 910)), 390px);
}
.latest-stories-holder a h2{
    font-size: clamp(16px, calc(16px + 8 * ((100vw - 1010px) / 910)), 24px);
    margin: 0 clamp(5px, calc(5px + 5 * ((100vw - 1010px) / 910)), 10px) clamp(32px, calc(32px + 28 * ((100vw - 1010px) / 910)), 60px) clamp(16px, calc(16px + 14 * ((100vw - 1010px) / 910)), 30px);
    max-width: clamp(226px, calc(226px + 204 * ((100vw - 1010px) / 910)), 430px);
}
.story-6 h2{
    font-size: clamp(37px, calc(37px + 33 * ((100vw - 1010px) / 910)), 70px) !important;
    margin: clamp(68px, calc(68px + 61 * ((100vw - 1010px) / 910)), 129px) clamp(53px, calc(53px + 47 * ((100vw - 1010px) / 910)), 100px) 0 auto !important;
}

/* --- ABOUT US --- */
#about-us{
    width: clamp(1010px, 100vw, 1920px);
    padding: clamp(42px, calc(42px + 38 * ((100vw - 1010px) / 910)), 80px) 10px;
}
.about-us-holder{
    gap: clamp(20px, calc(20px + 20 * ((100vw - 1010px) / 910)), 40px);
    height: clamp(564px, calc(564px + 506 * ((100vw - 1010px) / 910)), 1070px);
}
.about-us-img-marquee figure img{
    max-width: clamp(190px, calc(190px + 170 * ((100vw - 1010px) / 910)), 360px);
    height: clamp(290px, calc(290px + 260 * ((100vw - 1010px) / 910)), 550px);
}
.about-us-text-marquee h2{
    font-size: clamp(43px, calc(43px + 38 * ((100vw - 1010px) / 910)), 81px);
}
.about-us-text-marquee .dot{
    width: clamp(8px, calc(8px + 6 * ((100vw - 1010px) / 910)), 14px);
    height: clamp(8px, calc(8px + 6 * ((100vw - 1010px) / 910)), 14px);
}
.about-us-holder a{
    margin: clamp(20px, calc(20px + 20 * ((100vw - 1010px) / 910)), 40px) auto;
    padding: clamp(5px, calc(5px + 3 * ((100vw - 1010px) / 910)), 8px) clamp(24px, calc(24px + 16 * ((100vw - 1010px) / 910)), 40px);
    font-size: clamp(14px, calc(14px + 4 * ((100vw - 1010px) / 910)), 18px);
}

/* --- GET INVOLVED --- */
#get-involved{
    padding: clamp(42px, calc(42px + 38 * ((100vw - 1010px) / 910)), 80px) 0;
}
#get-involved .container{
    padding: 0 clamp(26px, calc(26px + 24 * ((100vw - 1010px) / 910)), 50px);
}
.get-involved-1,
.get-involved-2,
.get-involved-3{
    gap: clamp(8px, calc(8px + 7 * ((100vw - 1010px) / 910)), 15px);
}

/* Photos */
.get-involved-1 .object-1 figure img{
    width: clamp(237px, calc(237px + 213 * ((100vw - 1010px) / 910)), 450px);
    height: clamp(153px, calc(153px + 137 * ((100vw - 1010px) / 910)), 290px);
    border-top-right-radius: clamp(42px, calc(42px + 38 * ((100vw - 1010px) / 910)), 80px);
}
.get-involved-2 .object-3 figure img{
    width: clamp(168px, calc(168px + 152 * ((100vw - 1010px) / 910)), 320px);
    height: clamp(132px, calc(132px + 118 * ((100vw - 1010px) / 910)), 250px);
}
.get-involved-3 .object-3 figure img{
    width: clamp(184px, calc(184px + 166 * ((100vw - 1010px) / 910)), 350px);
    height: clamp(126px, calc(126px + 114 * ((100vw - 1010px) / 910)), 240px);
}

/* Cutouts */
.get-involved-1 .object-3 figure img{
    width: clamp(105px, calc(105px + 95 * ((100vw - 1010px) / 910)), 200px);
    height: clamp(168px, calc(168px + 152 * ((100vw - 1010px) / 910)), 320px);
    object-fit: cover;
    object-position: top;
}
.get-involved-2 .object-1 figure img{
    width: clamp(84px, calc(84px + 76 * ((100vw - 1010px) / 910)), 160px);
    height: clamp(142px, calc(142px + 128 * ((100vw - 1010px) / 910)), 270px);
}
.get-involved-3 .object-1 figure img{
    width: clamp(121px, calc(121px + 109 * ((100vw - 1010px) / 910)), 230px);
    height: clamp(126px, calc(126px + 114 * ((100vw - 1010px) / 910)), 240px);
    object-fit: cover;
    object-position: top;
}

/* Bubbles */
.get-involved-1 .object-2 figure img{
    width: clamp(400px, calc(400px + 360 * ((100vw - 1010px) / 910)), 760px);
}
.get-involved-2 .object-2 figure img{
    width: clamp(468px, calc(468px + 422 * ((100vw - 1010px) / 910)), 890px);
}
.get-involved-3 .object-2 figure img{
    width: clamp(363px, calc(363px + 327 * ((100vw - 1010px) / 910)), 690px);
    height: clamp(147px, calc(147px + 133 * ((100vw - 1010px) / 910)), 280px);
}

/* Bubble text */
.get-involved-1 .object-2-text h2{
    font-size: clamp(99px, calc(99px + 89 * ((100vw - 1010px) / 910)), 188px);
}
.get-involved-2 .object-2-text h2{
    font-size: clamp(74px, calc(74px + 66 * ((100vw - 1010px) / 910)), 140px);
}
.get-involved-3 .object-2-text h2{
    font-size: clamp(75px, calc(75px + 67 * ((100vw - 1010px) / 910)), 142px);
}

/* CTA buttons */
.get-involved-cta .button-holder{
    gap: clamp(40px, calc(40px + 140 * ((100vw - 1010px) / 910)), 180px);
}
.get-involved-cta .button-holder a{
    min-width: clamp(320px, calc(320px + 290 * ((100vw - 1010px) / 910)), 610px);
    padding: clamp(10px, calc(10px + 8 * ((100vw - 1010px) / 910)), 18px) clamp(32px, calc(32px + 28 * ((100vw - 1010px) / 910)), 60px);
    font-size: clamp(22px, calc(22px + 20 * ((100vw - 1010px) / 910)), 42px);
    height: clamp(50px, calc(50px + 20 * ((100vw - 1010px) / 910)), 70px);
}

/* --- PARTNER LOGOS --- */
#partner-logos{
    width: clamp(1010px, 100vw, 1920px);
    padding: clamp(42px, calc(42px + 38 * ((100vw - 1010px) / 910)), 80px) 10px;
}
.partner-logos-bg figure img{
    width: clamp(1010px, 100vw, 1920px);
}
.partner-logos-holder{
    gap: clamp(20px, calc(20px + 20 * ((100vw - 1010px) / 910)), 40px);
    height: clamp(340px, calc(340px + 180 * ((100vw - 1010px) / 910)), 520px);
}
.partner-logos-1,
.partner-logos-2,
.partner-logos-3{
    gap: clamp(20px, calc(20px + 40 * ((100vw - 1010px) / 910)), 60px);
}
.partner-logos-1 figure img,
.partner-logos-2 figure img,
.partner-logos-3 figure img{
    width: clamp(137px, calc(137px + 123 * ((100vw - 1010px) / 910)), 260px);
    height: clamp(47px, calc(47px + 43 * ((100vw - 1010px) / 910)), 90px);
}

/* --- FOOTER --- */
footer{
    width: clamp(1010px, 100vw, 1920px);
    padding: clamp(32px, calc(32px + 28 * ((100vw - 1010px) / 910)), 60px) 10px;
}
.footer-holder{
    gap: clamp(20px, calc(20px + 20 * ((100vw - 1010px) / 910)), 40px);
    max-width: clamp(770px, calc(770px + 690 * ((100vw - 1010px) / 910)), 1460px);
}
.footer-logo figure img{
    width: clamp(180px, calc(180px + 100 * ((100vw - 1010px) / 910)), 280px);
}
.social-media a{
    width: clamp(30px, calc(30px + 6 * ((100vw - 1010px) / 910)), 36px);
    height: clamp(30px, calc(30px + 6 * ((100vw - 1010px) / 910)), 36px);
}
.social-media a svg{
    width: clamp(16px, calc(16px + 4 * ((100vw - 1010px) / 910)), 20px);
    height: clamp(16px, calc(16px + 4 * ((100vw - 1010px) / 910)), 20px);
}
.footer-quick-links h2,
.footer-other-links h2,
.footer-contact-us h2{
    font-size: clamp(16px, calc(16px + 5 * ((100vw - 1010px) / 910)), 21px);
    margin-bottom: clamp(10px, calc(10px + 6 * ((100vw - 1010px) / 910)), 16px);
}
.footer-contact-us address{
    font-size: clamp(12px, calc(12px + 2 * ((100vw - 1010px) / 910)), 14px);
}
.footer-contact-us a{
    font-size: clamp(12px, calc(12px + 2 * ((100vw - 1010px) / 910)), 14px);
}

/* --- CAROUSEL DOTS --- */
.carousel__dots{
    bottom: clamp(16px, calc(16px + 14 * ((100vw - 1010px) / 910)), 30px);
    gap: clamp(8px, calc(8px + 4 * ((100vw - 1010px) / 910)), 12px);
}
.carousel__dot{
    width: clamp(10px, calc(10px + 4 * ((100vw - 1010px) / 910)), 14px);
    height: clamp(10px, calc(10px + 4 * ((100vw - 1010px) / 910)), 14px);
}

/* --- SINGLE POST (desktop fluid) --- */
.site-content{
    padding-top: clamp(120px, calc(120px + 60 * ((100vw - 1010px) / 910)), 180px);
    padding-bottom: clamp(40px, calc(40px + 40 * ((100vw - 1010px) / 910)), 80px);
}
.site-content h1{
    font-size: clamp(28px, calc(28px + 14 * ((100vw - 1010px) / 910)), 42px);
}
.entry-content{
    font-size: clamp(16px, calc(16px + 2 * ((100vw - 1010px) / 910)), 18px);
}
.entry-content h2{
    font-size: clamp(24px, calc(24px + 8 * ((100vw - 1010px) / 910)), 32px);
}
.entry-content h3{
    font-size: clamp(20px, calc(20px + 6 * ((100vw - 1010px) / 910)), 26px);
}
.single-layout{
    gap: clamp(30px, calc(30px + 20 * ((100vw - 1010px) / 910)), 50px);
    grid-template-columns: 1fr clamp(280px, calc(280px + 80 * ((100vw - 1010px) / 910)), 360px);
}

/* --- NEWS GRID (desktop fluid) --- */
.news-grid{
    gap: clamp(20px, calc(20px + 10 * ((100vw - 1010px) / 910)), 30px);
}
.news-card__title{
    font-size: clamp(17px, calc(17px + 3 * ((100vw - 1010px) / 910)), 20px);
}
.news-card__body{
    padding: clamp(16px, calc(16px + 8 * ((100vw - 1010px) / 910)), 24px);
}

/* =============================================
   TARGETED FIXES: Breakpoint-specific overrides
   where clamp() alone isn't enough
   ============================================= */

/* At narrow desktop, CTA buttons can overflow — stack if needed */
@media only screen and (max-width: 1300px){ .banner-2_info::before {height: 1370px; } }
@media only screen and (max-width: 1200px){
    .get-involved-cta .button-holder{
        gap: 30px;
    }
}

/* Nav wrapping fix at narrow widths */
@media only screen and (max-width: 1100px){
    nav ul{
        gap: 8px;
    }
    nav ul li a{
        font-size: 12px;
    }
}
@media only screen and (min-width: 1001px){
header.scrolled nav ul li a{color: var(--primary-blue);}
header.scrolled nav ul li a:hover{color: var(--secondary-yellow);}
}
/* Below desktop scope — hamburger nav for tablet/mobile */
@media only screen and (max-width: 1000px){
   
    .banner-2_quote p {max-width: unset;  top: unset; z-index: unset;left: unset;font-size: unset;line-height: unset;}
    .banner-2_info h2 { } 
    .banner-2_info a {      }
    header.scrolled .header_holder {height: clamp(50px, calc(90px + 50 * ((100vw - 1010px) / 910)), 11px); }
    .banner-1-images .arrow:nth-child(3) {top: 0; }
    /* Hamburger button */
    .hamburger{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        order: 3;
    }
    .hamburger.active span:nth-child(1){
        transform: rotate(45deg) translate(5px, 6px);
        background: var(--white);
    }
    .hamburger.active span:nth-child(2){
        opacity: 0;
        background: var(--white);
    }
    .hamburger.active span:nth-child(3){
        transform: rotate(-45deg) translate(5px, -6px);
        background: var(--white);
    }

    /* Header layout */
    .header_holder{
        height: 70px;
    }
    .header_holder .logo{
        gap: 15px;
    }
    .header_holder .logo a figure img{
        height: 36px;
    }
    .membership-btn > a{
        width: 120px;
        height: 36px;
        font-size: 11px;
    }
    .membership-btn > a::after{
        border-left-width: 3px;
        border-right-width: 3px;
        border-top-width: 4px;
    }
    .membership-dropdown{
        position: absolute;
        left: 0;
        transform: translateY(4px);
        min-width: 180px;
        opacity: 0;
        visibility: hidden;
    }
    .membership-btn.open .membership-dropdown{
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }
    .membership-btn.open > a::after{
        transform: rotate(180deg);
    }

    /* Nav panel — off-canvas right */
    nav{
        position: fixed;
        top: 0;
        right: -100%;
        width: 300px;
        height: 100vh;
        height: 100dvh;
        background: var(--primary-blue);
        flex-direction: column;
        align-items: flex-start;
        padding: 80px 30px 40px;
        transition: right 0.35s ease;
        z-index: 1000;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
        gap: 0;
    }
    nav.open{
        right: 0;
    }

    /* Nav list — vertical */
    nav ul{
        flex-direction: column;
        gap: 0;
        width: 100%;
    }
    nav ul li{
        border-bottom: 1px solid rgba(255,255,255,0.1);
    }
    nav ul li a{
        display: block;
        padding: 14px 0;
        font-size: 15px;
        color: var(--white);
    }

    /* Dropdowns — inline accordion style */
    .has-dropdown > .dropdown,
    .has-sub > .sub-dropdown{
        position: static;
        transform: none;
        min-width: 0;
        width: 100%;
        padding: 0 0 0 16px;
        background: transparent;
        box-shadow: none;
        border-radius: 0;
        display: none;
    }
    .has-dropdown.open > .dropdown,
    .has-sub.open > .sub-dropdown{
        display: block;
    }
    .dropdown li a,
    .sub-dropdown li a{
        padding: 10px 0;
        font-size: 14px;
        color: rgba(255,255,255,0.8);
    }
    .dropdown li a:hover,
    .sub-dropdown li a:hover{
        background: transparent;
        color: var(--secondary-yellow);
    }
    .dropdown li,
    .sub-dropdown li{
        border-bottom: none;
    }

    /* Search in mobile nav */
    nav .search{
        margin-top: 20px;
        width: 100%;
    }
    nav .search button{
        color: var(--white);
    }

    /* Overlay when nav is open */
    .nav-overlay{
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.5);
        z-index: 999;
    }
    .nav-overlay.active{
        display: block;
        z-index: 1;
    }

    /* body:before sample overlay — hide on mobile */
    body:before{
        display: none;
    }

    /* Prevent horizontal overflow */
    .__prsp{
        overflow-x: hidden;
    }

    /* ===== HERO / CAROUSEL ===== */
    .carousel{
        width: 100vw;
    }
    .carousel__slide{
        width: 100vw;
    }

    /* --- Banner 1 --- */
    .banner-1{
        width: 100vw;
        height: 480px;
    }
    .banner-1-bg figure img{
        height: 480px;
        object-fit: cover;
    }
    .banner-1_info{
        top: 50%;
        left: 4%;
        max-width: 55%;
    }
    .banner-1_info h2{
        font-size: 36px;
        margin-bottom: 10px;
    }
    .banner-1_info h2 img{
        width: 26px;
    }
    .banner-1_info p{
        font-size: 16px;
        line-height: 16px;
    }
    .banner-1_info p.p2{
        font-size: 12px;
        line-height: 18px;
    }
    .banner-1_info a{
        width: 100px;
        padding: 3px;
        margin-top: 10px;
        line-height: 24px;
        font-size: 14px;
    }
    .banner-1-images .arrow:first-child figure img{
        width: 120px;
    }
    .banner-1-images .arrow:first-child{
        bottom: -40px;
        left: -40px;
    }
    .banner-1-images .arrow:nth-child(2) figure img{
        width: 80px;
    }
    .banner-1-images .arrow:nth-child(3) figure img{
        width: 80px;
    }
    .banner-1-images .ms-ana-img figure img{
        max-width: 380px;
    }
    .banner-1-images .back-arrow figure img{
        max-width: 340px;
    }

    /* --- Banner 2 --- */
    .banner-2{
        width: 100vw;
        height: 480px;
    }
    .banner-2_info{
        margin: 30px 0 auto 0.6rem;
        padding: 0.4rem 0 0 10px;
    }
    .banner-2_info:before{
        width: 600px;
        height: 900px;
        left: calc(clamp(-36.875rem, 28.081vw - 43.193rem, -25.625rem));
        top: calc(clamp(-20rem, 7.8vw - 21.755rem, -16.875rem));
    }
    .banner-2_info h2{
        font-size: calc(clamp(0.875rem, 1.872vw + 0.454rem, 1.625rem));
        max-width: calc(clamp(5.625rem, 14.041vw + 2.466rem, 11.25rem));
    }
    .banner-2_info a{
        font-size: calc(clamp(0.5rem, 0.624vw + 0.36rem, 0.75rem));
        padding: 6px;
        max-width: calc(clamp(5.625rem, 14.041vw + 2.466rem, 11.25rem));
        margin: 16px 0;
        line-height: 100%;
    }
    .banner-2_info p{
        font-size: calc(clamp(0.5rem, 0.624vw + 0.36rem, 0.75rem));
        max-width: calc(clamp(8.75rem, 9.36vw + 6.644rem, 12.5rem));
        line-height: calc(clamp(0.625rem, 1.092vw + 0.379rem, 1.063rem));
    }
    .banner-2_quote{
        width: 30%;
        right: 0;
        top: 70px;
    }
    .banner-2_quote:before{
        width: calc(clamp(18.125rem, 14.063vw + 14.961rem, 23.75rem));
        height: calc(clamp(18.125rem, -6.25vw + 19.531rem, 15.625rem));
        left: calc(clamp(-30.625rem, 76.563vw - 47.852rem, 0rem));
        top: 120px;
    }
    .banner-2_quote p{
    }
    .banner-2-img1{
        left: 35%;
    }
    .banner-2-img1 figure img{
        max-width: 450px;
    }

    /* ===== LATEST STORIES ===== */
    #latest-stories{
        margin: 30px 15px;
    }
    .latest-stories-holder{
        grid-template-columns: repeat(2, 1fr);
    }
    .story-1-arrow, .story-2-arrow, .story-3-arrow, .story-4-arrow, .story-5-arrow {bottom: 10px; right: 10px;}
    .story-1, .story-2, .story-3, .story-4, .story-5{
        max-width: 100%;
        height: auto;
        aspect-ratio: 640 / 390;
    }
    .story-6 h2{}
    .story-1-img, .story-2-img, .story-3-img, .story-4-img, .story-5-img{
        max-width: 100%;
        height: auto;
    }
    .latest-stories-holder a{
        max-width: 100%;
        height: auto;
        aspect-ratio: 640 / 390;
    }
    .latest-stories-holder figure img{
        max-width: 100%;
        height: 100%;
    }
    .latest-stories-holder a h2{
        font-size: 14px;
        margin: 0 8px 24px 12px;
        max-width: 60%;
    }
    .story-6 h2{
        font-size:   calc(clamp(2.125rem, 3.5vw + 0.813rem, 3rem)) !important;
        margin: 0 auto !important;
        height: 100%;
        width: 100% !important;
        display: flex;
        flex-direction: column;
        justify-content: center;
        max-width: 70% !important;
    }
    .latest-stories-holder a .discover-arrow figure img{
        max-width: 28px;
    }
    .story-1-arrow figure img,
    .story-2-arrow figure img,
    .story-3-arrow figure img,
    .story-4-arrow figure img,
    .story-5-arrow figure img{
        max-width: 22px !important;
    }

    /* ===== ABOUT US ===== */
    #about-us{
        width: 100vw;
        padding: 40px 10px;
    }
    .about-us-holder{
        gap: 30px;
        padding: 20px 0;
    }
    .about-us-img-marquee figure img{
        max-width: 160px;
        height: 240px;
    }
    .about-us-text-marquee h2{
        font-size: 36px;
    }
    .about-us-text-marquee .dot{
        width: 8px;
        height: 8px;
    }
    .about-us-holder a{
        margin: 20px auto;
        padding: 6px 24px;
        font-size: 14px;
    }

    /* ===== GET INVOLVED ===== */
    #get-involved{
        padding: 40px 0;
    }
    #get-involved .container{
        padding: 0 15px;
    }
    .get-involved-1,
    .get-involved-2,
    .get-involved-3{
        gap: 8px;
        flex-wrap: nowrap;
    }


    .deco-arrow{display: none;}

    /* Photos */
    .get-involved-1 .object-1 figure img{
        width: 200px;
        height: 130px;
        border-top-right-radius: 40px;
    }
    .get-involved-2 .object-3 figure img{
        width: 140px;
        height: 110px;
    }
    .get-involved-3 .object-3 figure img{
        width: 155px;
        height: 110px;
    }
    /* Cutouts */
    .get-involved-1 .object-3 figure img{
        width: 80px;
        height: 130px;
        object-fit: cover;
        object-position: top;
    }
    .get-involved-2 .object-1 figure img{
        width: 70px;
        height: 120px;
    }
    .get-involved-3 .object-1 figure img{
        width: 90px;
        height: 100px;
        object-fit: cover;
        object-position: top;
    }
    /* Bubbles */
    .get-involved-1 .object-2 figure img{
        width: 100%;
        max-width: 420px;
    }
    .get-involved-2 .object-2 figure img{
        width: 100%;
        max-width: 480px;
    }
    .get-involved-3 .object-2 figure img{
        width: 100%;
        max-width: 380px;
        height: auto;
    }
    /* Bubble text */
    .get-involved-1 .object-2-text h2{
        font-size: 80px;
    }
    .get-involved-2 .object-2-text h2{
        font-size: 60px;
    }
    .get-involved-3 .object-2-text h2{
        font-size: 62px;
    }
    /* Decorative arrows — scale down */
    .deco-arrow img{
        width: 30px !important;
    }
    .deco-arrow--yellow-tr{
        right: -30px;
    }
    .deco-arrow--blue-tr{
        right: -30px;
    }
    .deco-arrow--blue-left{
    }
    /* CTA */
    .get-involved-cta{
        padding-top: 30px;
    }
    .get-involved-cta .button-holder{
        flex-direction: column;
        align-items: center;
        gap: 15px;
    }
    .get-involved-cta .button-holder a{
        min-width: 80%;
        max-width: 400px;
        font-size: 22px;
        height: 50px;
        padding: 10px 30px;
    }

    /* ===== PARTNER LOGOS ===== */
    #partner-logos{
        width: 100vw;
        padding: 40px 10px;
    }
    .partner-logos-bg figure img{
        width: 100vw;
    }
    .partner-logos-holder{
        height: auto;
        gap: 20px;
        padding: 20px 0;
    }
    .partner-logos-1,
    .partner-logos-2,
    .partner-logos-3{
        flex-wrap: wrap;
        gap: 15px;
        justify-content: center;
    }
    .partner-logos-1 figure img,
    .partner-logos-2 figure img,
    .partner-logos-3 figure img{
        width: 130px;
        height: 45px;
    }

    /* ===== FOOTER ===== */
    footer{
        width: 100vw;
        padding: 40px 15px;
    }
    .footer-holder{
        gap: 30px;
        max-width: 100%;
        justify-content: center;
    }
    .footer-logo{
        align-items: center;
    }
    .footer-logo figure img{
        width: 200px;
    }
    .social-media{
        justify-content: center;
    }
    .social-media a{
        width: 32px;
        height: 32px;
    }
    .social-media a svg{
        width: 16px;
        height: 16px;
    }
    .footer-quick-links h2,
    .footer-other-links h2,
    .footer-contact-us h2{
        font-size: 12px;
        margin-bottom: 10px;
    }
    .footer-contact-us{
        line-height: 13px;
    }
    .footer-contact-us address{
        font-size: 9px;
        padding-left: 0;
        margin-bottom: 8px;
    }
    .footer-contact-us a{
        font-size: 9px;
        padding-left: 0;
        margin-bottom: 4px;
    }
    .footer-quick-links ul li a, .footer-other-links ul li a {font-size: 9px; } 
    .footer-quick-links ul, .footer-other-links ul { line-height: 9px; }
}

/* ===== TABLET SMALL (≤768px) ===== */
@media only screen and (max-width: 768px){
    /* Banner 1 */
    .banner-1{
        height: 400px;
        position: relative;
    }
    .banner-1-bg figure img{
        height: 400px;
    }
    .banner-1-images .ms-ana-img figure img {max-width: 260px; }
    .banner-1-images .back-arrow {width: 35%; }
    /* Banner 2 */
    .banner-2_quote::before {top: 60px; } 
    .banner-2_quote p {top: 20px; }
    .banner-2{
        height: 400px;
    }

    .banner-2-img1 figure img{
        max-width: 350px;
    }

    /* About us */
    .about-us-img-marquee figure img{
        max-width: 130px;
        height: 200px;
    }
    .about-us-text-marquee h2{
        font-size: 30px;
    }

    /* Get involved */
    .get-involved-1 .object-1 figure img{
        width: 150px;
        height: 100px;
    }
    .get-involved-2 .object-3 figure img{
        width: 110px;
        height: 85px;
    }
    .get-involved-3 .object-3 figure img{
        width: 120px;
        height: 85px;
    }
    .get-involved-1 .object-3 figure img{
        width: 65px;
        height: 100px;
    }
    .get-involved-2 .object-1 figure img{
        width: 55px;
        height: 95px;
    }
    .get-involved-3 .object-1 figure img{
        width: 70px;
        height: 80px;
    }
    .get-involved-1 .object-2 figure img{
        max-width: 300px;
    }
    .get-involved-2 .object-2 figure img{
        max-width: 350px;
    }
    .get-involved-3 .object-2 figure img{
        max-width: 280px;
    }
    .get-involved-1 .object-2-text h2{
        font-size: 58px;
    }
    .get-involved-2 .object-2-text h2{
        font-size: 44px;
    }
    .get-involved-3 .object-2-text h2{
        font-size: 45px;
    }
    .deco-arrow--red-tr,
    .deco-arrow--yellow-tr,
    .deco-arrow--blue-tr,
    .deco-arrow--blue-tl,
    .deco-arrow--yellow-br{
        display: none;
    }
    .get-involved-cta .button-holder a{
        font-size: 18px;
        height: 45px;
    }

    /* Partner logos */
    .partner-logos-1 figure img,
    .partner-logos-2 figure img,
    .partner-logos-3 figure img{
        width: 100px;
        height: 36px;
    }

    /* Single post */
    .site-content{padding-top: 100px;padding-bottom: 40px;}
    .site-content > .container{padding: 0 16px;}
    .site-content h1{font-size: 26px;}
    .post-hero{border-radius: 8px;margin-bottom: 24px;}
    .post-hero img{max-height: 300px;}
    .post-meta{flex-wrap: wrap;gap: 10px;font-size: 14px;margin-bottom: 24px;padding-bottom: 16px;}
    .entry-content{font-size: 16px;line-height: 1.7;}
    .entry-content h2{font-size: 22px;}
    .entry-content h3{font-size: 19px;}
    .entry-content h4{font-size: 18px;}
    .entry-content blockquote{padding: 12px 16px;}
    .post-navigation .nav-links{flex-direction: column;gap: 12px;}
    .post-navigation .nav-next{text-align: left;}

    /* Sidebar — stack below content */
    .single-layout{grid-template-columns: 1fr;gap: 40px;}
    .single-sidebar{position: static;}

    /* News grid — 2 columns */
    .news-grid{grid-template-columns: repeat(2, 1fr);gap: 20px;}
    .news-card__title{font-size: 17px;}
    .news-card__excerpt{font-size: 14px;-webkit-line-clamp: 2;}
    .news-pagination{margin-top: 36px;}

    /* Forms */
    .comment-form-author,
    .comment-form-email,
    .comment-form-url{flex: 1 1 100%;}
    .comment-reply-title{font-size: 22px;}
    .search-form{flex-direction: column;}
    .wp-block-search__inside-wrapper{flex-direction: column;}

    /* Search overlay */
    .search-overlay__input{font-size: 24px;}
    .search-overlay__close{top: -50px;right: 16px;}
}

/* ===== MOBILE (≤600px) ===== */
@media only screen and (max-width: 600px){
    .banner-1-images .ms-ana-img {right: 0; width: unset; transform: unset;left: unset;}
    .banner-1-images .back-arrow {width: calc(clamp(11.25rem, 37.5vw + 2.813rem, 16.875rem)); }
    .banner-1-images .back-arrow {left: calc(clamp(10.688rem, 62.083vw - 3.281rem, 20rem)); }
    .banner-1_info h2 {
        font-size: 24px;
    }
    .banner-1_info h2 img {
        width: 7%;
    }
    .banner-1_info p {
        font-size: 10px;
        line-height: 10px;
    }
    .banner-1_info p.p2 {
        font-size: 7px;
        line-height: 7px;
    }
    .banner-1_info a {
        line-height: 16px;
        font-size: 9px;
    }


    .banner-1_info h2 q {
    top: 0;
    }

    .banner-2_quote p {top: 30px; }
    /* Latest stories — single column */
    .latest-stories-holder{
        grid-template-columns: 1fr;
    }
    .latest-stories-holder a{
        aspect-ratio: 16 / 9;
    }
    .latest-stories-holder a h2{
        font-size: 16px;
        margin: 0 10px 20px 15px;
    }
    .story-6 h2{
        font-size: calc(clamp(3.125rem, 12.5vw + 0.313rem, 5rem)) !important;
        margin: unset;
    }

    /* About us */
    .about-us-img-marquee{
        transform: rotate(-4deg);
    }
    .about-us-img-marquee figure img{
        max-width: 110px;
        height: 170px;
    }
    .about-us-text-marquee h2{
        font-size: 24px;
    }
    .about-us-holder { height: 400px; }
    /* Get involved — stack rows vertically */
    .get-involved-1,
    .get-involved-2,
    .get-involved-3{
        flex-wrap: wrap;
        justify-content: center;
    }
    /* Hide cutouts on mobile */
    .get-involved-1 .object-3,
    .get-involved-2 .object-1,
    .get-involved-3 .object-1{
    }
    .get-involved-1 .object-1 figure img{
        width: 140px;
        height: 90px;
        border-top-right-radius: 30px;
    }
    .get-involved-2 .object-3 figure img{
        width: 100px;
        height: 75px;
    }
    .get-involved-3 .object-3 figure img{
        width: 110px;
        height: 75px;
    }
    .get-involved-1 .object-2 figure img{
        max-width: 240px;
    }
    .get-involved-2 .object-2 figure img{
        max-width: 280px;
    }
    .get-involved-3 .object-2 figure img{
        max-width: 220px;
    }
    .get-involved-1 .object-2-text h2{
        font-size: 46px;
    }
    .get-involved-2 .object-2-text h2{
        font-size: 36px;
    }
    .get-involved-3 .object-2-text h2{
        font-size: 36px;
    }
    .get-involved-cta .button-holder a{
        min-width: 90%;
        font-size: 16px;
        height: 42px;
    }

    /* Partner logos */
    .partner-logos-1,
    .partner-logos-2,
    .partner-logos-3{
        gap: 12px;
    }
    .partner-logos-1 figure img,
    .partner-logos-2 figure img,
    .partner-logos-3 figure img{
        width: 80px;
        height: 30px;
    }

    /* News grid — single column */
    .news-grid{grid-template-columns: 1fr;}
    .news-card__body{padding: 16px;}
    .page-header{margin-bottom: 24px;}
    .page-header__desc{font-size: 15px;}

    /* Footer — single column */
    .footer-holder{
        grid-template-columns: 1fr;
        gap: 24px;
    }
    .footer-logo{
        grid-column: 1;
    }
    .footer-logo figure img{
        width: 180px;
    }
    .footer-quick-links h2,
    .footer-other-links h2,
    .footer-contact-us h2{
        font-size: 15px;
    }
}
@media only screen and (max-width: 500px){


  .get-involved-1 .object-2 figure img {
    max-width: 180px;
  }
  .get-involved-2 .object-2 figure img {
    max-width: 220px;
  }
  .get-involved-3 .object-2 figure img {
    max-width: 170px;
  }
  .get-involved-cta .button-holder a {
    min-width: 52%;
    font-size: 11px;
    height: 22px;
  }

}
/* ===== SMALL MOBILE (≤480px) ===== */
@media only screen and (max-width: 480px){
    /* Header */
    .header_holder{
        height: 60px;
    }
    .header_holder .logo a figure img{
        height: 30px;
    }
    .membership-btn a{
        width: 100px;
        height: 32px;
        font-size: 10px;
    }
    .banner-2_quote::before {top: 120px; }
    .banner-2_quote p {top: 75px; }

    /* Single post */
    .site-content{padding-top: 80px;}
    .site-content h1{font-size: 22px;}
    .post-hero img{max-height: 220px;}
    .sidebar-widget{padding: 20px 16px;}
    .sidebar-widget__title{font-size: 18px;}
}

@media only screen and (max-width: 500px) {
  .get-involved-1 .object-2 figure img {
    /* max-width: 180px; */
    max-width: 137px;
  }
  .get-involved-2 .object-2 figure img {
    /* max-width: 220px; */
    max-width: 168px;
  }
  .get-involved-3 .object-2 figure img {
    /* max-width: 170px; */
    max-width: 122px;
  }
  .get-involved-1 .object-2-text h2 {
    font-size: 31px;
  }
  .get-involved-2 .object-2-text h2 {
    font-size: 24px;
  }
  .get-involved-3 .object-2-text h2 {
    font-size: 23px;
}
.get-involved-1, .get-involved-2, .get-involved-3 { flex-wrap: unset; }

}

/* ===== SMALLEST MOBILE (≤360px) ===== */
@media only screen and (max-width: 360px){
    /* Header */
    .header_holder .logo{
        gap: 8px;
    }
    .header_holder .logo a figure img{
        height: 26px;
    }
    .membership-btn a{
        width: 85px;
        height: 28px;
        font-size: 9px;
    }

}