:root{
  --ink:#102f46;
  --navy:#123e5b;
  --navy-deep:#08283b;
  --navy-soft:#194b69;
  --cream:#f5efe5;
  --paper:#fffdf8;
  --white:#ffffff;
  --gold:#d4a844;
  --gold-soft:#f0d58a;
  --coral:#e87c64;
  --mint:#8fc9b6;
  --sky:#9bc9df;
  --muted:#617078;
  --line:rgba(16,47,70,.14);
  --header-h:88px;
  --container:min(1240px,calc(100% - 56px));
  --serif:'Cormorant Garamond',Georgia,'Times New Roman',serif;
  --sans:'Inter',ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}

*{box-sizing:border-box;min-width:0}
html{scroll-behavior:smooth;overflow-x:clip}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.65;overflow-x:clip;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.drawer-open{overflow:hidden}
img{display:block;width:100%;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
button{cursor:pointer}
h1,h2,h3,h4,p,blockquote,figure{margin:0}
h1,h2,h3,h4{color:var(--ink)}
p{color:var(--muted)}
em{font-family:var(--serif);font-style:italic;font-weight:600}
.site-container{width:var(--container);margin-inline:auto}
.site-main{padding-top:var(--header-h);overflow:clip}
.section{padding:104px 0}
.compact-section{padding:86px 0}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;top:10px;left:10px;z-index:20000;background:#fff;color:var(--navy);padding:10px 14px;border-radius:8px;transform:translateY(-150%);transition:.2s}.skip-link:focus{transform:none}

.section-kicker{display:inline-flex;align-items:center;gap:12px;margin-bottom:20px;color:var(--navy);font-size:.69rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.section-kicker i{display:block;width:8px;height:8px;border-radius:50%;background:var(--coral);box-shadow:13px 0 0 var(--gold)}.section-kicker.light{color:#e8f0f2}.section-kicker.centered{justify-content:center}
.small-title{display:block;margin-bottom:18px;color:#84939a;font-size:.66rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:52px;padding:0 24px;border:1px solid transparent;border-radius:999px;font-size:.78rem;font-weight:800;transition:transform .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--navy-deep);color:#fff;box-shadow:0 14px 32px rgba(8,40,59,.13)}.button-primary:hover{background:#133e57}.button-gold{background:var(--gold);color:var(--navy-deep)}.button-gold:hover{background:#e0b54c}.button-light{background:#fff;color:var(--navy-deep)}
.text-link{position:relative;display:inline-block;font-family:var(--serif);font-size:1.35rem;font-weight:600}.text-link:after{content:'';position:absolute;left:0;right:0;bottom:-5px;height:5px;border-top:2px solid var(--coral);border-radius:50%}.light-link{color:#fff}
.stock-badge{position:absolute;z-index:5;left:16px;bottom:14px;padding:7px 10px;border-radius:999px;background:rgba(8,40,59,.72);backdrop-filter:blur(8px);color:#fff;font-size:.52rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}

/* Fixed header */
.site-header{position:fixed;top:0;left:0;right:0;z-index:5000;height:var(--header-h);background:rgba(255,253,248,.92);backdrop-filter:blur(18px);border-bottom:1px solid transparent;transition:box-shadow .25s ease,border-color .25s ease,background .25s ease}
.admin-bar .site-header{top:32px}
.site-header.scrolled{border-color:var(--line);box-shadow:0 12px 34px rgba(16,47,70,.07);background:rgba(255,253,248,.97)}
.header-inner{height:100%;display:grid;grid-template-columns:230px 1fr auto;align-items:center;gap:24px}
.site-brand{display:flex;align-items:center}.site-brand .custom-logo{width:auto;max-width:210px;max-height:58px}.site-wordmark{display:inline-flex;flex-direction:column;line-height:.88}.site-wordmark strong{font-family:var(--serif);font-size:2.05rem;font-weight:600;letter-spacing:-.045em}.site-wordmark small{margin-top:7px;font-size:.52rem;font-weight:800;letter-spacing:.145em;text-transform:uppercase;color:#697b83}
.desktop-nav{justify-self:center}.desktop-nav .menu{display:flex;align-items:center;gap:25px;list-style:none;margin:0;padding:0}.desktop-nav .menu li{margin:0}.desktop-nav .menu a{position:relative;display:block;padding:31px 0;font-size:.78rem;font-weight:700;white-space:nowrap}.desktop-nav .menu a:after{content:'';position:absolute;left:0;right:0;bottom:23px;height:2px;background:var(--coral);transform:scaleX(0);transform-origin:left;transition:.25s}.desktop-nav .menu a:hover:after,.desktop-nav .current-menu-item>a:after{transform:scaleX(1)}
.header-actions{display:flex;align-items:center;gap:14px}.header-call{display:flex;align-items:center;gap:9px;line-height:1.08}.header-call-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--cream);font-size:.8rem}.header-call small{display:block;margin-bottom:3px;color:#7b8b92;font-size:.49rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.header-call strong{display:block;font-family:var(--serif);font-size:1rem;font-weight:600;white-space:nowrap}.header-donate{display:inline-flex;align-items:center;gap:8px;justify-content:center;min-height:46px;padding:0 18px;border-radius:999px;background:var(--gold);font-size:.72rem;font-weight:800;white-space:nowrap}.header-donate span{color:#c45543}.drawer-toggle{display:flex;align-items:center;gap:8px;border:0;background:transparent;padding:8px 0 8px 7px;color:var(--ink)}.drawer-toggle b{font-size:.71rem}.drawer-toggle-lines{display:flex;flex-direction:column;gap:4px}.drawer-toggle-lines i{display:block;width:20px;height:1.5px;background:currentColor;border-radius:2px;transition:.2s}.drawer-toggle:hover .drawer-toggle-lines i:nth-child(2){width:13px}

/* Off-canvas menu */
.site-drawer{position:fixed;z-index:7000;top:0;right:0;width:min(440px,100%);height:100dvh;background:var(--navy-deep);color:#fff;transform:translateX(105%);transition:transform .42s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;overflow:auto}.site-drawer.is-open{transform:none}.drawer-backdrop{position:fixed;z-index:6500;inset:0;border:0;background:rgba(5,26,38,.46);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:.28s}.drawer-backdrop.is-open{opacity:1;visibility:visible}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:26px 28px;border-bottom:1px solid rgba(255,255,255,.1)}.drawer-wordmark strong{color:#fff}.drawer-wordmark small{color:#b9cbd1}.drawer-brand .custom-logo{max-width:200px;max-height:58px;width:auto}.drawer-close{width:46px;height:46px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:transparent;color:#fff;font-size:1.8rem;line-height:1}.drawer-body{padding:22px 28px 30px;display:flex;flex-direction:column;flex:1}.drawer-menu{list-style:none;margin:0;padding:0}.drawer-menu li{border-bottom:1px solid rgba(255,255,255,.1)}.drawer-menu a{display:flex;align-items:center;justify-content:space-between;padding:15px 0;color:#fff;font-family:var(--serif);font-size:2rem;font-weight:600;line-height:1}.drawer-menu a span{font-family:var(--sans);font-size:.8rem;color:var(--gold)}.drawer-contact{margin-top:34px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;align-items:flex-start;gap:8px}.drawer-kicker{margin-bottom:6px;color:#94aeb8;font-size:.56rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.drawer-contact a{font-size:.82rem;color:#fff;overflow-wrap:anywhere}.drawer-contact p{font-size:.74rem;color:#a9bdc5}.drawer-bottom{margin-top:auto;padding-top:26px}.drawer-donate{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-radius:14px;background:var(--gold);color:var(--navy-deep);font-size:.75rem;font-weight:800}.drawer-socials{display:flex;gap:15px;flex-wrap:wrap;margin-top:18px}.drawer-socials a{font-size:.6rem;color:#afc3ca;text-transform:uppercase;letter-spacing:.08em}

/* Home hero */
.home-hero{position:relative;background:var(--cream);overflow:hidden;padding:54px 0 64px}.home-hero-grid{display:grid;grid-template-columns:50% 50%;min-height:640px;align-items:stretch}.home-hero-copy{position:relative;padding:54px 74px 46px 0;display:flex;flex-direction:column;justify-content:center}.home-hero-copy h1{max-width:640px;font-family:var(--sans);font-size:clamp(4.35rem,6.45vw,7rem);font-weight:700;letter-spacing:-.074em;line-height:.85}.home-hero-copy h1 em{display:block;color:var(--coral);font-size:1.04em;letter-spacing:-.045em}.hero-copy-footer{display:grid;grid-template-columns:.92fr 1.08fr;gap:34px;align-items:end;margin-top:52px}.hero-buttons{display:flex;flex-direction:column;align-items:flex-start;gap:18px}.hero-copy-footer>p{max-width:320px;font-size:.9rem;line-height:1.68}.hero-spark{position:absolute;right:38px;top:112px;color:var(--gold);font-size:2.3rem}.hero-shape{position:absolute;border-radius:50%;pointer-events:none}.hero-shape-one{width:260px;height:260px;border:1px solid rgba(232,124,100,.23);left:-120px;bottom:-100px}.hero-shape-two{width:80px;height:80px;background:var(--mint);opacity:.18;left:45%;top:50px}
.home-hero-visual{position:relative;display:flex;flex-direction:column;padding-left:22px}.hero-slider-frame{position:relative;flex:1;min-height:600px;overflow:hidden;border-radius:170px 24px 170px 24px;background:#d8e2df}.hero-slide{position:absolute;inset:0;opacity:0;transform:scale(1.025);transition:opacity .7s ease,transform 7s ease}.hero-slide.is-active{opacity:1;transform:scale(1)}.hero-slide img{width:100%;height:100%;object-fit:cover}.hero-slide figcaption{position:absolute;right:18px;top:18px;padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.82);backdrop-filter:blur(8px);font-size:.54rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.hero-slider-sticker{position:absolute;z-index:6;right:22px;bottom:22px;width:126px;height:126px;border-radius:50%;background:var(--navy-deep);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transform:rotate(7deg);box-shadow:0 20px 46px rgba(8,40,59,.18)}.hero-slider-sticker strong{font-family:var(--serif);font-size:1.5rem;font-weight:600}.hero-slider-sticker span{margin-top:2px;font-size:.48rem;letter-spacing:.1em;text-transform:uppercase;color:#bdd0d7}.hero-slider-controls{min-height:40px;display:flex;align-items:center;gap:8px;padding:13px 4px 0}.hero-dot{width:8px;height:8px;border:0;border-radius:50%;background:#9daaa9;padding:0;transition:.2s}.hero-dot.is-active{width:25px;border-radius:999px;background:var(--coral)}.hero-slide-label{margin-left:auto;color:#718087;font-size:.52rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}

/* Intro / About */
.home-intro{background:var(--paper)}.intro-heading{max-width:970px;text-align:center}.intro-heading h2{font-size:clamp(3.25rem,5.2vw,5.35rem);font-weight:700;letter-spacing:-.06em;line-height:.94}.intro-heading h2 em{color:var(--coral)}.intro-heading>p{max-width:660px;margin:22px auto 0;font-size:.94rem}.home-about-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:82px;align-items:center;margin-top:66px}.home-about-list{padding-right:18px;border-top:1px solid var(--line)}.home-about-list .small-title{margin-top:22px}.home-about-list a{display:grid;grid-template-columns:38px 1fr 22px;gap:12px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line);font-size:.87rem;font-weight:700;transition:.2s}.home-about-list a:hover{padding-left:7px;color:var(--coral)}.home-about-list b{font-size:.58rem;color:#8a989e}.home-about-list i{font-style:normal}.home-about-image{position:relative;min-height:500px;border-radius:120px 24px 120px 24px;overflow:hidden}.home-about-image>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.about-image-note{position:absolute;z-index:4;right:20px;top:20px;width:min(280px,46%);padding:18px 20px;border-radius:18px;background:rgba(255,253,248,.91);backdrop-filter:blur(10px)}.about-image-note strong{display:block;font-family:var(--serif);font-size:1.45rem;line-height:1}.about-image-note p{margin-top:8px;font-size:.67rem;line-height:1.55}

/* Work / programmes */
.home-work{position:relative;background:var(--navy-deep);color:#fff;overflow:hidden}.home-work:before{content:'';position:absolute;width:380px;height:380px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-170px;top:-130px}.home-work-head{display:grid;grid-template-columns:1.3fr .7fr;gap:70px;align-items:end;margin-bottom:48px}.home-work-head h2{max-width:760px;color:#fff;font-size:clamp(3rem,4.8vw,5rem);font-weight:700;letter-spacing:-.06em;line-height:.94}.home-work-head h2 em{color:var(--gold-soft)}.home-work-head>p{color:#b7c7cd;font-size:.88rem;line-height:1.65}.work-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.work-card{min-width:0}.work-card-image{position:relative;display:block;aspect-ratio:.82;overflow:hidden;border-radius:100px 18px 18px 18px;background:#29495b}.work-card:nth-child(2) .work-card-image{border-radius:18px 100px 18px 18px}.work-card:nth-child(3) .work-card-image{border-radius:18px 18px 100px 18px}.work-card:nth-child(4) .work-card-image{border-radius:18px 18px 18px 100px}.work-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease}.work-card:hover .work-card-image img{transform:scale(1.045)}.work-card-tag{position:absolute;left:13px;top:13px;padding:7px 9px;background:var(--gold);color:var(--navy-deep);border-radius:999px;font-size:.5rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.work-card-arrow{position:absolute;right:13px;bottom:13px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--navy-deep)}.work-card-copy{padding:18px 4px 0}.work-card-copy>span{color:#718e99;font-size:.58rem}.work-card-copy h3{margin-top:6px;color:#fff;font-family:var(--serif);font-size:1.65rem;font-weight:600;line-height:1}.work-card-copy p{margin-top:9px;color:#a9bec6;font-size:.72rem;line-height:1.55}.work-footer{display:flex;justify-content:center;margin-top:42px}

/* Approach */
.home-approach{background:var(--paper)}.approach-header{display:grid;grid-template-columns:.3fr 1fr .75fr;gap:28px;align-items:end;margin-bottom:38px}.approach-header .section-kicker{align-self:start}.approach-header h2{font-size:clamp(3rem,4.6vw,4.8rem);font-weight:700;letter-spacing:-.06em;line-height:.94}.approach-header h2 em{color:var(--coral)}.approach-header>p{font-size:.85rem;line-height:1.65}.approach-rows{border-top:1px solid var(--line)}.approach-row{display:grid;grid-template-columns:60px 1fr 1.2fr 100px;gap:24px;align-items:center;padding:24px 0;border-bottom:1px solid var(--line)}.approach-row>span{font-size:.58rem;color:#87959b}.approach-row h3{font-family:var(--serif);font-size:1.85rem;font-weight:600}.approach-row p{font-size:.79rem;line-height:1.55}.approach-row b{justify-self:end;padding:7px 12px;border-radius:999px;background:var(--cream);font-size:.52rem;text-transform:uppercase;letter-spacing:.08em}

/* Vision */
.home-vision{background:var(--navy-deep);padding:0}.vision-image{position:relative;min-height:520px;background-image:var(--vision-image);background-size:cover;background-position:center;display:flex;align-items:center;overflow:hidden}.vision-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,40,59,.94) 0%,rgba(8,40,59,.78) 48%,rgba(8,40,59,.28) 100%)}.vision-content{position:relative;z-index:2;padding:70px 0;max-width:820px;margin-left:max(calc((100% - min(1240px,calc(100% - 56px)))/2),28px)}.vision-content blockquote{max-width:760px;color:#fff;font-size:clamp(3.2rem,5.4vw,5.7rem);font-weight:700;letter-spacing:-.06em;line-height:.92}.vision-content blockquote em{color:var(--gold-soft)}.vision-content .button{margin-top:30px}.vision-stock{position:absolute;right:22px;bottom:18px;color:#fff;font-size:.5rem;letter-spacing:.09em;text-transform:uppercase;opacity:.76}

/* Join */
.home-join{background:var(--cream)}.join-head{max-width:820px;margin-bottom:34px}.join-head h2{font-size:clamp(3rem,4.8vw,4.9rem);font-weight:700;letter-spacing:-.06em;line-height:.95}.join-head h2 em{color:var(--coral)}.join-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.action-card{min-height:170px;padding:22px 24px;border-radius:20px;display:grid;grid-template-columns:1fr 26px;grid-template-rows:auto 1fr;gap:16px;transition:transform .2s ease}.action-card:hover{transform:translateY(-5px)}.action-card>span{grid-column:1/3;font-size:.58rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.action-card strong{align-self:end;font-family:var(--serif);font-size:1.65rem;line-height:1.02;font-weight:600}.action-card i{align-self:end;justify-self:end;font-style:normal}.action-dark{background:var(--navy-deep);color:#fff}.action-dark strong{color:#fff}.action-dark>span{color:#9db3bb}.action-gold{background:var(--gold);color:var(--navy-deep)}.action-paper{background:#fff;border:1px solid var(--line)}

/* Home contact */
.home-contact{background:var(--paper)}.home-contact-grid{display:grid;grid-template-columns:1fr .9fr;gap:58px;align-items:stretch}.home-contact-copy{padding:38px;border-radius:24px;background:var(--navy-deep);color:#fff}.home-contact-copy h2{color:#fff;font-size:clamp(2.7rem,4.2vw,4.4rem);font-weight:700;letter-spacing:-.06em;line-height:.94}.home-contact-copy>p{max-width:520px;margin:16px 0 25px;color:#b4c7ce;font-size:.82rem}.home-contact-photos{position:relative;min-height:560px}.contact-photo{position:absolute;overflow:hidden;margin:0}.contact-photo img{width:100%;height:100%;object-fit:cover}.contact-photo-main{left:0;top:0;width:74%;height:80%;border-radius:115px 20px 20px 20px}.contact-photo-small{right:0;bottom:0;width:48%;height:47%;border-radius:20px 20px 100px 20px;border:7px solid var(--paper)}.contact-photo-note{position:absolute;left:20px;bottom:15px;width:175px;padding:16px;border-radius:16px;background:var(--gold);color:var(--navy-deep);font-family:var(--serif);font-size:1.25rem;font-weight:600;line-height:1}.contact-photo-note span{display:block;margin-top:8px;font-family:var(--sans);font-size:.44rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}

/* Contact form */
.ndisf-contact-form-wrap{width:100%}.form-hp{position:absolute;left:-9999px}.form-notice{margin-bottom:15px;padding:11px 13px;border-radius:10px;font-size:.72rem}.form-notice.success{background:#d9f2e6;color:#1c5b43}.form-notice.error{background:#ffe2dc;color:#8a3325}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid label{display:block}.form-grid label.full{grid-column:1/-1}.form-grid label span{display:block;margin-bottom:6px;color:#a9bec6;font-size:.5rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.form-grid input,.form-grid textarea{width:100%;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.06);color:#fff;border-radius:10px;padding:11px 12px;outline:none;font-size:.78rem}.form-grid input:focus,.form-grid textarea:focus{border-color:var(--gold);background:rgba(255,255,255,.09)}.form-grid textarea{min-height:110px;resize:vertical}.ndisf-contact-form .button{margin-top:14px;min-height:44px;background:var(--gold);color:var(--navy-deep);border:0}.entry-content .ndisf-contact-form-wrap,.contact-page-form .ndisf-contact-form-wrap{background:transparent}.contact-page-form .form-grid label span{color:#6c7c83}.contact-page-form .form-grid input,.contact-page-form .form-grid textarea{color:var(--ink);background:#fff;border-color:var(--line)}

/* Footer */
.site-footer{background:var(--navy-deep);color:#fff}.footer-callout{padding:70px 0 56px;border-bottom:1px solid rgba(255,255,255,.1)}.footer-callout-kicker{display:block;margin-bottom:12px;color:#9cb2bb;font-size:.58rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.footer-callout-line{display:flex;align-items:flex-end;justify-content:space-between;gap:34px}.footer-callout h2{max-width:850px;color:#fff;font-size:clamp(3.3rem,5.8vw,6.2rem);font-weight:700;letter-spacing:-.07em;line-height:.86}.footer-callout h2 em{color:var(--gold-soft)}.footer-round-button{flex:0 0 auto;width:118px;height:118px;border-radius:50%;display:grid;place-items:center;text-align:center;background:var(--gold);color:var(--navy-deep);font-family:var(--serif);font-size:1.2rem;font-weight:600;line-height:.92;transform:rotate(5deg)}.footer-round-button span{font-family:var(--sans);font-size:.7rem}.footer-body{padding-top:0}.footer-grid{display:grid;grid-template-columns:1.4fr .65fr .9fr .8fr;gap:46px;padding:58px 0 48px}.footer-wordmark strong{color:#fff}.footer-wordmark small{color:#a9bdc5}.footer-brand-block .custom-logo{max-width:220px;height:auto}.footer-brand-block p{max-width:330px;margin-top:20px;color:#9eb3bc;font-size:.74rem}.footer-location-label{display:block;margin-top:20px;color:var(--gold-soft);font-size:.54rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.footer-column h3{margin-bottom:16px;color:#fff;font-family:var(--serif);font-size:1.25rem;font-weight:600}.footer-column a,.footer-column p{display:block;margin:0 0 8px;color:#a9bdc5;font-size:.69rem;line-height:1.6;overflow-wrap:anywhere}.footer-menu{list-style:none;margin:0;padding:0}.footer-menu li{margin:0}.footer-column a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding:20px 0 25px;border-top:1px solid rgba(255,255,255,.1);color:#74909a;font-size:.58rem}.footer-bottom a{color:#fff}

/* Inner heroes */
.inner-main{background:var(--paper)}.inner-hero{background:var(--cream);padding:58px 0 72px}.inner-hero-grid,.inner-work-hero-grid,.involved-hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:68px;align-items:center}.inner-hero-copy h1{max-width:680px;font-size:clamp(4rem,6.2vw,6.5rem);font-weight:700;letter-spacing:-.07em;line-height:.86}.inner-hero-copy h1 em{display:block;color:var(--coral)}.inner-hero-copy>p{max-width:560px;margin-top:25px;font-size:.9rem}.inner-hero-media,.work-hero-photo,.involved-hero-photo{position:relative;min-height:540px;overflow:hidden;border-radius:150px 22px 150px 22px}.inner-hero-media img,.work-hero-photo img,.involved-hero-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.inner-hero-note{position:absolute;right:18px;top:18px;padding:16px 18px;border-radius:16px;background:rgba(255,253,248,.9);backdrop-filter:blur(9px)}.inner-hero-note strong{display:block;font-family:var(--serif);font-size:1.3rem}.inner-hero-note span{display:block;margin-top:3px;color:#6a7a81;font-size:.52rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.inner-statement{background:var(--paper)}.narrow-heading{max-width:970px;text-align:center}.narrow-heading h2{font-size:clamp(3rem,4.8vw,5rem);font-weight:700;letter-spacing:-.055em;line-height:.95}.narrow-heading>p{max-width:720px;margin:24px auto 0;font-size:.9rem}

/* About page */
.challenge-section{background:var(--navy-deep);color:#fff}.challenge-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}.challenge-title h2{color:#fff;font-size:clamp(3rem,4.7vw,4.8rem);font-weight:700;letter-spacing:-.055em;line-height:.95}.challenge-title h2 em{color:var(--gold-soft)}.challenge-copy>p{color:#b2c5cc;font-size:.9rem;margin-bottom:28px}.challenge-points{border-top:1px solid rgba(255,255,255,.12)}.challenge-points article{display:grid;grid-template-columns:42px 1fr;gap:3px 18px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.12)}.challenge-points article>span{grid-row:1/3;color:#7998a4;font-size:.55rem}.challenge-points h3{color:#fff;font-family:var(--serif);font-size:1.45rem;font-weight:600}.challenge-points p{color:#a8bdc5;font-size:.72rem}
.mission-vision-section{background:var(--cream)}.mission-vision-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mission-panel{min-height:320px;padding:34px;border-radius:24px;background:#fff;display:flex;flex-direction:column;justify-content:space-between}.mission-panel>span{font-size:.56rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.mission-panel h2{font-size:clamp(2.3rem,3.5vw,3.8rem);font-weight:700;letter-spacing:-.055em;line-height:.96}.mission-panel-gold{background:var(--gold)}.mission-panel-gold p{max-width:540px;color:var(--navy-deep);font-size:.88rem}.values-section{background:var(--paper)}.values-head{max-width:700px;margin-bottom:34px}.values-head h2{font-size:clamp(3rem,4.5vw,4.7rem);font-weight:700;letter-spacing:-.06em;line-height:.95}.values-head h2 em{color:var(--coral)}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.value-card{min-height:190px;padding:25px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.value-card>span{font-size:.55rem;color:#87959b}.value-card h3{margin-top:24px;font-family:var(--serif);font-size:1.6rem;font-weight:600}.value-card p{margin-top:7px;font-size:.72rem;line-height:1.55}
.inner-cta{background:var(--paper)}.inner-cta-box{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:end;padding:46px;border-radius:28px;background:var(--navy-deep);color:#fff}.inner-cta-box h2{color:#fff;font-size:clamp(2.7rem,4vw,4.2rem);font-weight:700;letter-spacing:-.055em;line-height:.95}.inner-cta-box>div:last-child>p{color:#afc4cc;font-size:.83rem}.cta-actions{display:flex;align-items:center;gap:24px;margin-top:22px}

/* Our Work page */
.work-detail-section{background:var(--paper)}.work-detail-head{max-width:780px;margin-bottom:38px}.work-detail-head h2{font-size:clamp(3rem,4.5vw,4.7rem);font-weight:700;letter-spacing:-.06em;line-height:.95}.work-detail-head h2 em{color:var(--coral)}.work-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.work-detail-card{overflow:hidden;border-radius:20px;background:var(--cream)}.work-detail-photo{position:relative;aspect-ratio:1.25;overflow:hidden}.work-detail-photo img{width:100%;height:100%;object-fit:cover}.work-detail-photo>span{position:absolute;left:13px;top:13px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--navy-deep);color:#fff;font-size:.55rem}.work-detail-copy{padding:22px}.work-detail-copy h3{font-family:var(--serif);font-size:1.65rem;font-weight:600}.work-detail-copy p{margin-top:8px;font-size:.73rem;line-height:1.55}.education-band{background:var(--navy-deep);color:#fff}.education-grid{display:grid;grid-template-columns:1fr .9fr;gap:70px;align-items:center}.education-heading h2{color:#fff;font-size:clamp(3rem,4.5vw,4.8rem);font-weight:700;letter-spacing:-.06em;line-height:.95}.education-heading h2 em{color:var(--gold-soft)}.education-list{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(255,255,255,.13);border-left:1px solid rgba(255,255,255,.13)}.education-list span{padding:16px;border-right:1px solid rgba(255,255,255,.13);border-bottom:1px solid rgba(255,255,255,.13);color:#c2d1d6;font-size:.72rem}.partnership-section{background:var(--cream)}.partnership-grid{display:grid;grid-template-columns:1fr .9fr;gap:70px}.partnership-copy h2{font-size:clamp(3rem,4.5vw,4.7rem);font-weight:700;letter-spacing:-.06em;line-height:.95}.partnership-copy h2 em{color:var(--coral)}.partnership-copy p{margin-top:20px;font-size:.87rem}.partnership-cards{display:grid;grid-template-columns:1fr 1fr;gap:9px}.partnership-cards span{display:flex;align-items:center;min-height:85px;padding:16px 18px;border-radius:14px;background:#fff;border:1px solid var(--line);font-family:var(--serif);font-size:1.2rem;font-weight:600}

/* Gallery */
.gallery-hero{background:var(--cream);padding:64px 0 66px}.gallery-hero-inner{max-width:900px}.gallery-hero h1{font-size:clamp(4.1rem,6.5vw,6.8rem);font-weight:700;letter-spacing:-.07em;line-height:.85}.gallery-hero h1 em{color:var(--coral)}.gallery-hero p{max-width:650px;margin-top:25px;font-size:.88rem}.gallery-section{background:var(--paper)}.gallery-note{display:flex;justify-content:space-between;gap:25px;margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid var(--line)}.gallery-note span{font-size:.58rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.gallery-note p{font-size:.7rem}.gallery-grid{display:grid;grid-template-columns:1.1fr .9fr .9fr;grid-auto-rows:250px;gap:12px}.gallery-item{position:relative;overflow:hidden;border-radius:18px}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.gallery-item:hover img{transform:scale(1.035)}.gallery-item-1{grid-row:span 2;border-radius:100px 18px 18px 18px}.gallery-item-4{grid-column:span 2}.gallery-item-6{border-radius:18px 18px 90px 18px}.gallery-item figcaption{position:absolute;left:12px;right:12px;bottom:12px;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:rgba(8,40,59,.72);backdrop-filter:blur(9px);color:#fff;font-size:.64rem;font-weight:700}.gallery-item figcaption span{color:var(--gold-soft);font-size:.5rem}.gallery-future{background:var(--cream)}.gallery-future-box{max-width:900px;padding:42px;border-radius:24px;background:var(--navy-deep);color:#fff}.gallery-future-box h2{color:#fff;font-size:clamp(2.7rem,4vw,4.2rem);font-weight:700;letter-spacing:-.055em;line-height:.95}.gallery-future-box p{max-width:620px;margin:16px 0 24px;color:#afc4cc;font-size:.82rem}

/* Get involved */
.involved-actions{background:var(--paper)}.involved-actions-head{max-width:780px;margin-bottom:35px}.involved-actions-head h2{font-size:clamp(3rem,4.5vw,4.7rem);font-weight:700;letter-spacing:-.06em;line-height:.95}.involved-actions-head h2 em{color:var(--coral)}.involved-action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.involved-action-card{min-height:330px;padding:28px;border-radius:22px;display:flex;flex-direction:column}.involved-action-card>span{font-size:.56rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.involved-action-card h3{margin-top:auto;font-family:var(--serif);font-size:2.1rem;font-weight:600;line-height:.95}.involved-action-card p{margin-top:14px;font-size:.75rem;line-height:1.58}.involved-action-card a{margin-top:18px;font-size:.65rem;font-weight:800}.card-navy{background:var(--navy-deep);color:#fff}.card-navy h3{color:#fff}.card-navy p{color:#afc4cc}.card-navy>span{color:#91aab4}.card-gold{background:var(--gold)}.card-gold p{color:#3b4e57}.card-paper{background:var(--cream);border:1px solid var(--line)}.partner-types{background:var(--navy-deep);color:#fff}.partner-types-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.partner-types-title h2{color:#fff;font-size:clamp(3rem,4.5vw,4.7rem);font-weight:700;letter-spacing:-.06em;line-height:.95}.partner-types-title h2 em{color:var(--gold-soft)}.partner-type-list{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(255,255,255,.12);border-left:1px solid rgba(255,255,255,.12)}.partner-type-list span{padding:18px;border-right:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);color:#bfd0d6;font-size:.72rem}.contact-nudge{background:var(--paper)}.contact-nudge-inner{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;padding-bottom:26px;border-bottom:1px solid var(--line)}.contact-nudge-inner span{font-size:.59rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.contact-nudge-inner h2{margin-top:8px;font-family:var(--serif);font-size:3rem;font-weight:600;line-height:.9}

/* Contact page */
.contact-page-hero{background:var(--cream);padding:64px 0 58px}.contact-page-head{max-width:900px}.contact-page-head h1{font-size:clamp(4.1rem,6.5vw,6.8rem);font-weight:700;letter-spacing:-.07em;line-height:.85}.contact-page-head h1 em{color:var(--coral)}.contact-page-head p{max-width:600px;margin-top:24px;font-size:.88rem}.contact-page-main{background:var(--paper)}.contact-page-grid{display:grid;grid-template-columns:1fr .82fr;gap:60px}.contact-page-form{padding:34px;border-radius:22px;background:var(--cream)}.contact-page-aside{display:flex;flex-direction:column;gap:24px}.contact-page-photo{position:relative;min-height:350px;overflow:hidden;border-radius:110px 20px 110px 20px}.contact-page-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.contact-detail-list{border-top:1px solid var(--line)}.contact-detail-list>div{display:grid;grid-template-columns:100px 1fr;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.contact-detail-list span{font-size:.52rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#87959b}.contact-detail-list a,.contact-detail-list p{font-size:.75rem;overflow-wrap:anywhere}.contact-detail-list a+ a{margin-top:4px}.contact-quick{background:var(--navy-deep)}.contact-quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.contact-quick article{min-height:185px;padding:24px;border-radius:17px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1)}.contact-quick article>span{font-size:.53rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-soft)}.contact-quick h3{margin-top:34px;color:#fff;font-family:var(--serif);font-size:1.5rem;font-weight:600;line-height:1}.contact-quick p{margin-top:8px;color:#9eb5be;font-size:.69rem;line-height:1.55}

/* Generic fallback pages */
.page-main{background:var(--paper)}.page-hero{background:var(--cream);padding:66px 0}.page-hero h1{font-size:clamp(3.5rem,5.8vw,6rem);font-weight:700;letter-spacing:-.065em;line-height:.9}.eyebrow{display:block;margin-bottom:12px;font-size:.62rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#7d8c92}.page-content-section{padding-top:70px}.content-shell{max-width:900px}.entry-content{font-size:.95rem;line-height:1.78}.entry-content h2{margin:1.5em 0 .45em;font-family:var(--serif);font-size:2.6rem;line-height:1;font-weight:600}.entry-content h3{margin:1.35em 0 .4em;font-family:var(--serif);font-size:1.85rem;font-weight:600}.entry-content p,.entry-content li{color:#53666f}.entry-content ul{padding-left:1.3rem}.entry-content a{color:var(--coral);text-decoration:underline;text-underline-offset:3px}

/* Reveal */
.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.reveal.delay-1{transition-delay:.08s}.reveal.delay-2{transition-delay:.16s}.reveal.is-visible{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.reveal{opacity:1;transform:none;transition:none}.hero-slide{transition:none}}

/* Laptop */
@media(max-width:1180px){
  .header-inner{grid-template-columns:210px 1fr auto;gap:18px}.desktop-nav .menu{gap:18px}.header-call{display:none}
  .home-hero-copy{padding-right:42px}.home-hero-copy h1{font-size:clamp(4rem,6.3vw,5.9rem)}.hero-copy-footer{grid-template-columns:1fr;gap:22px}.hero-slider-frame{min-height:560px}
  .work-card-grid{grid-template-columns:repeat(2,1fr)}.work-card-image{aspect-ratio:1.18}.work-detail-grid{grid-template-columns:repeat(2,1fr)}
}

/* Tablet / navigation drawer takes over */
@media(max-width:960px){
  :root{--header-h:76px;--container:min(100% - 40px,820px)}
  .admin-bar .site-header{top:32px}.header-inner{grid-template-columns:1fr auto}.desktop-nav{display:none}.header-donate{display:inline-flex}.drawer-toggle b{display:none}.site-main{padding-top:var(--header-h)}
  .home-hero{padding:34px 0 52px}.home-hero-grid{grid-template-columns:1fr;min-height:auto;gap:38px}.home-hero-copy{padding:35px 0 0}.home-hero-copy h1{max-width:760px;font-size:clamp(3.9rem,9vw,5.8rem)}.hero-copy-footer{grid-template-columns:1fr 1fr;gap:30px}.home-hero-visual{padding-left:0;max-width:760px;width:100%}.hero-slider-frame{min-height:520px}
  .home-about-grid{grid-template-columns:1fr;gap:38px}.home-about-list{max-width:650px}.home-about-image{min-height:470px}.home-work-head{grid-template-columns:1fr;gap:20px}.work-card-grid{grid-template-columns:repeat(2,1fr)}.work-card-image{aspect-ratio:1.05}.approach-header{grid-template-columns:1fr}.approach-header>p{max-width:600px}.approach-row{grid-template-columns:45px 1fr 100px}.approach-row p{grid-column:2/4}.home-contact-grid{grid-template-columns:1fr}.home-contact-photos{min-height:520px;max-width:760px;width:100%}
  .footer-grid{grid-template-columns:1.2fr .7fr .9fr}.footer-note-column{grid-column:3}
  .inner-hero-grid,.inner-work-hero-grid,.involved-hero-grid{grid-template-columns:1fr;gap:40px}.inner-hero-copy h1{max-width:760px}.inner-hero-media,.work-hero-photo,.involved-hero-photo{min-height:500px;max-width:760px;width:100%}.challenge-grid,.education-grid,.partnership-grid,.partner-types-grid{grid-template-columns:1fr;gap:38px}.mission-vision-grid{grid-template-columns:1fr}.values-grid{grid-template-columns:repeat(2,1fr)}.inner-cta-box{grid-template-columns:1fr;gap:28px}.gallery-grid{grid-template-columns:1fr 1fr;grid-auto-rows:230px}.gallery-item-1{grid-row:span 2}.gallery-item-4{grid-column:auto}.involved-action-grid{grid-template-columns:1fr 1fr}.involved-action-card:last-child{grid-column:1/-1}.contact-page-grid{grid-template-columns:1fr;gap:36px}.contact-page-aside{max-width:720px}.contact-quick-grid{grid-template-columns:1fr 1fr}.contact-quick article:last-child{grid-column:1/-1}
}

/* Mobile */
@media(max-width:700px){
  :root{--header-h:68px;--container:calc(100% - 28px)}
  html,body{width:100%;max-width:100%;overflow-x:clip}.admin-bar .site-header{top:46px}.section{padding:62px 0}.compact-section{padding:54px 0}.site-header{height:var(--header-h)}.site-brand .custom-logo{max-width:165px;max-height:46px}.site-wordmark strong{font-size:1.55rem}.site-wordmark small{margin-top:5px;font-size:.42rem;letter-spacing:.13em}.header-donate{display:none}.drawer-toggle{width:40px;height:40px;justify-content:center;padding:0;border-radius:50%;background:var(--navy-deep);color:#fff}.drawer-toggle-lines i{width:17px}.drawer-head{padding:18px 20px}.drawer-body{padding:16px 20px 22px}.drawer-menu a{padding:13px 0;font-size:1.7rem}.drawer-contact{margin-top:24px;padding-top:18px}.drawer-close{width:40px;height:40px}.drawer-donate{padding:14px 16px}
  .section-kicker{gap:9px;margin-bottom:13px;font-size:.54rem;letter-spacing:.11em}.section-kicker i{width:6px;height:6px;box-shadow:10px 0 0 var(--gold)}.small-title{font-size:.52rem;margin-bottom:12px}.button{min-height:46px;padding:0 18px;font-size:.7rem;gap:12px}.text-link{font-size:1.08rem}

  .home-hero{padding:20px 0 44px}.home-hero-grid{gap:28px}.home-hero-copy{padding:20px 0 0}.home-hero-copy h1{font-size:clamp(2.65rem,12vw,3.45rem);line-height:.89;letter-spacing:-.064em}.home-hero-copy h1 em{font-size:1em}.hero-copy-footer{grid-template-columns:1fr;gap:20px;margin-top:26px}.hero-buttons{gap:13px}.hero-copy-footer>p{max-width:100%;font-size:.81rem;line-height:1.58}.hero-spark{display:none}.hero-shape-one,.hero-shape-two{display:none}.hero-slider-frame{min-height:350px;border-radius:78px 16px 78px 16px}.hero-slide figcaption{top:10px;right:10px;font-size:.43rem;padding:6px 8px}.hero-slider-sticker{width:84px;height:84px;right:12px;bottom:12px}.hero-slider-sticker strong{font-size:1.05rem}.hero-slider-sticker span{font-size:.36rem}.hero-slider-controls{padding-top:10px}.hero-slide-label{display:none}.stock-badge{left:10px;bottom:10px;font-size:.4rem;padding:5px 7px}

  .intro-heading h2{font-size:clamp(2.35rem,10.4vw,3rem);line-height:.97;letter-spacing:-.052em}.intro-heading>p{margin-top:17px;font-size:.82rem}.home-about-grid{margin-top:38px;gap:30px}.home-about-list a{grid-template-columns:28px 1fr 18px;padding:13px 0;font-size:.77rem}.home-about-list b{font-size:.5rem}.home-about-image{min-height:340px;border-radius:70px 15px 70px 15px}.about-image-note{top:12px;right:12px;width:58%;padding:12px 13px;border-radius:12px}.about-image-note strong{font-size:1.05rem}.about-image-note p{font-size:.57rem;line-height:1.45;margin-top:5px}

  .home-work{padding:62px 0}.home-work-head{margin-bottom:28px}.home-work-head h2{font-size:clamp(2.4rem,10.4vw,3.1rem);line-height:.96}.home-work-head>p{font-size:.76rem}.work-card-grid{grid-template-columns:1fr;gap:22px}.work-card-image{aspect-ratio:1.42;border-radius:62px 14px 14px 14px!important}.work-card-tag{left:10px;top:10px;font-size:.42rem;padding:5px 7px}.work-card-arrow{right:10px;bottom:10px;width:34px;height:34px}.work-card-copy{padding:12px 2px 0}.work-card-copy h3{font-size:1.4rem}.work-card-copy p{font-size:.68rem;margin-top:6px}.work-footer{margin-top:30px}

  .approach-header{gap:12px;margin-bottom:25px}.approach-header h2{font-size:clamp(2.4rem,10.3vw,3.05rem);line-height:.96}.approach-header>p{font-size:.75rem}.approach-row{grid-template-columns:27px 1fr auto;gap:8px 10px;padding:18px 0}.approach-row>span{font-size:.48rem}.approach-row h3{font-size:1.35rem}.approach-row p{grid-column:2/4;font-size:.69rem;line-height:1.5}.approach-row b{padding:5px 7px;font-size:.42rem}

  .vision-image{min-height:390px;background-position:62% center}.vision-overlay{background:linear-gradient(90deg,rgba(8,40,59,.94),rgba(8,40,59,.7))}.vision-content{margin-left:0;padding:52px 14px;max-width:100%}.vision-content blockquote{font-size:clamp(2.4rem,10.5vw,3.25rem);line-height:.94}.vision-content .button{margin-top:22px}.vision-stock{right:12px;bottom:10px;font-size:.39rem}

  .join-head{margin-bottom:24px}.join-head h2{font-size:clamp(2.4rem,10.3vw,3.05rem);line-height:.96}.join-card-grid{grid-template-columns:1fr;gap:9px}.action-card{min-height:110px;padding:16px 17px;border-radius:15px;grid-template-columns:1fr 20px;gap:8px}.action-card>span{font-size:.46rem}.action-card strong{font-size:1.28rem;max-width:88%}.action-card i{font-size:.9rem}

  .home-contact-grid{gap:28px}.home-contact-copy{padding:24px 18px;border-radius:18px}.home-contact-copy h2{font-size:clamp(2.35rem,10.2vw,2.95rem);line-height:.96}.home-contact-copy>p{font-size:.73rem;margin:12px 0 18px}.form-grid{grid-template-columns:1fr;gap:9px}.form-grid label.full{grid-column:auto}.form-grid label span{font-size:.43rem}.form-grid input,.form-grid textarea{padding:10px 11px;font-size:.74rem}.form-grid textarea{min-height:96px}.home-contact-photos{min-height:350px}.contact-photo-main{width:78%;height:78%;border-radius:72px 14px 14px 14px}.contact-photo-small{width:51%;height:46%;border-width:5px;border-radius:14px 14px 65px 14px}.contact-photo-note{left:10px;bottom:7px;width:145px;padding:12px;font-size:1rem}.contact-photo-note span{font-size:.36rem}

  .footer-callout{padding:48px 0 38px}.footer-callout-kicker{font-size:.47rem}.footer-callout-line{align-items:flex-end;gap:16px}.footer-callout h2{font-size:clamp(2.5rem,10.5vw,3.25rem);line-height:.9}.footer-round-button{width:84px;height:84px;font-size:.9rem}.footer-grid{grid-template-columns:1fr;gap:26px;padding:38px 0 32px}.footer-brand-block p{font-size:.68rem;margin-top:14px}.footer-column h3{font-size:1.08rem;margin-bottom:10px}.footer-column a,.footer-column p{font-size:.65rem}.footer-note-column{grid-column:auto}.footer-bottom{flex-direction:column;gap:6px;padding:16px 0 20px;font-size:.51rem}

  .inner-hero,.gallery-hero,.contact-page-hero{padding:40px 0 48px}.inner-hero-grid,.inner-work-hero-grid,.involved-hero-grid{gap:28px}.inner-hero-copy h1,.gallery-hero h1,.contact-page-head h1{font-size:clamp(2.75rem,12vw,3.55rem);line-height:.9}.inner-hero-copy>p,.gallery-hero p,.contact-page-head p{margin-top:17px;font-size:.78rem}.inner-hero-media,.work-hero-photo,.involved-hero-photo{min-height:340px;border-radius:75px 15px 75px 15px}.inner-hero-note{right:10px;top:10px;padding:10px 12px}.inner-hero-note strong{font-size:1rem}.inner-hero-note span{font-size:.4rem}.narrow-heading h2{font-size:clamp(2.35rem,10.3vw,3rem);line-height:.97}.narrow-heading>p{font-size:.78rem;margin-top:16px}

  .challenge-grid{gap:26px}.challenge-title h2{font-size:clamp(2.4rem,10.4vw,3.05rem);line-height:.96}.challenge-copy>p{font-size:.75rem;margin-bottom:20px}.challenge-points article{grid-template-columns:28px 1fr;gap:2px 10px;padding:15px 0}.challenge-points h3{font-size:1.2rem}.challenge-points p{font-size:.64rem}.mission-panel{min-height:240px;padding:22px;border-radius:17px}.mission-panel h2{font-size:2.2rem}.mission-panel-gold p{font-size:.75rem}.values-head{margin-bottom:24px}.values-head h2,.work-detail-head h2,.involved-actions-head h2{font-size:clamp(2.4rem,10.4vw,3.05rem);line-height:.96}.values-grid{grid-template-columns:1fr}.value-card{min-height:auto;padding:18px}.value-card h3{margin-top:13px;font-size:1.35rem}.value-card p{font-size:.65rem}.inner-cta-box{padding:24px 20px;border-radius:18px;gap:20px}.inner-cta-box h2{font-size:clamp(2.25rem,9.8vw,2.8rem);line-height:.97}.inner-cta-box>div:last-child>p{font-size:.72rem}.cta-actions{gap:16px;flex-wrap:wrap;margin-top:17px}

  .work-detail-head{margin-bottom:25px}.work-detail-grid{grid-template-columns:1fr;gap:12px}.work-detail-card{display:grid;grid-template-columns:42% 58%;border-radius:15px}.work-detail-photo{aspect-ratio:auto;min-height:150px}.work-detail-copy{padding:16px}.work-detail-copy h3{font-size:1.3rem}.work-detail-copy p{font-size:.64rem}.work-detail-photo>span{left:8px;top:8px;width:30px;height:30px;font-size:.44rem}.education-heading h2,.partnership-copy h2,.partner-types-title h2{font-size:clamp(2.4rem,10.3vw,3.05rem);line-height:.96}.education-list,.partnership-cards,.partner-type-list{grid-template-columns:1fr}.education-list span,.partner-type-list span{padding:13px;font-size:.65rem}.partnership-copy p{font-size:.74rem}.partnership-cards span{min-height:62px;padding:12px 14px;font-size:1rem}

  .gallery-note{flex-direction:column;gap:5px;margin-bottom:18px}.gallery-note span{font-size:.48rem}.gallery-note p{font-size:.63rem}.gallery-grid{grid-template-columns:1fr 1fr;grid-auto-rows:165px;gap:8px}.gallery-item-1{grid-row:span 2;border-radius:62px 12px 12px 12px}.gallery-item{border-radius:12px}.gallery-item-6{border-radius:12px 12px 55px 12px}.gallery-item figcaption{left:7px;right:7px;bottom:7px;padding:7px 8px;font-size:.52rem}.gallery-future-box{padding:24px 20px;border-radius:18px}.gallery-future-box h2{font-size:2.35rem}.gallery-future-box p{font-size:.7rem}

  .involved-action-grid{grid-template-columns:1fr}.involved-action-card:last-child{grid-column:auto}.involved-action-card{min-height:230px;padding:20px;border-radius:16px}.involved-action-card h3{font-size:1.65rem}.involved-action-card p{font-size:.68rem}.partner-types-grid{gap:26px}.contact-nudge-inner{align-items:flex-start;flex-direction:column}.contact-nudge-inner h2{font-size:2.25rem}

  .contact-page-grid{gap:28px}.contact-page-form{padding:20px 16px;border-radius:16px}.contact-page-photo{min-height:300px;border-radius:70px 15px 70px 15px}.contact-detail-list>div{grid-template-columns:78px 1fr;gap:9px;padding:11px 0}.contact-detail-list span{font-size:.43rem}.contact-detail-list a,.contact-detail-list p{font-size:.68rem}.contact-quick-grid{grid-template-columns:1fr;gap:8px}.contact-quick article:last-child{grid-column:auto}.contact-quick article{min-height:auto;padding:18px;border-radius:13px}.contact-quick h3{margin-top:20px;font-size:1.25rem}.contact-quick p{font-size:.62rem}

  .page-hero{padding:42px 0}.page-hero h1{font-size:2.8rem}.page-content-section{padding-top:46px}.entry-content{font-size:.84rem}.entry-content h2{font-size:2rem}.entry-content h3{font-size:1.45rem}
}

@media(max-width:380px){
  :root{--container:calc(100% - 22px)}
  .home-hero-copy h1{font-size:2.5rem}.hero-slider-frame{min-height:320px}.about-image-note{width:62%}.work-detail-card{grid-template-columns:40% 60%}.footer-round-button{width:78px;height:78px}.gallery-grid{grid-auto-rows:150px}
}

.drawer-menu a:after{content:'↗';font-family:var(--sans);font-size:.75rem;color:var(--gold)}
.error-page{min-height:70vh;display:grid;place-items:center;background:var(--cream);padding-block:70px}.error-inner{text-align:center;max-width:760px}.error-inner h1{font-size:clamp(3rem,6vw,6rem);font-weight:700;letter-spacing:-.065em;line-height:.9}.error-inner p{margin:20px auto 25px;max-width:520px}.post-card{padding:24px 0;border-bottom:1px solid var(--line)}.post-card h2{font-family:var(--serif);font-size:2rem;font-weight:600}.post-meta{margin:6px 0 10px;color:#8a979c;font-size:.58rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}

/* ================================================================
   v3.1 UI refinement pass
   Cleaner fixed navigation, tighter editorial rhythm, smaller type,
   improved desktop alignment and mobile proportion.
   ================================================================ */
:root{--header-h:74px}

/* Header: fewer competing controls, lower profile, seamless drawer access */
.header-inner{grid-template-columns:220px minmax(0,1fr) auto;gap:20px}
.site-brand .custom-logo{max-width:190px;max-height:50px}
.site-wordmark strong{font-size:1.82rem;line-height:.86}
.site-wordmark small{margin-top:6px;font-size:.47rem}
.desktop-nav .menu{gap:23px}
.desktop-nav .menu a{padding:25px 0;font-size:.74rem}
.desktop-nav .menu a:after{bottom:17px}
.header-actions{gap:10px}
.header-call{display:none!important}
.header-donate{min-height:40px;padding:0 16px;font-size:.68rem}
.drawer-toggle{width:38px;height:38px;display:grid;place-items:center;padding:0;border-radius:50%;color:var(--ink);background:transparent;transition:background .2s ease,color .2s ease,transform .2s ease}
.drawer-toggle:hover{background:var(--cream);transform:translateY(-1px)}
.drawer-toggle b{display:none!important}
.drawer-toggle-lines{align-items:center;gap:4px}
.drawer-toggle-lines i{width:19px;height:1.5px}
.drawer-toggle-lines i:nth-child(2){width:14px}
.drawer-toggle:hover .drawer-toggle-lines i:nth-child(2){width:19px}

/* Better global vertical rhythm */
.section{padding:88px 0}
.compact-section{padding:72px 0}
.section-kicker{margin-bottom:16px;font-size:.64rem}

/* Hero: retain personality without letting type dominate the viewport */
.home-hero{padding:38px 0 50px}
.home-hero-grid{min-height:570px}
.home-hero-copy{padding:38px 62px 34px 0}
.home-hero-copy h1{max-width:610px;font-size:clamp(3.9rem,5.4vw,5.65rem);font-weight:700;line-height:.89;letter-spacing:-.065em}
.hero-copy-footer{margin-top:36px;gap:28px}
.hero-copy-footer>p{font-size:.84rem;line-height:1.62}
.hero-buttons{gap:14px}
.hero-slider-frame{min-height:530px;border-radius:145px 22px 145px 22px}

/* Section headings: lighter visual weight and more deliberate scale */
.intro-heading h2,.home-work-head h2,.approach-header h2,.join-head h2,.home-contact-copy h2{font-weight:600;letter-spacing:-.052em}
.intro-heading h2{font-size:clamp(2.85rem,4.25vw,4.35rem);line-height:.98}
.home-work-head h2{font-size:clamp(2.7rem,4vw,4rem);line-height:.98}
.home-work-head{gap:56px;margin-bottom:40px}
.home-work-head>p{font-size:.82rem}

/* Approach: kicker, statement and supporting paragraph share one visual line */
.approach-header{grid-template-columns:165px minmax(0,1fr) minmax(280px,360px);gap:28px;align-items:center;margin-bottom:30px}
.approach-header .section-kicker{align-self:center;margin-bottom:0;white-space:nowrap}
.approach-header h2{font-size:clamp(2.45rem,3.25vw,3.45rem);line-height:.98}
.approach-header>p{font-size:.78rem;line-height:1.58;max-width:360px}
.approach-row{grid-template-columns:54px 1.05fr 1.35fr 92px;gap:20px;padding:21px 0}
.approach-row h3{font-size:1.65rem;line-height:1.05}
.approach-row p{font-size:.75rem;line-height:1.5}

/* Vision: image remains cinematic, copy becomes calmer and easier to scan */
.vision-image{min-height:455px;background-position:64% center}
.vision-overlay{background:linear-gradient(90deg,rgba(8,40,59,.94) 0%,rgba(8,40,59,.78) 42%,rgba(8,40,59,.18) 78%,rgba(8,40,59,.08) 100%)}
.vision-content{padding:58px 0;max-width:720px}
.vision-content .section-kicker{margin-bottom:17px}
.vision-content blockquote{max-width:690px;font-size:clamp(2.9rem,4.15vw,4.35rem);font-weight:600;letter-spacing:-.048em;line-height:.98;text-wrap:balance}
.vision-content blockquote em{font-weight:600}
.vision-content .button{margin-top:24px;min-height:46px;padding-inline:20px;font-size:.72rem}

/* Get involved: align the title system and shorten the cards */
.join-head{max-width:none;display:grid;grid-template-columns:165px minmax(0,1fr);gap:28px;align-items:start;margin-bottom:28px}
.join-head .section-kicker{margin:8px 0 0;white-space:nowrap}
.join-head h2{max-width:760px;font-size:clamp(2.7rem,3.8vw,3.85rem);line-height:.98}
.join-card-grid{gap:10px}
.action-card{min-height:150px;padding:20px 22px;border-radius:18px}
.action-card strong{font-size:1.5rem;line-height:1.04}

/* Footer: tighter without losing the editorial finish */
.footer-callout{padding:58px 0 46px}
.footer-callout h2{font-size:clamp(3rem,4.8vw,5rem);line-height:.9}
.footer-round-button{width:104px;height:104px;font-size:1.05rem}
.footer-grid{padding:48px 0 40px}

/* Inner pages inherit the same calmer heading scale */
.inner-hero-copy h1{font-size:clamp(3.5rem,5.25vw,5.35rem);font-weight:600;line-height:.9}
.gallery-hero h1,.contact-page-head h1{font-weight:600}
.challenge-title h2,.narrow-heading h2,.values-head h2,.work-detail-head h2,.involved-actions-head h2,.education-heading h2,.partnership-copy h2,.partner-types-title h2{font-weight:600;letter-spacing:-.05em}

@media(max-width:1180px){
  :root{--header-h:70px}
  .header-inner{grid-template-columns:195px minmax(0,1fr) auto;gap:15px}
  .site-wordmark strong{font-size:1.68rem}
  .desktop-nav .menu{gap:17px}
  .desktop-nav .menu a{font-size:.7rem}
  .header-donate{padding-inline:14px}
  .approach-header{grid-template-columns:145px minmax(0,1fr) 300px;gap:20px}
  .approach-header h2{font-size:clamp(2.3rem,3.15vw,3rem)}
  .vision-content blockquote{font-size:clamp(2.8rem,4vw,3.8rem)}
}

@media(max-width:960px){
  :root{--header-h:68px}
  .header-inner{grid-template-columns:1fr auto}
  .site-wordmark strong{font-size:1.62rem}
  .site-wordmark small{font-size:.43rem}
  .header-donate{min-height:38px}
  .drawer-toggle{width:38px;height:38px;background:var(--navy-deep);color:#fff}
  .drawer-toggle:hover{background:var(--navy);color:#fff}
  .home-hero-grid{min-height:auto}
  .approach-header{grid-template-columns:1fr;gap:10px;align-items:start}
  .approach-header .section-kicker{margin-bottom:2px}
  .approach-header>p{max-width:620px}
  .join-head{grid-template-columns:1fr;gap:9px}
  .join-head .section-kicker{margin:0}
}

@media(max-width:700px){
  :root{--header-h:62px;--container:calc(100% - 28px)}
  .section{padding:52px 0}
  .compact-section{padding:44px 0}
  .site-brand .custom-logo{max-width:145px;max-height:39px}
  .site-wordmark strong{font-size:1.48rem}
  .site-wordmark small{margin-top:4px;font-size:.39rem;letter-spacing:.115em}
  .drawer-toggle{width:36px;height:36px}
  .drawer-toggle-lines i{width:16px}
  .drawer-toggle-lines i:nth-child(2){width:12px}

  .home-hero{padding:14px 0 36px}
  .home-hero-grid{gap:22px}
  .home-hero-copy{padding:18px 0 0}
  .home-hero-copy h1{font-size:clamp(2.35rem,10.8vw,3rem);font-weight:700;line-height:.92;letter-spacing:-.057em}
  .hero-copy-footer{gap:16px;margin-top:22px}
  .hero-buttons{display:flex;flex-direction:row;align-items:center;gap:12px;flex-wrap:nowrap;width:100%}
  .hero-buttons .button{min-height:40px;padding:0 14px;font-size:.62rem;gap:8px;white-space:nowrap}
  .hero-buttons .text-link{font-size:.95rem;white-space:nowrap}
  .hero-copy-footer>p{font-size:.76rem;line-height:1.55}
  .hero-slider-frame{min-height:325px;border-radius:68px 14px 68px 14px}

  .intro-heading h2{font-size:clamp(2.1rem,9.5vw,2.7rem);font-weight:600;line-height:1}
  .intro-heading>p{font-size:.76rem;line-height:1.55}
  .home-work{padding:52px 0}
  .home-work-head h2{font-size:clamp(2.15rem,9.6vw,2.75rem);font-weight:600;line-height:1}

  .approach-header{gap:8px;margin-bottom:20px}
  .approach-header h2{font-size:clamp(2.05rem,9.1vw,2.55rem);font-weight:600;line-height:1}
  .approach-header>p{font-size:.7rem;line-height:1.5}
  .approach-row{grid-template-columns:24px 1fr auto;gap:7px 9px;padding:16px 0}
  .approach-row h3{font-size:1.22rem}
  .approach-row p{font-size:.65rem}

  .vision-image{min-height:360px;background-position:66% center}
  .vision-overlay{background:linear-gradient(90deg,rgba(8,40,59,.95),rgba(8,40,59,.75) 62%,rgba(8,40,59,.42))}
  .vision-content{padding:44px 14px}
  .vision-content blockquote{max-width:320px;font-size:clamp(2rem,8.8vw,2.45rem);font-weight:600;line-height:1.01;letter-spacing:-.042em}
  .vision-content .button{margin-top:18px;min-height:40px;padding-inline:14px;font-size:.62rem}

  .join-head{margin-bottom:20px}
  .join-head h2{font-size:clamp(2.1rem,9.4vw,2.6rem);font-weight:600;line-height:1}
  .join-card-grid{grid-template-columns:1fr;gap:8px}
  .action-card{min-height:96px;padding:14px 15px;border-radius:14px}
  .action-card strong{font-size:1.15rem;line-height:1.06}

  .home-contact-copy h2{font-size:clamp(2.05rem,9vw,2.55rem);font-weight:600;line-height:1}

  .footer-callout{padding:42px 0 34px}
  .footer-callout h2{font-size:clamp(2.25rem,9.6vw,2.85rem);font-weight:600;line-height:.94}
  .footer-round-button{width:78px;height:78px;font-size:.82rem}
  .footer-grid{gap:22px;padding:32px 0 28px}
  .footer-bottom{align-items:center;text-align:center;justify-content:center;gap:5px;padding:15px 0 18px;font-size:.49rem}
  .footer-bottom span{display:block;width:100%}

  .inner-hero,.gallery-hero,.contact-page-hero{padding:34px 0 42px}
  .inner-hero-copy h1,.gallery-hero h1,.contact-page-head h1{font-size:clamp(2.35rem,10.5vw,3rem);font-weight:600;line-height:.94}
  .narrow-heading h2,.challenge-title h2,.values-head h2,.work-detail-head h2,.involved-actions-head h2,.education-heading h2,.partnership-copy h2,.partner-types-title h2{font-size:clamp(2rem,9vw,2.5rem);font-weight:600;line-height:1}
}

@media(max-width:400px){
  .hero-buttons{gap:9px}
  .hero-buttons .button{padding:0 11px;font-size:.58rem}
  .hero-buttons .text-link{font-size:.88rem}
  .vision-content blockquote{max-width:285px}
}

/* v3.1.1 — mobile approach-row overflow fix */
@media (max-width: 767px) {
  .approach-rows,
  .approach-row,
  .approach-row > * {
    min-width: 0;
    max-width: 100%;
  }

  .approach-row {
    grid-template-columns: 24px minmax(0, 1fr);
    column-gap: 10px;
    row-gap: 7px;
    overflow: hidden;
  }

  .approach-row > span {
    grid-column: 1;
    grid-row: 1;
    align-self: start;
    padding-top: 4px;
  }

  .approach-row h3 {
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
    overflow-wrap: anywhere;
  }

  .approach-row p {
    grid-column: 2;
    grid-row: 2;
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  .approach-row b {
    grid-column: 2;
    grid-row: 3;
    justify-self: start;
    width: max-content;
    max-width: 100%;
    margin-top: 2px;
    white-space: nowrap;
  }
}

/* ================================================================
   v4.0 REMASTER — editorial polish + calmer type + stronger UX
   Keeps the existing information architecture and CMS while
   refining rhythm, hierarchy, alignment, cards and responsive UI.
   ================================================================ */
:root{
  --header-h:68px;
  --container:min(1220px,calc(100% - 48px));
  --paper:#fffdf9;
  --cream:#f6f0e7;
  --ink:#0c3048;
  --navy:#123e5b;
  --navy-deep:#082b40;
  --muted:#66777f;
  --line:rgba(12,48,72,.12);
  --shadow-soft:0 14px 34px rgba(12,48,72,.07);
  --shadow-card:0 22px 54px rgba(12,48,72,.09);
  --radius-xl:26px;
  --radius-lg:20px;
}

body{font-size:15px;line-height:1.65;font-weight:400;background:var(--paper)}
p{font-weight:400;color:var(--muted)}
h1,h2,h3,h4{font-weight:500;text-wrap:balance}
em{font-weight:500}
.site-main{padding-top:var(--header-h)}
.section{padding:96px 0}
.compact-section{padding:78px 0}

/* Labels / hierarchy */
.section-kicker{
  gap:10px;
  margin-bottom:18px;
  padding:7px 11px;
  border:1px solid rgba(12,48,72,.08);
  border-radius:999px;
  background:rgba(246,240,231,.72);
  color:#264c62;
  font-size:.62rem;
  font-weight:700;
  letter-spacing:.115em;
  line-height:1;
  box-shadow:0 7px 18px rgba(12,48,72,.035);
}
.section-kicker i{width:6px;height:6px;box-shadow:10px 0 0 var(--gold)}
.section-kicker.light{color:#fff;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);box-shadow:none}
.section-kicker.centered{display:table;margin-left:auto;margin-right:auto}
.small-title,.eyebrow{font-size:.59rem;font-weight:700;letter-spacing:.12em;color:#778a93}

/* Buttons: soft, deliberate, not chunky */
.button{
  min-height:46px;
  padding:0 20px;
  gap:12px;
  border-radius:999px;
  font-size:.71rem;
  font-weight:700;
  letter-spacing:-.005em;
  box-shadow:0 10px 24px rgba(12,48,72,.08);
  transition:transform .22s ease,box-shadow .22s ease,background .22s ease,color .22s ease;
}
.button:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(12,48,72,.13)}
.button-primary{box-shadow:0 14px 32px rgba(8,43,64,.15)}
.button-gold{box-shadow:0 13px 28px rgba(212,168,68,.18)}
.button-light{box-shadow:0 12px 28px rgba(0,0,0,.10)}
.text-link{font-size:1.15rem;font-weight:500}
.text-link:after{bottom:-4px;border-top-width:1.5px}

/* Header: quiet, compact, high clarity */
.site-header{height:var(--header-h);background:rgba(255,253,249,.94);border-bottom-color:rgba(12,48,72,.06)}
.site-header.scrolled{box-shadow:0 8px 30px rgba(12,48,72,.075);background:rgba(255,253,249,.98)}
.header-inner{grid-template-columns:200px minmax(0,1fr) auto;gap:18px}
.site-wordmark strong{font-size:1.68rem;font-weight:500;letter-spacing:-.035em}
.site-wordmark small{margin-top:5px;font-size:.43rem;font-weight:700;letter-spacing:.135em}
.site-brand .custom-logo{max-width:180px;max-height:45px}
.desktop-nav .menu{gap:24px}
.desktop-nav .menu a{padding:22px 0;font-size:.71rem;font-weight:600;color:#173b50}
.desktop-nav .menu a:after{bottom:15px;height:1.5px;border-radius:999px}
.header-actions{gap:10px}
.header-donate{min-height:38px;padding:0 15px;font-size:.66rem;font-weight:700;box-shadow:0 8px 20px rgba(212,168,68,.18)}
.drawer-toggle{width:36px;height:36px;padding:0;border-radius:50%;display:grid;place-items:center;background:transparent;transition:.2s}
.drawer-toggle:hover{background:var(--cream)}
.drawer-toggle-lines{gap:4px;align-items:center}
.drawer-toggle-lines i{width:18px;height:1.4px}
.drawer-toggle-lines i:nth-child(2){width:13px}
.drawer-toggle b{display:none!important}

/* Drawer: editorial instead of oversized */
.site-drawer{width:min(400px,100%);box-shadow:-26px 0 70px rgba(5,27,41,.2)}
.drawer-head{padding:20px 24px}
.drawer-body{padding:18px 24px 26px}
.drawer-close{width:38px;height:38px;font-size:1.45rem}
.drawer-menu a{padding:13px 0;font-size:1.62rem;font-weight:500;line-height:1.04}
.drawer-menu a:after{font-size:.62rem}
.drawer-contact{margin-top:26px;padding-top:20px}
.drawer-contact a{font-size:.77rem}
.drawer-contact p{font-size:.68rem}
.drawer-donate{padding:14px 16px;border-radius:13px;font-size:.7rem;box-shadow:0 14px 30px rgba(0,0,0,.10)}

/* Hero */
.home-hero{padding:44px 0 60px;background:linear-gradient(135deg,#f7f1e8 0%,#fffaf2 68%,#f4eee5 100%)}
.home-hero-grid{grid-template-columns:48% 52%;min-height:565px;gap:30px}
.home-hero-copy{padding:38px 30px 34px 0}
.home-hero-copy h1{max-width:610px;font-size:clamp(3.65rem,5vw,5.05rem);font-weight:600;letter-spacing:-.062em;line-height:.92}
.home-hero-copy h1 em{font-weight:500;letter-spacing:-.035em}
.hero-copy-footer{grid-template-columns:1fr 1fr;gap:26px;margin-top:34px;align-items:center}
.hero-copy-footer>p{max-width:320px;font-size:.81rem;line-height:1.6}
.hero-buttons{gap:13px}
.hero-spark{font-size:1.65rem;right:18px;top:92px}
.home-hero-visual{padding-left:0}
.hero-slider-frame{min-height:505px;border-radius:126px 22px 126px 22px;box-shadow:var(--shadow-card)}
.hero-slide figcaption{font-size:.49rem;font-weight:700}
.hero-slider-sticker{width:108px;height:108px;right:18px;bottom:18px;box-shadow:0 18px 38px rgba(8,43,64,.20)}
.hero-slider-sticker strong{font-size:1.28rem;font-weight:500}
.hero-slider-controls{padding-top:11px}
.hero-slide-label{font-size:.47rem;font-weight:600}

/* Intro / why we exist */
.home-intro{background:var(--paper)}
.intro-heading{max-width:850px}
.intro-heading h2{font-size:clamp(2.7rem,4vw,3.8rem);font-weight:500;letter-spacing:-.048em;line-height:1}
.intro-heading>p{max-width:620px;margin-top:18px;font-size:.82rem;line-height:1.62}
.home-about-grid{grid-template-columns:.82fr 1.18fr;gap:58px;margin-top:52px}
.home-about-list{padding:5px 20px 5px 0;border-top:0}
.home-about-list .small-title{margin:0 0 12px}
.home-about-list a{grid-template-columns:34px 1fr 22px;padding:15px 4px;border-bottom:1px solid var(--line);font-size:.8rem;font-weight:600}
.home-about-list a:first-of-type{border-top:1px solid var(--line)}
.home-about-list a:hover{padding-left:8px;color:var(--navy)}
.home-about-list b{font-size:.54rem}
.home-about-image{min-height:455px;border-radius:96px 20px 96px 20px;box-shadow:var(--shadow-card)}
.about-image-note{right:16px;top:16px;padding:16px 17px;border-radius:15px;box-shadow:0 10px 32px rgba(12,48,72,.10)}
.about-image-note strong{font-size:1.25rem;font-weight:500}
.about-image-note p{font-size:.63rem}

/* What we do */
.home-work{background:#082b40}
.home-work:before{opacity:.55}
.home-work-head{grid-template-columns:1fr .55fr;gap:58px;margin-bottom:38px;align-items:center}
.home-work-head h2{max-width:700px;font-size:clamp(2.65rem,3.8vw,3.65rem);font-weight:500;letter-spacing:-.047em;line-height:1}
.home-work-head>p{font-size:.78rem;line-height:1.6}
.work-card-grid{gap:13px}
.work-card{padding:9px 9px 16px;border:1px solid rgba(255,255,255,.075);border-radius:22px;background:rgba(255,255,255,.035);transition:transform .25s ease,border-color .25s ease,background .25s ease,box-shadow .25s ease}
.work-card:hover{transform:translateY(-4px);background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12);box-shadow:0 18px 34px rgba(0,0,0,.12)}
.work-card-image,.work-card:nth-child(2) .work-card-image,.work-card:nth-child(3) .work-card-image,.work-card:nth-child(4) .work-card-image{border-radius:72px 15px 15px 15px;aspect-ratio:.88}
.work-card:nth-child(2) .work-card-image{border-radius:15px 72px 15px 15px}
.work-card:nth-child(3) .work-card-image{border-radius:15px 15px 72px 15px}
.work-card:nth-child(4) .work-card-image{border-radius:15px 15px 15px 72px}
.work-card-tag{font-size:.46rem;font-weight:700;padding:6px 8px;box-shadow:0 6px 16px rgba(0,0,0,.10)}
.work-card-arrow{width:34px;height:34px;box-shadow:0 7px 16px rgba(0,0,0,.12)}
.work-card-copy{padding:14px 6px 0}
.work-card-copy h3{font-size:1.45rem;font-weight:500;line-height:1.05}
.work-card-copy p{font-size:.67rem;line-height:1.55}
.work-footer{margin-top:34px}

/* Approach: clean aligned header + contained rows */
.home-approach{background:#fbfaf6}
.approach-header{grid-template-columns:150px minmax(0,1fr) minmax(280px,350px);gap:30px;align-items:center;margin-bottom:28px}
.approach-header .section-kicker{margin:0;justify-self:start}
.approach-header h2{font-size:clamp(2.35rem,3.1vw,3.1rem);font-weight:500;letter-spacing:-.042em;line-height:1.02}
.approach-header>p{font-size:.74rem;line-height:1.55;max-width:350px}
.approach-rows{padding:0 22px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow-soft)}
.approach-row{grid-template-columns:44px 1fr 1.35fr 100px;gap:18px;padding:20px 0}
.approach-row:first-child{border-top:0}
.approach-row>span{font-size:.52rem;font-weight:600}
.approach-row h3{font-size:1.48rem;font-weight:500;line-height:1.05}
.approach-row p{font-size:.7rem;line-height:1.5}
.approach-row b{padding:6px 10px;border:1px solid rgba(12,48,72,.07);background:#f5f0e8;font-size:.47rem;font-weight:700;box-shadow:0 5px 12px rgba(12,48,72,.035)}

/* Vision: cinematic image + readable glass panel */
.home-vision{padding:0;background:var(--navy-deep)}
.vision-image{min-height:470px;background-position:62% center;padding:34px 0}
.vision-overlay{background:linear-gradient(90deg,rgba(4,31,48,.67),rgba(4,31,48,.34) 58%,rgba(4,31,48,.10))}
.vision-content{
  max-width:640px;
  margin-left:max(calc((100% - min(1220px,calc(100% - 48px)))/2),24px);
  padding:38px 40px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:24px;
  background:rgba(8,43,64,.68);
  backdrop-filter:blur(10px);
  box-shadow:0 22px 58px rgba(0,0,0,.18);
}
.vision-content .section-kicker{margin-bottom:14px}
.vision-content blockquote{max-width:560px;font-size:clamp(2.55rem,3.5vw,3.55rem);font-weight:500;letter-spacing:-.04em;line-height:1.02}
.vision-content blockquote em{font-weight:500}
.vision-content .button{margin-top:22px;min-height:43px}
.vision-stock{font-size:.43rem}

/* Get involved */
.home-join{background:var(--cream)}
.join-head{display:grid;grid-template-columns:150px minmax(0,1fr);gap:30px;align-items:center;margin-bottom:28px}
.join-head .section-kicker{margin:0}
.join-head h2{max-width:650px;font-size:clamp(2.4rem,3.25vw,3.25rem);font-weight:500;letter-spacing:-.042em;line-height:1.02}
.join-card-grid{gap:12px}
.action-card{min-height:142px;padding:19px 20px;border-radius:18px;box-shadow:var(--shadow-soft);border:1px solid rgba(12,48,72,.08);transition:transform .22s ease,box-shadow .22s ease}
.action-card:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(12,48,72,.11)}
.action-card>span{font-size:.51rem;font-weight:700}
.action-card strong{font-size:1.34rem;font-weight:500;line-height:1.05}
.action-card i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.18)}
.action-paper i{background:var(--cream)}

/* Home contact */
.home-contact{background:var(--paper)}
.home-contact-grid{grid-template-columns:1fr .92fr;gap:42px;align-items:center}
.home-contact-copy{padding:32px;border-radius:22px;box-shadow:0 24px 54px rgba(8,43,64,.13)}
.home-contact-copy h2{font-size:clamp(2.35rem,3.5vw,3.45rem);font-weight:500;letter-spacing:-.045em;line-height:1.01}
.home-contact-copy>p{margin:14px 0 22px;font-size:.75rem;line-height:1.58}
.home-contact-photos{min-height:480px}
.contact-photo-main{border-radius:92px 18px 18px 18px;box-shadow:var(--shadow-card)}
.contact-photo-small{border-radius:18px 18px 82px 18px;box-shadow:var(--shadow-card)}
.contact-photo-note{border-radius:14px;box-shadow:0 12px 28px rgba(12,48,72,.10)}
.form-grid input,.form-grid textarea{border-radius:10px;transition:border-color .2s,box-shadow .2s,background .2s}
.form-grid input:focus,.form-grid textarea:focus{outline:0;border-color:rgba(212,168,68,.7);box-shadow:0 0 0 3px rgba(212,168,68,.11);background:#fff}

/* Footer */
.footer-callout{padding:58px 0 44px}
.footer-callout h2{font-size:clamp(2.7rem,4vw,4rem);font-weight:500;letter-spacing:-.045em;line-height:.96}
.footer-round-button{width:94px;height:94px;font-size:.92rem;font-weight:600;box-shadow:0 15px 34px rgba(0,0,0,.13)}
.footer-grid{padding:46px 0 38px;gap:34px}
.footer-brand-block p{max-width:330px;font-size:.69rem;line-height:1.55}
.footer-column h3{font-size:1.15rem;font-weight:500}
.footer-column a,.footer-column p{font-size:.67rem;line-height:1.7}
.footer-bottom{font-size:.52rem}

/* Inner pages — same visual system, not generic WordPress pages */
.inner-hero,.gallery-hero,.contact-page-hero{padding:58px 0 66px;background:linear-gradient(135deg,#f7f1e8,#fffaf3)}
.inner-hero-copy h1,.gallery-hero h1,.contact-page-head h1{font-size:clamp(3.1rem,4.7vw,4.65rem);font-weight:500;letter-spacing:-.052em;line-height:.95}
.inner-hero-copy>p,.gallery-hero p,.contact-page-head p{font-size:.8rem;line-height:1.6}
.inner-hero-media,.work-hero-photo,.involved-hero-photo,.contact-page-photo{box-shadow:var(--shadow-card)}
.inner-statement .narrow-heading h2,.narrow-heading h2{font-size:clamp(2.4rem,3.5vw,3.45rem);font-weight:500;letter-spacing:-.044em;line-height:1.02}
.challenge-title h2,.values-head h2,.work-detail-head h2,.involved-actions-head h2,.education-heading h2,.partnership-copy h2,.partner-types-title h2{font-size:clamp(2.35rem,3.4vw,3.35rem);font-weight:500;letter-spacing:-.044em;line-height:1.02}
.challenge-copy>p,.partnership-copy p{font-size:.79rem;line-height:1.62}
.challenge-points article{padding:17px 0}
.challenge-points h3{font-size:1.42rem;font-weight:500}
.challenge-points p{font-size:.69rem}
.mission-panel,.value-card,.work-detail-card,.involved-action-card,.contact-page-form,.contact-quick article,.gallery-future-box,.inner-cta-box{box-shadow:var(--shadow-soft);border:1px solid rgba(12,48,72,.075)}
.mission-panel{border-radius:20px}
.mission-panel h2{font-weight:500}
.value-card{border-radius:18px;background:#fff}
.value-card h3{font-weight:500}
.work-detail-grid{gap:16px}
.work-detail-card{border-radius:18px;background:#fff}
.work-detail-copy h3{font-size:1.5rem;font-weight:500}
.work-detail-copy p{font-size:.68rem}
.education-heading h2{font-weight:500}
.education-list span{font-size:.68rem}
.partnership-cards span{font-size:1.06rem;font-weight:500;box-shadow:0 10px 24px rgba(12,48,72,.045)}
.gallery-grid{gap:10px}
.gallery-item{box-shadow:0 12px 28px rgba(12,48,72,.07)}
.gallery-future-box h2,.inner-cta-box h2{font-size:clamp(2.35rem,3.4vw,3.4rem);font-weight:500;letter-spacing:-.044em;line-height:1.02}
.involved-action-card{border-radius:18px}
.involved-action-card h3{font-weight:500}
.contact-page-form{border-radius:20px}
.contact-quick h3{font-weight:500}
.page-hero h1{font-size:clamp(2.8rem,4.3vw,4.2rem);font-weight:500;line-height:.97}
.entry-content{font-size:.9rem}
.entry-content h2{font-size:2.2rem;font-weight:500}
.entry-content h3{font-size:1.55rem;font-weight:500}

/* Mid-size */
@media(max-width:1180px){
  :root{--header-h:66px;--container:min(1120px,calc(100% - 40px))}
  .header-inner{grid-template-columns:185px 1fr auto}
  .desktop-nav .menu{gap:18px}
  .desktop-nav .menu a{font-size:.68rem}
  .home-hero-grid{grid-template-columns:47% 53%;gap:22px}
  .home-hero-copy h1{font-size:clamp(3.3rem,5vw,4.5rem)}
  .hero-slider-frame{min-height:470px}
  .approach-header{grid-template-columns:135px minmax(0,1fr) 300px;gap:22px}
  .approach-row{grid-template-columns:40px 1fr 1.2fr 90px}
}

@media(max-width:960px){
  :root{--header-h:62px;--container:calc(100% - 36px)}
  .header-inner{grid-template-columns:1fr auto}
  .desktop-nav{display:none}
  .site-wordmark strong{font-size:1.52rem}
  .header-donate{min-height:36px}
  .drawer-toggle{background:var(--navy-deep);color:#fff}
  .drawer-toggle:hover{background:var(--navy);color:#fff}
  .home-hero-grid{grid-template-columns:1fr;gap:28px;min-height:auto}
  .home-hero-copy{padding:26px 0 0}
  .hero-copy-footer{grid-template-columns:1fr;gap:18px}
  .hero-buttons{flex-direction:row;align-items:center;gap:15px}
  .home-hero-visual{max-width:760px;width:100%;margin-inline:auto}
  .hero-slider-frame{min-height:440px}
  .home-about-grid{grid-template-columns:1fr;gap:36px}
  .home-about-list{padding-right:0}
  .work-card-grid{grid-template-columns:1fr 1fr}
  .home-work-head{grid-template-columns:1fr;gap:18px}
  .home-work-head>p{max-width:620px}
  .approach-header{grid-template-columns:1fr;gap:12px}
  .approach-header>p{max-width:620px}
  .vision-content{margin-left:18px}
  .join-head{grid-template-columns:1fr;gap:10px}
  .home-contact-grid{grid-template-columns:1fr;gap:34px}
  .home-contact-photos{min-height:420px}
}

/* Mobile */
@media(max-width:700px){
  :root{--header-h:58px;--container:calc(100% - 28px)}
  body{font-size:14px}
  .section{padding:62px 0}
  .compact-section{padding:54px 0}
  .site-brand .custom-logo{max-width:140px;max-height:36px}
  .site-wordmark strong{font-size:1.38rem;font-weight:500}
  .site-wordmark small{font-size:.36rem;margin-top:3px}
  .header-donate{display:none}
  .drawer-toggle{width:34px;height:34px}
  .drawer-toggle-lines i{width:15px}.drawer-toggle-lines i:nth-child(2){width:11px}
  .drawer-head{padding:16px 18px}.drawer-body{padding:14px 18px 20px}.drawer-menu a{font-size:1.46rem;padding:12px 0}

  .section-kicker{padding:6px 9px;font-size:.55rem;letter-spacing:.1em;margin-bottom:14px;box-shadow:none}
  .button{min-height:40px;padding:0 14px;font-size:.62rem;gap:8px}
  .text-link{font-size:.91rem}

  .home-hero{padding:18px 0 38px}
  .home-hero-grid{gap:20px}
  .home-hero-copy{padding:14px 0 0}
  .home-hero-copy h1{font-size:clamp(2.2rem,10vw,2.7rem);font-weight:600;line-height:.96;letter-spacing:-.05em}
  .hero-copy-footer{margin-top:20px;gap:16px}
  .hero-buttons{gap:10px;flex-wrap:nowrap;width:100%}
  .hero-buttons .button{white-space:nowrap}
  .hero-buttons .text-link{white-space:nowrap}
  .hero-copy-footer>p{font-size:.72rem;line-height:1.55}
  .hero-slider-frame{min-height:315px;border-radius:62px 13px 62px 13px}
  .hero-slider-sticker{width:76px;height:76px;right:10px;bottom:10px}.hero-slider-sticker strong{font-size:.95rem}.hero-slider-sticker span{font-size:.32rem}

  .intro-heading h2{font-size:clamp(2rem,9vw,2.45rem);font-weight:500;line-height:1.02}
  .intro-heading>p{font-size:.72rem;margin-top:14px}
  .home-about-grid{margin-top:32px;gap:26px}
  .home-about-list a{font-size:.73rem;padding:12px 2px}
  .home-about-image{min-height:315px;border-radius:58px 13px 58px 13px}
  .about-image-note{width:62%;right:10px;top:10px;padding:11px 12px}.about-image-note strong{font-size:1rem}.about-image-note p{font-size:.54rem}

  .home-work{padding:62px 0}
  .home-work-head{margin-bottom:26px}
  .home-work-head h2{font-size:clamp(2rem,9vw,2.5rem);font-weight:500;line-height:1.02}
  .home-work-head>p{font-size:.7rem}
  .work-card-grid{grid-template-columns:1fr;gap:15px}
  .work-card{padding:8px 8px 14px;border-radius:18px}
  .work-card-image,.work-card:nth-child(2) .work-card-image,.work-card:nth-child(3) .work-card-image,.work-card:nth-child(4) .work-card-image{aspect-ratio:1.42;border-radius:52px 12px 12px 12px}
  .work-card-copy h3{font-size:1.25rem}.work-card-copy p{font-size:.63rem}

  .approach-header{gap:9px;margin-bottom:19px}
  .approach-header h2{font-size:clamp(1.95rem,8.8vw,2.35rem);font-weight:500;line-height:1.03}
  .approach-header>p{font-size:.67rem;line-height:1.52}
  .approach-rows{padding:0 14px;border-radius:17px}
  .approach-row{grid-template-columns:25px minmax(0,1fr);column-gap:9px;row-gap:6px;padding:16px 0;overflow:visible}
  .approach-row>span{grid-column:1;grid-row:1;padding-top:3px}
  .approach-row h3{grid-column:2;grid-row:1;font-size:1.16rem;font-weight:500}
  .approach-row p{grid-column:2;grid-row:2;font-size:.62rem;line-height:1.48}
  .approach-row b{grid-column:2;grid-row:3;justify-self:start;width:max-content;max-width:100%;font-size:.41rem;padding:5px 8px;margin-top:2px}

  .vision-image{min-height:355px;padding:20px 0;background-position:66% center}
  .vision-overlay{background:linear-gradient(90deg,rgba(4,31,48,.66),rgba(4,31,48,.26))}
  .vision-content{margin:0 14px;padding:24px 20px;border-radius:18px;max-width:calc(100% - 28px);background:rgba(8,43,64,.73)}
  .vision-content blockquote{max-width:310px;font-size:clamp(1.9rem,8.6vw,2.25rem);font-weight:500;line-height:1.04}
  .vision-content .button{margin-top:16px;min-height:38px}
  .vision-stock{right:9px;bottom:7px;font-size:.34rem}

  .join-head{margin-bottom:19px}
  .join-head h2{font-size:clamp(1.95rem,8.8vw,2.35rem);font-weight:500;line-height:1.03}
  .join-card-grid{grid-template-columns:1fr;gap:9px}
  .action-card{min-height:94px;padding:14px 15px;border-radius:14px}
  .action-card strong{font-size:1.08rem;font-weight:500;max-width:88%}
  .action-card>span{font-size:.43rem}

  .home-contact-grid{gap:26px}
  .home-contact-copy{padding:21px 16px;border-radius:17px}
  .home-contact-copy h2{font-size:clamp(1.95rem,8.8vw,2.35rem);font-weight:500;line-height:1.03}
  .home-contact-copy>p{font-size:.67rem;margin:11px 0 17px}
  .home-contact-photos{min-height:325px}
  .contact-photo-main{border-radius:58px 12px 12px 12px}.contact-photo-small{border-radius:12px 12px 54px 12px}

  .footer-callout{padding:42px 0 34px}.footer-callout h2{font-size:clamp(2.05rem,9vw,2.5rem);font-weight:500;line-height:1}.footer-round-button{width:74px;height:74px;font-size:.76rem}
  .footer-grid{padding:32px 0 28px;gap:22px}.footer-bottom{justify-content:center;text-align:center;align-items:center;gap:4px;padding:14px 0 17px;font-size:.46rem}.footer-bottom span{width:100%;display:block}

  .inner-hero,.gallery-hero,.contact-page-hero{padding:38px 0 46px}
  .inner-hero-copy h1,.gallery-hero h1,.contact-page-head h1{font-size:clamp(2.25rem,10vw,2.8rem);font-weight:500;line-height:.98}
  .inner-hero-copy>p,.gallery-hero p,.contact-page-head p{font-size:.7rem;line-height:1.55;margin-top:14px}
  .narrow-heading h2,.challenge-title h2,.values-head h2,.work-detail-head h2,.involved-actions-head h2,.education-heading h2,.partnership-copy h2,.partner-types-title h2{font-size:clamp(1.9rem,8.7vw,2.3rem);font-weight:500;line-height:1.03}
  .challenge-copy>p,.partnership-copy p{font-size:.68rem}
  .challenge-points h3{font-size:1.1rem}.challenge-points p{font-size:.6rem}
  .mission-panel{padding:19px;border-radius:15px}.mission-panel h2{font-size:1.9rem}
  .value-card{padding:16px;border-radius:14px}.value-card h3{font-size:1.2rem}.value-card p{font-size:.6rem}
  .inner-cta-box{padding:20px 17px;border-radius:16px}.inner-cta-box h2,.gallery-future-box h2{font-size:2rem;font-weight:500}.inner-cta-box>div:last-child>p,.gallery-future-box p{font-size:.66rem}
  .work-detail-card{border-radius:14px}.work-detail-copy{padding:14px}.work-detail-copy h3{font-size:1.15rem}.work-detail-copy p{font-size:.59rem}
  .education-list span,.partner-type-list span{font-size:.6rem}
  .partnership-cards span{font-size:.92rem}
  .gallery-grid{gap:7px}.gallery-item{border-radius:11px}.gallery-item figcaption{font-size:.48rem}
  .involved-action-card{min-height:210px;padding:18px;border-radius:14px}.involved-action-card h3{font-size:1.5rem;font-weight:500}.involved-action-card p{font-size:.62rem}
  .contact-page-form{padding:18px 15px;border-radius:15px}.contact-quick h3{font-size:1.15rem}.contact-quick p{font-size:.58rem}
  .page-hero{padding:38px 0}.page-hero h1{font-size:2.45rem;font-weight:500}.entry-content{font-size:.8rem}.entry-content h2{font-size:1.8rem}.entry-content h3{font-size:1.3rem}
}

@media(max-width:390px){
  :root{--container:calc(100% - 22px)}
  .hero-buttons{gap:8px}.hero-buttons .button{padding-inline:11px;font-size:.58rem}.hero-buttons .text-link{font-size:.84rem}
  .home-hero-copy h1{font-size:2.25rem}
  .approach-rows{padding-inline:12px}
  .vision-content{margin-inline:11px;max-width:calc(100% - 22px)}
}

@media(prefers-reduced-motion:reduce){
  .button,.action-card,.work-card,.home-about-list a,.drawer-toggle{transition:none!important}
}


/* Floating utilities — added in v4.0.1 without changing the v4 design system */
.floating-whatsapp{
  position:fixed;
  left:max(18px,env(safe-area-inset-left));
  bottom:max(20px,calc(env(safe-area-inset-bottom) + 16px));
  z-index:4700;
  transition:opacity .24s ease,transform .24s ease,visibility .24s ease;
}
.floating-whatsapp.is-dismissed{opacity:0;visibility:hidden;transform:translateY(10px) scale(.94);pointer-events:none}
.floating-whatsapp-link{
  min-height:48px;
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:0 17px 0 13px;
  border-radius:999px;
  background:#1f9d60;
  color:#fff;
  font-family:var(--sans);
  font-size:.68rem;
  font-weight:700;
  letter-spacing:-.01em;
  box-shadow:0 12px 30px rgba(8,43,58,.14),inset 0 0 0 1px rgba(255,255,255,.16);
  transition:transform .2s ease,background .2s ease,box-shadow .2s ease;
}
.floating-whatsapp-link:hover{color:#fff;background:#198653;transform:translateY(-2px)}
.floating-whatsapp-link svg{width:24px;height:24px;fill:currentColor;flex:0 0 auto}
.floating-whatsapp-close{
  position:absolute;
  right:-6px;
  top:-9px;
  z-index:2;
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  padding:0;
  border:2px solid var(--paper,#fffdf8);
  border-radius:50%;
  background:var(--navy-deep);
  color:#fff;
  font:500 16px/1 var(--sans);
  cursor:pointer;
  transition:transform .2s ease,background .2s ease;
}
.floating-whatsapp-close:hover{background:var(--coral);transform:rotate(6deg)}

.scroll-to-top{
  position:fixed;
  right:max(18px,env(safe-area-inset-right));
  bottom:max(20px,calc(env(safe-area-inset-bottom) + 16px));
  z-index:4700;
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid rgba(16,47,70,.13);
  border-radius:50%;
  background:rgba(255,253,248,.94);
  color:var(--navy-deep);
  box-shadow:0 10px 30px rgba(8,43,58,.12);
  backdrop-filter:blur(12px);
  opacity:0;
  visibility:hidden;
  transform:translateY(12px) scale(.92);
  cursor:pointer;
  transition:opacity .24s ease,transform .24s ease,visibility .24s ease,background .2s ease,color .2s ease;
}
.scroll-to-top.is-visible{opacity:1;visibility:visible;transform:none}
.scroll-to-top:hover{background:var(--navy-deep);color:#fff;transform:translateY(-2px)}
.scroll-to-top svg{width:20px;height:20px}

@media(max-width:767px){
  .floating-whatsapp{left:max(12px,env(safe-area-inset-left));bottom:max(12px,calc(env(safe-area-inset-bottom) + 10px))}
  .floating-whatsapp-link{width:46px;height:46px;min-height:46px;padding:0;justify-content:center}
  .floating-whatsapp-link span{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
  .floating-whatsapp-link svg{width:23px;height:23px}
  .floating-whatsapp-close{right:-7px;top:-8px;width:21px;height:21px;font-size:14px;border-width:2px}
  .scroll-to-top{right:max(12px,env(safe-area-inset-right));bottom:max(12px,calc(env(safe-area-inset-bottom) + 10px));width:44px;height:44px}
  .scroll-to-top svg{width:18px;height:18px}
}

@media(prefers-reduced-motion:reduce){
  .floating-whatsapp,.floating-whatsapp-link,.floating-whatsapp-close,.scroll-to-top{transition:none!important}
}


/* v4.0.2 — editorial labels: remove generic pill/chip treatment site-wide */
.section-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  width:auto;
  max-width:100%;
  margin-bottom:18px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  color:#264c62;
  line-height:1.25;
}
.section-kicker.light{
  color:#edf4f6;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.section-kicker.centered{
  display:inline-flex;
  margin-left:0;
  margin-right:0;
}
/* Preserve actual centred hierarchy where requested without creating a capsule. */
.narrow-heading .section-kicker.centered,
.intro-heading .section-kicker.centered{
  display:flex;
  width:max-content;
  max-width:100%;
  margin-left:auto;
  margin-right:auto;
}

/* Image micro-captions remain informative, but no floating rounded badge UI. */
.stock-badge,
.hero-slide figcaption{
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  backdrop-filter:none;
  box-shadow:none;
  color:#fff;
  text-shadow:0 1px 12px rgba(0,0,0,.55);
}
.hero-slide figcaption{right:16px;top:16px}
.stock-badge{left:16px;bottom:14px}

/* Programme tags: editorial overline rather than a capsule. */
.work-card-tag{
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  color:#fff;
  text-shadow:0 1px 10px rgba(0,0,0,.6);
  letter-spacing:.12em;
}
.work-card-tag::before{
  content:'';
  display:inline-block;
  width:14px;
  height:1px;
  margin-right:7px;
  vertical-align:middle;
  background:var(--gold);
}

/* Approach descriptors: keep CARE / KNOWLEDGE / TOGETHER as type, not chips. */
.approach-row b{
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  color:#657982;
  font-weight:700;
  letter-spacing:.12em;
}
.approach-row b::before{
  content:'';
  display:inline-block;
  width:12px;
  height:1px;
  margin-right:7px;
  vertical-align:middle;
  background:var(--gold);
}

@media(max-width:700px){
  .section-kicker{
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    margin-bottom:13px;
  }
  .section-kicker.light{background:transparent;border:0}
  .stock-badge,
  .hero-slide figcaption{padding:0;border-radius:0;background:transparent}
  .work-card-tag{padding:0}
  .approach-row b{padding:0;margin-top:4px}
}


/* v4.0.3 — Our Work health education list repair */
.education-list{
  width:100%;
  min-width:0;
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.education-list span{
  display:flex;
  align-items:center;
  min-width:0;
  min-height:56px;
  padding:16px 18px;
  line-height:1.42;
  overflow-wrap:anywhere;
}
@media(max-width:767px){
  .education-list{grid-template-columns:1fr}
  .education-list span{min-height:auto;padding:13px 0;border-right:0;border-left:0}
}


/* v4.0.4 — client review: stronger hero identity + slightly more breathing room */
.home-hero{
  padding-top:60px;
  padding-bottom:68px;
}
.home-hero-grid{
  min-height:600px;
}
.home-hero-copy{
  padding-top:46px;
  padding-bottom:40px;
}
.home-hero .section-kicker{
  color:var(--navy-deep);
  font-size:.67rem;
  font-weight:700;
  letter-spacing:.105em;
}
.home-hero .section-kicker i{
  opacity:1;
}
.hero-slider-frame{
  min-height:525px;
}

@media(max-width:960px){
  .home-hero{
    padding-top:42px;
    padding-bottom:54px;
  }
  .home-hero-grid{
    min-height:auto;
  }
  .home-hero-copy{
    padding-top:32px;
    padding-bottom:4px;
  }
}

@media(max-width:700px){
  .home-hero{
    padding-top:34px;
    padding-bottom:48px;
  }
  .home-hero-copy{
    padding-top:24px;
  }
  .home-hero .section-kicker{
    margin-bottom:17px;
    color:var(--navy-deep);
    font-size:.59rem;
    font-weight:700;
    letter-spacing:.095em;
  }
  .hero-slider-frame{
    min-height:335px;
  }
}

@media(max-width:390px){
  .home-hero{
    padding-top:30px;
  }
  .home-hero-copy{
    padding-top:20px;
  }
  .home-hero .section-kicker{
    font-size:.56rem;
  }
}

/* v4.0.5 — client review: make hero identity prominent + add a full 100px+ breathing gap below header */
.home-hero{
  padding-top:160px;
  padding-bottom:76px;
}
.home-hero-grid{
  min-height:700px;
}
.home-hero-copy{
  padding-top:18px;
  padding-bottom:42px;
}
.home-hero .section-kicker{
  margin-bottom:24px;
  color:#082f46;
  font-size:.88rem;
  font-weight:800;
  letter-spacing:.12em;
  line-height:1.2;
}
.home-hero .section-kicker i{
  width:9px;
  height:9px;
  flex:0 0 9px;
  opacity:1;
}
.hero-slider-frame{
  min-height:570px;
}

@media(max-width:1200px){
  .home-hero{
    padding-top:145px;
  }
  .home-hero-grid{
    min-height:660px;
  }
  .home-hero .section-kicker{
    font-size:.82rem;
  }
}

@media(max-width:960px){
  .home-hero{
    padding-top:132px;
    padding-bottom:60px;
  }
  .home-hero-grid{
    min-height:auto;
  }
  .home-hero-copy{
    padding-top:0;
    padding-bottom:8px;
  }
  .home-hero .section-kicker{
    font-size:.78rem;
    margin-bottom:21px;
  }
}

@media(max-width:700px){
  .home-hero{
    /* mobile refinement: keep breathing room without pushing content too far down */
    padding-top:72px;
    padding-bottom:58px;
  }
  .home-hero-copy{
    padding-top:0;
  }
  .home-hero .section-kicker{
    margin-bottom:22px;
    color:#082f46;
    font-size:.72rem;
    font-weight:800;
    letter-spacing:.105em;
  }
  .home-hero .section-kicker i{
    width:8px;
    height:8px;
    flex-basis:8px;
  }
  .hero-slider-frame{
    min-height:365px;
  }
}

@media(max-width:390px){
  .home-hero{
    padding-top:64px;
  }
  .home-hero .section-kicker{
    font-size:.68rem;
    letter-spacing:.095em;
  }
}


/* v4.0.7 — mobile hero spacing correction + reliable asset cache busting */
@media(max-width:700px){
  .home-hero{
    padding-top:38px;
    padding-bottom:54px;
  }
}

@media(max-width:390px){
  .home-hero{
    padding-top:30px;
  }
}