:root{--navy:#071f3b;--blue:#0868cf;--cyan:#22b8f4;--green:#087c3b;--green-dark:#05652f;--cream:#f7f8f3;--white:#fff;--ink:#17324c;--muted:#52677a;--line:#d9e4e8;--gutter:clamp(1.25rem,4vw,5.5rem)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{margin:0;background:var(--cream);color:var(--navy);font-family:"Manrope","Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;overflow-x:clip}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}.shell{width:100%;max-width:1440px;margin-inline:auto;padding-inline:var(--gutter)}.skip-link{position:fixed;z-index:100;top:1rem;left:1rem;padding:.8rem 1rem;background:#fff;transform:translateY(-180%);box-shadow:0 8px 24px #071f3b2b}.skip-link:focus{transform:none}
.site-header{min-height:68px;display:flex;align-items:center;position:sticky;top:0;z-index:20;background:rgba(247,248,243,.91);border-bottom:1px solid rgba(7,31,59,.1);backdrop-filter:blur(16px)}.header-inner{min-height:68px;display:flex;align-items:center;justify-content:flex-start;gap:clamp(1.35rem,2.3vw,2.75rem)}.brand{flex:0 0 auto}.brand img{width:158px;height:auto}.nav-shell,.nav-shell nav{display:flex;align-items:center}.nav-shell{flex:1 1 auto;gap:1.7rem}.nav-shell nav{gap:1.4rem}.nav-shell nav a{font-size:.84rem;font-weight:700;position:relative;padding:.65rem 0}.nav-shell nav a:hover,.nav-shell nav a[aria-current=page]{color:var(--blue)}.nav-shell nav a::after{content:"";position:absolute;left:0;bottom:.35rem;width:100%;height:2px;background:var(--blue);transform:scaleX(0);transform-origin:right;transition:transform .25s ease}.nav-shell nav a:hover::after,.nav-shell nav a:focus-visible::after,.nav-shell nav a[aria-current=page]::after{transform:scaleX(1);transform-origin:left}.header-cta{margin-left:auto;display:inline-flex;align-items:center;gap:.8rem;min-height:44px;padding:.68rem 1.05rem;border-radius:10px;background:var(--green);color:#fff;font-size:.84rem;font-weight:800;box-shadow:0 10px 24px rgba(25,184,90,.2);transition:.2s}.header-cta:hover{transform:translateY(-2px);background:var(--green-dark)}.menu-button{display:none;margin-left:auto;width:44px;height:44px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--navy);cursor:pointer}.menu-button span{display:block;width:20px;height:2px;margin:5px auto;background:currentColor}
.kicker{margin:0 0 .75rem;color:var(--green);text-transform:uppercase;letter-spacing:.18em;font-size:.7rem;font-weight:800}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 12% 15%,rgba(34,184,244,.14),transparent 26%),linear-gradient(135deg,#fff 20%,#f5fbff 70%,#edf9f2);padding:clamp(1.7rem,3.2vw,3.2rem) 0 0}.hero::after{content:"";position:absolute;right:-8%;top:-20%;width:50vw;height:30vw;border-radius:50%;background:rgba(34,184,244,.08);transform:rotate(-12deg)}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.86fr) minmax(480px,1.14fr);align-items:center;gap:clamp(1.5rem,3vw,3.5rem)}.hero-copy{padding-bottom:1.5rem}.hero h1,.purpose h2,.regional h2{font-family:"Plus Jakarta Sans",sans-serif;letter-spacing:-.05em}.hero h1{max-width:680px;margin:0;font-size:clamp(2.8rem,4.4vw,4.35rem);line-height:1.01}.hero h1 em{display:block;color:var(--blue);font-style:normal}.intro{max-width:600px;margin:1.15rem 0 1.4rem;color:var(--ink);font-size:1rem;line-height:1.65}.button{display:inline-flex;align-items:center;justify-content:center;gap:1.4rem;padding:.9rem 1.2rem;background:var(--blue);color:#fff;font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 12px 25px rgba(8,104,207,.17);transition:.2s}.button:hover{transform:translateY(-2px);background:var(--navy)}.hero-visual{position:relative;align-self:end;min-height:390px;display:flex;align-items:flex-end;justify-content:center}.hero-visual img{position:relative;z-index:2;width:100%;max-height:510px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 25px 22px rgba(7,31,59,.17))}.hero-orbit{position:absolute;z-index:0;width:88%;aspect-ratio:1.5;right:-2%;bottom:8%;border-radius:50%;background:linear-gradient(135deg,rgba(34,184,244,.22),rgba(8,104,207,.1) 54%,rgba(8,124,59,.18));transform:rotate(-8deg)}.hero-orbit::after{content:"";position:absolute;inset:11%;border:1px solid rgba(8,104,207,.22);border-radius:inherit}.principles{position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border-top:1px solid var(--line);box-shadow:0 18px 40px rgba(7,31,59,.08)}.principles div{display:flex;align-items:center;gap:1rem;padding:1.15rem clamp(1rem,2.2vw,2rem);border-right:1px solid var(--line)}.principles div:last-child{border:0}.principles span{color:var(--blue);font-size:.7rem;font-weight:800}.principles strong{font-family:"Plus Jakarta Sans";font-size:.98rem}
.purpose{padding:clamp(3rem,5vw,4.8rem) 0;background:#fff}.purpose-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(3rem,7vw,8rem);align-items:center}.purpose header>p:last-child{max-width:570px;margin:1rem 0 0;color:var(--muted);line-height:1.7}.purpose h2{max-width:620px;margin:0;font-size:clamp(2rem,3.1vw,3.15rem);line-height:1.08}.care-list{border-top:2px solid var(--green)}.care-list article{display:grid;grid-template-columns:40px 1fr;gap:1rem;padding:1.2rem 0;border-bottom:1px solid var(--line)}.care-list article>span{padding-top:.15rem;color:var(--blue);font-size:.7rem;font-weight:800}.care-list h3{margin:0 0 .3rem;font-family:"Plus Jakarta Sans";font-size:1.15rem}.care-list p{margin:0;color:var(--muted);font-size:.91rem;line-height:1.55}
.manifesto{padding:clamp(2.2rem,3.5vw,3.5rem) 0;background:var(--blue);color:#fff}.manifesto-inner{display:grid;grid-template-columns:70px 1fr;align-items:center}.manifesto-inner>span{font-family:Georgia,serif;font-size:5rem;line-height:.6;color:#9ae4ff}.manifesto p{margin:0;font-family:"Plus Jakarta Sans";font-size:clamp(1.8rem,3.1vw,3.2rem);line-height:1.12;letter-spacing:-.04em}.manifesto strong{color:#bcf3d3}
.regional{padding:clamp(2.5rem,4.5vw,4.5rem) 0;background:linear-gradient(145deg,#eaf7ff,#f7f8f3 48%,#eaf7ef)}.regional-panel{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(400px,.95fr);gap:clamp(2.5rem,6vw,6rem);padding-top:clamp(2.2rem,4vw,4rem);padding-bottom:clamp(2.2rem,4vw,4rem);background:linear-gradient(115deg,#073565,#071f3b);color:#fff;box-shadow:0 24px 60px rgba(7,31,59,.18)}.regional-panel::before{content:"";position:absolute;width:360px;height:360px;right:20%;bottom:-72%;border-radius:50%;background:rgba(34,184,244,.14)}.regional-copy,.cities{position:relative;z-index:1}.regional .kicker{color:#79e4a8}.regional h2{max-width:630px;margin:0;font-size:clamp(2rem,3.1vw,3.2rem);line-height:1.08}.regional-copy>p:not(.kicker){max-width:630px;color:#c9d9e6;line-height:1.65}.regional-copy strong{color:#fff}.regional-note{font-size:.84rem}.button-light{margin-top:.45rem;background:#11af59;box-shadow:none}.button-light:hover{background:#fff;color:var(--navy)}.cities{align-self:center;padding:1.5rem;border:1px solid rgba(255,255,255,.18);background:rgba(4,22,41,.55)}.cities h3{margin:0 0 1rem;color:#8debb6;font-family:"Plus Jakarta Sans";font-size:1rem;text-transform:uppercase;letter-spacing:.1em}.cities ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem 1.3rem;margin:0;padding:0;list-style:none}.cities li{position:relative;padding-left:1rem;color:#eef7fb;font-size:.88rem}.cities li::before{content:"";position:absolute;left:0;top:.62em;width:4px;height:4px;border-radius:50%;background:var(--cyan)}
footer{padding:2.8rem 0 1.1rem;background:#041629;color:#fff}.footer-grid{display:grid;grid-template-columns:1.5fr .7fr .7fr;gap:3rem}.footer-brand img{width:180px;filter:brightness(0) invert(1)}.footer-brand p{max-width:370px;color:#9db0c3;line-height:1.6}.footer-grid nav{display:flex;flex-direction:column;gap:.65rem}.footer-grid nav h2{margin:0 0 .4rem;color:#7fd7f6;font-size:.74rem;text-transform:uppercase;letter-spacing:.12em}.footer-grid nav a{color:#c7d3dd;font-size:.86rem}.footer-grid nav a:hover,.footer-grid nav a[aria-current=page]{color:#fff}.footer-bottom{display:flex;justify-content:space-between;gap:1rem;margin-top:2rem;padding-top:1.1rem;border-top:1px solid rgba(255,255,255,.12);color:#7890a5;font-size:.75rem}.reveal{animation:rise .65s both}.delay-1{animation-delay:.08s}.delay-2{animation-delay:.16s}.delay-3{animation-delay:.24s}@keyframes rise{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}
@media(min-width:981px) and (max-width:1160px){.header-inner{gap:1rem}.nav-shell{gap:1rem}.nav-shell nav{gap:.85rem}.nav-shell nav a{font-size:.79rem}.header-cta{padding-inline:.8rem}}
@media(max-width:980px){.site-header{backdrop-filter:none}.menu-button{display:block}.nav-shell{display:flex;position:fixed;top:68px;right:0;width:min(350px,88vw);height:calc(100dvh - 68px);padding:2rem;overflow-y:auto;align-items:stretch;flex-direction:column;gap:1.25rem;background:#fff;box-shadow:-20px 30px 50px rgba(7,31,59,.15);transform:translateX(100%);visibility:hidden;transition:transform .3s ease,visibility .3s}.nav-shell.open{transform:translateX(0);visibility:visible}.nav-shell nav{align-items:stretch;flex-direction:column;gap:.5rem}.nav-shell nav a{padding:.8rem 0;border-bottom:1px solid var(--line);font-size:.95rem}.nav-shell nav a[aria-current=page]::after{bottom:.35rem;width:2.25rem}.header-cta{margin:.8rem 0 0;justify-content:center}.hero-grid{grid-template-columns:1fr;gap:0}.hero-copy{max-width:720px}.hero-visual{min-height:0;width:min(760px,100%);margin-inline:auto}.hero-visual img{max-height:430px}.principles{margin-top:0}.purpose-grid,.regional-panel{grid-template-columns:1fr}.regional-panel{gap:2rem}.cities{max-width:720px}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}}
@media(max-width:700px){:root{--gutter:clamp(.95rem,4.5vw,1.4rem)}.site-header,.header-inner{min-height:70px}.brand img{width:148px}.nav-shell{top:70px;height:calc(100dvh - 70px)}.hero{padding-top:1.5rem}.hero h1{font-size:clamp(2.35rem,10.8vw,3.35rem)}.intro{font-size:.94rem}.hero-visual img{width:110%;max-width:none;margin-inline:-5%;max-height:340px}.principles{grid-template-columns:1fr;padding-inline:var(--gutter)}.principles div{padding:.8rem 0;border-right:0;border-bottom:1px solid var(--line)}.principles div:last-child{border-bottom:0}.purpose{padding:2.7rem 0}.purpose-grid{gap:2rem}.manifesto-inner{grid-template-columns:42px 1fr}.manifesto-inner>span{font-size:3.6rem}.regional{padding:1.5rem 0}.regional-panel{padding-top:2rem;padding-bottom:2rem}.cities ul{gap:.65rem .8rem}.footer-grid{grid-template-columns:1fr;gap:2rem}.footer-bottom{flex-direction:column}}
@media(max-width:420px){.button{width:100%}.hero-visual img{max-height:270px}.cities ul{grid-template-columns:1fr}.regional h2{font-size:1.95rem}.manifesto p{font-size:1.65rem}}
/* Accessibility refinements: clear the sticky header and keep CTA contrast AA. */
html{scroll-padding-top:78px}.button-light{background:var(--green)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{animation:none}.button,.header-cta,.nav-shell{transition:none}}

/* Header and footer parity with the home page. */
.site-header{z-index:50;border-bottom-color:rgba(7,31,59,.08)}
.main-nav{display:flex;align-items:center;gap:1.4rem}
.nav-link{position:relative;padding:.65rem 0;color:#294561;font-size:.84rem;font-weight:700}
.nav-link:hover,.nav-link[aria-current=page]{color:var(--blue)}
.nav-link::after{content:"";position:absolute;left:0;bottom:.35rem;width:100%;height:2px;background:var(--blue);transform:scaleX(0);transform-origin:right;transition:transform .25s ease}
.nav-link:hover::after,.nav-link:focus-visible::after,.nav-link[aria-current=page]::after{transform:scaleX(1);transform-origin:left}
.header-cta{gap:.6rem;justify-content:center;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}
.header-cta:hover{box-shadow:0 14px 30px rgba(25,184,90,.28)}
.menu-button span{transition:.25s ease}
.footer-grid{grid-template-columns:1.5fr .7fr 1fr}
.footer-grid h2{margin:0 0 .4rem;color:#7fd7f6;font-size:.74rem;text-transform:uppercase;letter-spacing:.12em}
.footer-service>a,.footer-contact a{color:#c7d3dd;font-size:.86rem}
.footer-service a:hover,.footer-service a:focus-visible,.footer-bottom a:hover{color:#fff}
.footer-contact{font-style:normal}
.footer-contact p{margin:.65rem 0;color:#9db0c3;font-size:.78rem;line-height:1.55}
.footer-contact strong{display:block;color:#b7d5c2;font-size:.76rem}
.footer-contact a{display:block;width:max-content;max-width:100%;margin:.65rem 0;overflow-wrap:anywhere}
.admin-link{display:block;width:max-content;max-width:100%;margin-top:.9rem}

@media(min-width:981px) and (max-width:1160px){.main-nav{gap:.85rem}.nav-link{font-size:.79rem}}
@media(max-width:980px){.main-nav{align-items:stretch;flex-direction:column;gap:.5rem}.nav-link{padding:.8rem 0;border-bottom:1px solid var(--line);font-size:.95rem}.nav-link[aria-current=page]::after{bottom:.35rem;width:2.25rem}.nav-shell{overscroll-behavior:contain}.menu-button[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-button[aria-expanded=true] span:nth-child(2){opacity:0}.menu-button[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}}
@media(max-width:700px){.footer-grid{grid-template-columns:1fr}}
