/* WHEELING2HELP — STUDIO EDITION 4
   Premium, editorial, calm motion with no external animation library.
   This layer intentionally supersedes the original layout and ocean-blue theme. */
:root{
  --ink:#0e2b42;--muted:#63778a;--cream:#f1f6f8;--paper:#fff;
  --blue:#1b608e;--blue-bright:#398dbd;--blue-pale:#eaf4f8;
  --green:#173f60;--dark:#061e34;--line:#dfebf1;
  --shadow:0 26px 80px rgba(8,38,65,.085);--w:1280px;
  --ease-premium:cubic-bezier(.22,1,.36,1);
}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{font-family:'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;line-height:1.55;color:var(--ink);background:#fff;overflow-x:clip}
h1,h2,h3{letter-spacing:-.064em}
p{line-height:1.82}
.serif,.statement h2 em{font-family:'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;font-weight:400;letter-spacing:-.075em}
.container{width:min(var(--w),calc(100% - 112px))}
.section{padding:126px 0}
.section-soft{background:#f4f8fa}
.section-head{margin-bottom:50px}
.section-head h2,.section-title{font-size:clamp(42px,4.35vw,70px);font-weight:700;letter-spacing:-.069em;line-height:1.13}
.section-head p{color:#728394;font-size:14px;line-height:1.9}
.accent{color:#3684b2}
.eyebrow{font-size:10px;letter-spacing:.19em;font-weight:800;color:#39789b}
.eyebrow:before{width:22px}
.eyebrow-light{color:#a9daf3}
.body-large{color:#667a89;line-height:1.95}
.btn{min-height:54px;gap:17px;font-size:12px;font-weight:800;letter-spacing:-.006em;transition:transform .55s var(--ease-premium),background .35s,border-color .35s,box-shadow .55s var(--ease-premium),color .3s}
.btn:hover{transform:translateY(-3px)}
.btn-dark{background:#153e5d;box-shadow:0 10px 25px rgba(8,51,88,.1)}
.btn-dark:hover{background:#236c9b;box-shadow:0 14px 30px rgba(10,70,120,.18)}
.btn-line:hover{background:#f2f8fb}
.link-inline{transition:gap .55s var(--ease-premium),border-color .25s}
.link-inline:hover{gap:21px}
.site-header{z-index:200;background:rgba(255,255,255,.94);border-bottom:1px solid #e3edf2;box-shadow:none;transition:background .6s var(--ease-premium),box-shadow .6s var(--ease-premium),border-color .45s}
.site-header .nav-wrap{min-height:88px;transition:min-height .45s var(--ease-premium)}
.logo-link{gap:9px}
.logo-mark{filter:none!important;transition:transform .65s var(--ease-premium)}
.logo-link:hover .logo-mark{transform:rotate(-5deg) scale(1.04)}
.logo-name{font-size:21px;font-weight:800;letter-spacing:-.07em}
.logo-name small{font-size:8px;letter-spacing:.18em;font-weight:800}
.desktop-nav{gap:clamp(13px,1.65vw,27px)}
.desktop-nav a{position:relative;font-size:11.5px;font-weight:750;transition:color .35s}
.desktop-nav a:not(.active):after{content:'';position:absolute;bottom:-10px;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease-premium);opacity:.68}
.desktop-nav a:not(.active):hover:after{transform:scaleX(1)}
.nav-cta{border-radius:100px;padding:0 18px;min-height:45px}
.nav-cta span{font-size:17px}
.progress-line{height:2px;transition:none;background:linear-gradient(90deg,#78c2e6,#145c91)}
/* Home navigation floats over the photograph, then becomes a soft glass header. */
.home-page .site-header{position:fixed;top:0;left:0;right:0;border-color:transparent;background:linear-gradient(180deg,rgba(3,20,37,.48),rgba(5,25,45,0));box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.home-page .site-header:not(.is-scrolled) .logo-name,.home-page .site-header:not(.is-scrolled) .desktop-nav a{color:#fff}
.home-page .site-header:not(.is-scrolled) .logo-name small{color:rgba(236,247,255,.88)}
.home-page .site-header:not(.is-scrolled) .nav-cta{background:#f3f9ff;color:#164567;box-shadow:0 8px 32px rgba(4,23,40,.16)}
.home-page .site-header:not(.is-scrolled) .nav-cta:hover{background:#d2ecfb}
.home-page .site-header.is-scrolled{background:rgba(253,255,255,.93);border-color:rgba(26,87,129,.10);box-shadow:0 8px 40px rgba(3,30,53,.055);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.home-page .site-header.is-scrolled .nav-wrap{min-height:74px}
.home-page .site-header.is-scrolled .desktop-nav a{color:#426783}
.home-page .site-header.is-scrolled .desktop-nav a:hover{color:#11436a}
.home-page .site-header.is-scrolled .logo-name{color:#143d5d}
/* Full-bleed photography: stack must be ABOVE the hero's background. */
.hero-cinematic{background:#061e34;isolation:isolate;min-height:100svh;color:#fff;overflow:hidden}
.hero-cinematic:before{display:none}
.hero-cinematic .hero-photo{z-index:3;overflow:hidden;transform:translate3d(0,var(--hero-parallax,0px),0);will-change:transform}
.hero-cinematic .hero-photo img{width:100%;height:100%;object-position:center 48%;filter:saturate(1.08) contrast(1.025) brightness(.92);transform-origin:55% 45%;animation:premium-photo-entrance 2.4s var(--ease-premium) both;will-change:auto}
.hero-cinematic .hero-photo:after{background:linear-gradient(90deg,rgba(3,19,34,.88) 0%,rgba(4,26,45,.80) 27%,rgba(5,28,49,.54) 50%,rgba(4,22,40,.19) 78%,rgba(4,24,43,.10) 100%),linear-gradient(0deg,rgba(4,22,41,.85) 0%,rgba(3,24,43,.24) 34%,rgba(3,20,37,.07) 75%,rgba(3,20,37,.28) 100%)}
.hero-cinematic .hero-grain{z-index:4;opacity:.11;pointer-events:none}
.hero-cinematic .hero-ambient{z-index:4;border-color:rgba(242,252,255,.19)}
.hero-cinematic .hero-inner{z-index:5;min-height:100svh;align-items:center;padding-top:168px;padding-bottom:136px}
.hero-cinematic .hero-copy{max-width:780px;animation:premium-copy-entrance 1.15s .14s var(--ease-premium) both}
.hero-cinematic .hero-kicker{padding:11px 16px;background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.24);font-size:9px;letter-spacing:.20em;color:#f4fbff}
.hero-cinematic h1{font-weight:700;font-size:clamp(63px,6.45vw,112px);line-height:1.11;letter-spacing:-.08em;text-wrap:balance;max-width:890px;margin:30px 0 24px}
.hero-cinematic h1 .serif{color:#bbe8fb;letter-spacing:-.095em}
.hero-period{color:#b9def4}
.hero-cinematic .hero-sub{max-width:580px;font-size:clamp(15px,1.22vw,18px);font-weight:500;color:#e4f1f8;line-height:1.84;letter-spacing:-.018em;margin-bottom:33px;text-shadow:0 2px 14px rgba(2,11,20,.2)}
.hero-cinematic .hero-buttons{gap:11px}
.hero-cinematic .btn{min-height:57px;padding:0 25px;transition:transform .6s var(--ease-premium),background .35s,box-shadow .4s;will-change:transform}
.hero-cinematic .btn-primary{background:#fff;color:#143d5e;border-color:#fff;box-shadow:0 14px 40px rgba(1,20,40,.22)}
.hero-cinematic .btn-primary:hover{background:#def2fd;box-shadow:0 18px 48px rgba(1,20,40,.28)}
.hero-cinematic .btn-ghost{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.43);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.hero-cinematic .btn-ghost:hover{background:rgba(255,255,255,.2)}
.hero-floating{width:134px;height:134px;right:0;bottom:135px;opacity:.95;filter:drop-shadow(0 14px 26px rgba(0,0,0,.2));animation:premium-badge-drift 9s ease-in-out infinite}
.hero-floating-orbit{background:rgba(5,35,58,.30);border:1px solid rgba(255,255,255,.48);box-shadow:inset 0 0 0 7px rgba(255,255,255,.045);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.hero-floating-text{font-size:22px}
.hero-floating-icon{font-size:17px}
.hero-scroll{bottom:38px;color:#f5faff;font-size:9px;letter-spacing:.23em}
.hero-image-credit{position:absolute;right:0;bottom:44px;display:flex;align-items:center;gap:10px;color:#eef6fb;font-size:9px;font-weight:800;letter-spacing:.22em;text-shadow:0 1px 9px rgba(0,0,0,.4)}
.hero-credit-line{height:1px;width:39px;background:rgba(255,255,255,.74)}
.hero-side-text{right:0;top:40%;letter-spacing:.28em;opacity:.8}
.hero-frame-line{position:absolute;top:120px;bottom:43px;width:1px;background:linear-gradient(transparent,rgba(255,255,255,.19) 30%,rgba(255,255,255,.17) 70%,transparent);z-index:4;pointer-events:none}
.hero-frame-left{left:24px}.hero-frame-right{right:24px}
@keyframes premium-photo-entrance{from{transform:scale(1.095);opacity:.73}to{transform:scale(1);opacity:1}}
@keyframes premium-copy-entrance{from{transform:translateY(34px);opacity:0;filter:blur(6px)}to{transform:translateY(0);opacity:1;filter:blur(0)}}
@keyframes premium-badge-drift{0%,100%{transform:translate3d(0,0,0) rotate(9deg)}50%{transform:translate3d(0,-14px,0) rotate(14deg)}}
/* Quiet information strip + magazine-like introduction */
.hero-bottom{background:#f4f8fa}
.hero-strip{padding:27px 0}
.strip-icon{width:47px;height:47px;background:#e5f2fa;color:#21618b;font-size:23px;border:1px solid #d4e8f4}
.hero-strip-item b{font-size:13px;font-weight:800;color:#17405e}
.hero-strip-item small{font-size:11px;color:#7890a0}
.editorial-intro{background:#fff;border-bottom:1px solid #e9eff2}
.editorial-intro-inner{min-height:195px;display:grid;grid-template-columns:.7fr 2.9fr 1fr;align-items:center;gap:45px;padding:26px 0}
.editorial-index{font-weight:800;letter-spacing:.20em;font-size:10px;color:#4f83a4;white-space:nowrap}
.editorial-intro p{margin:0;font-size:clamp(21px,2vw,31px);line-height:1.48;letter-spacing:-.05em;font-weight:700;color:#153954;max-width:730px}
.editorial-intro p em{font-family:'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;font-weight:400;color:#347fae}
.editorial-intro-link{font-size:11px;font-weight:800;display:inline-flex;align-items:center;justify-content:flex-end;gap:12px;color:#216187;text-align:right;border-bottom:1px solid #bdd3e0;padding-bottom:10px;white-space:nowrap;transition:gap .5s var(--ease-premium)}
.editorial-intro-link:hover{gap:18px}
/* Intro and program sections with editorial rhythm */
.about-grid{gap:9%}
.about-photo{height:610px}
.about-photo>img{width:91%;border-radius:12px 170px 12px 12px;filter:saturate(.9);transition:filter .8s var(--ease-premium),transform 1.1s var(--ease-premium)}
.about-photo:hover>img{filter:saturate(1.08);transform:scale(1.015)}
.about-floater{background:#e2f2fb;right:-14px;bottom:33px;border-radius:12px;padding:27px;transform:rotate(2.4deg);box-shadow:0 30px 70px rgba(6,50,89,.12);transition:transform .8s var(--ease-premium)}
.about-photo:hover .about-floater{transform:rotate(0) translateY(-7px)}
.about-floater b{font-size:29px;color:#184e73}
.about-copy h2{font-size:clamp(42px,4.25vw,70px);letter-spacing:-.07em;font-weight:700}
.value-list{gap:18px}
.value-list span{font-size:12px;color:#305972}
.value-list i{background:#60a9cc}
.program-grid{gap:20px}
.program-card{border-radius:12px;border:1px solid #e2edf2;background:#fff;overflow:hidden;box-shadow:0 5px 25px rgba(8,35,57,.024);transform-style:preserve-3d;transition:box-shadow .8s var(--ease-premium),border-color .7s var(--ease-premium),transform .6s var(--ease-premium)}
.program-card:hover{box-shadow:0 32px 85px rgba(7,43,73,.13);border-color:#bfdbe9}
.program-card-image{height:305px;background:#d6e8f0;overflow:hidden}
.program-card-image:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,36,60,.15),transparent 38%,rgba(6,36,60,.10));pointer-events:none}
.program-card-image img{transition:transform 1.3s var(--ease-premium),filter 1.3s var(--ease-premium);filter:saturate(.86)}
.program-card:hover .program-card-image img{transform:scale(1.085);filter:saturate(1.09)}
.program-card-image .number{width:45px;height:45px;top:17px;left:17px;z-index:1;background:rgba(255,255,255,.88);color:#184765;backdrop-filter:blur(10px);font-size:11px}
.program-card-content{padding:31px 29px 33px;transform:none;transform-style:preserve-3d}
.program-card .card-category{color:#4382a8;font-size:9px;letter-spacing:.20em}
.program-card h3{font-size:30px;letter-spacing:-.05em;font-weight:800}
.program-card p{color:#708696;line-height:1.9;font-size:13px}
/* Upcoming trips stay connected to the existing secure PHP content studio. */
.opportunities-section{background:#edf5f9;padding-top:135px;padding-bottom:130px}
.opportunities-heading{margin-bottom:48px}
.opportunities-heading h2{font-size:clamp(42px,4.3vw,67px)}
.opportunities-heading p{font-size:14px;color:#708595}
.opportunities-head-link{transition:color .3s,transform .5s var(--ease-premium)}
.opportunities-head-link:hover{transform:translateY(-3px)}
.opportunities-grid{gap:21px}
.opportunity-card{border-radius:11px;border-color:#dceaf0;box-shadow:0 10px 40px rgba(5,47,80,.045);transition:transform .65s var(--ease-premium),box-shadow .7s var(--ease-premium),border-color .5s}
.opportunity-card:hover{transform:translateY(-9px);box-shadow:0 29px 75px rgba(6,48,80,.12)}
.opportunity-image{height:250px}
.opportunity-image img{transition:transform 1.2s var(--ease-premium)}
.opportunity-card:hover .opportunity-image img{transform:scale(1.075)}
.opportunity-type,.opportunity-badge{border-radius:4px;font-size:10px}
.opportunities-empty{border-radius:12px;border-color:#dbe9ef;box-shadow:0 15px 70px rgba(9,54,84,.04);padding:40px 45px}
.opportunities-empty-mark{border-radius:9px}
/* Typography / photography, interior pages */
.page-hero{background:linear-gradient(135deg,#f0f7fa,#e7f1f6);padding:99px 0 109px}
.page-hero h1{font-size:clamp(54px,6.5vw,98px);line-height:1.08;letter-spacing:-.073em;font-weight:700}
.page-hero p{color:#677d8d;line-height:1.9}
.page-hero .breadcrumb{font-size:11px;letter-spacing:.10em}
.editorial-image{border-radius:12px}
.value-card{border-radius:11px;transition:box-shadow .6s var(--ease-premium),transform .6s var(--ease-premium)}
.value-card:hover{transform:translateY(-5px);box-shadow:0 20px 60px rgba(9,55,92,.08)}
.country{background:#eaf3f7;border-radius:10px}
.faq-item summary{transition:color .3s}
.faq-item summary:hover{color:#287da8}
.story-img{border-radius:11px}
.story-img img{transition:transform 1.2s var(--ease-premium),filter 1.2s;filter:saturate(.83)}
.story-card:hover .story-img img{transform:scale(1.055);filter:saturate(1.06)}
.story-card h3{font-size:23px;font-weight:750;line-height:1.36}
.statement{padding:120px 0;background:linear-gradient(120deg,#071e34,#0c3553 68%,#0c4367)}
.statement:before,.statement:after{border-color:rgba(192,232,251,.08)}
.statement h2{font-size:clamp(43px,4.8vw,76px);letter-spacing:-.07em;font-weight:650}
.statement h2 em{color:#a8daf2;font-style:italic}
.statement .round-arrow{background:#d6eefb;color:#124564;transition:transform .7s var(--ease-premium),background .4s}
.statement .round-arrow:hover{transform:rotate(45deg);background:#fff}
.feature-visual>img{border-radius:12px;filter:saturate(.9)}
.feature-visual{height:560px}
.feature-float{border-radius:7px;background:#e4f3fa;box-shadow:0 19px 50px rgba(8,48,80,.12);font-family:'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;font-style:italic;letter-spacing:-.04em}
.feature-copy h2{font-size:clamp(41px,4.15vw,67px);font-weight:700}
.feature-copy p{color:#6e8190;line-height:1.95}
.cta-panel{background:#e7f3f9;border-radius:11px}
.cta-text{padding:75px 66px}
.cta-text h2{font-weight:700;line-height:1.15}
.cta-illustration:after{background:linear-gradient(90deg,#e7f3f9,transparent 78%)}
.footer{background:#061e34;padding-top:95px}
.footer-top{gap:50px}
.footer h4{font-size:12px;letter-spacing:.04em}
.footer .logo-mark{filter:none!important}
.footer p,.footer-links a{font-size:12px;line-height:1.95}
.footer-social a,.footer-links a{transition:color .3s}
.footer-social a:hover,.footer-links a:hover{color:#fff}
.newsletter{border-color:rgba(190,227,249,.32)}
.newsletter input{color:#fff}
.footer-bottom{border-top-color:rgba(193,225,246,.15)}
/* Scroll reveal is opacity-safe: content is never hidden without JS. */
@media(prefers-reduced-motion:no-preference){
  [data-reveal].is-visible{animation:premium-reveal .9s var(--ease-premium) both;animation-delay:var(--reveal-delay,0ms)}
  @keyframes premium-reveal{from{opacity:.55;transform:translate3d(0,25px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
}
/* Tablet */
@media(max-width:1180px){
 .container{width:min(var(--w),calc(100% - 66px))}
 .hero-cinematic h1{font-size:clamp(60px,6.6vw,90px)}
 .hero-floating{width:115px;height:115px;bottom:108px;right:1%}
 .hero-floating-text{font-size:19px}
 .editorial-intro-inner{grid-template-columns:.7fr 2.2fr;gap:20px 44px}
 .editorial-intro-link{grid-column:2;justify-content:flex-start;width:max-content}
}
@media(max-width:980px){
 .container{width:calc(100% - 52px)}
 .site-header .nav-wrap{min-height:77px}
 .home-page .site-header.is-scrolled .nav-wrap{min-height:70px}
 .home-page .site-header:not(.is-scrolled) .menu-toggle{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.35);backdrop-filter:blur(12px)}
 .home-page .site-header.menu-open{background:rgba(248,252,255,.97);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
 .home-page .site-header.menu-open .logo-name{color:#153c5d!important}
 .home-page .site-header.menu-open .logo-name small{color:#67869b!important}
 .home-page .site-header.menu-open .menu-toggle{background:#e9f3fa;color:#173e5b;border-color:#cee1ed}
 .mobile-nav{max-height:calc(100svh - 70px);overflow-y:auto;background:rgba(251,254,255,.99);border-color:#dbeaf0;padding:12px 28px 28px}
 .mobile-nav a{font-weight:700;color:#193e59;font-size:15px;padding:17px 4px}
 .mobile-nav .mobile-cta{border-radius:7px;background:#174b71}
 .hero-cinematic,.hero-cinematic .hero-inner{min-height:100svh}
 .hero-cinematic .hero-inner{padding-top:143px;padding-bottom:125px}
 .hero-cinematic .hero-copy{max-width:690px}
 .hero-cinematic h1{font-size:clamp(60px,8vw,89px)}
 .hero-photo:after{background:linear-gradient(90deg,rgba(4,22,40,.90),rgba(5,28,48,.64) 70%,rgba(4,22,40,.26)),linear-gradient(0deg,rgba(4,21,39,.64),transparent 66%)}
 .hero-image-credit{display:none}
 .editorial-intro-inner{min-height:190px}
 .about-photo{height:480px}
 .program-card-image{height:242px}
 .feature-visual{height:460px}
 .section{padding:93px 0}
 .opportunities-section{padding:100px 0}
}
@media(max-width:700px){
 html{scroll-padding-top:72px}
 .container{width:calc(100% - 38px)}
 .site-header .nav-wrap{min-height:72px}
 .site-header .logo-mark,.site-header .logo-mark img{width:48px;height:48px}
 .logo-name{font-size:19px}
 .logo-name small{font-size:7px}
 .hero-cinematic,.hero-cinematic .hero-inner{min-height:max(740px,100svh)}
 .hero-cinematic .hero-inner{padding-top:132px;padding-bottom:112px;align-items:flex-end;justify-content:flex-end}
 .hero-cinematic .hero-photo img{object-position:53% center;filter:saturate(1.06) brightness(.97)}
 .hero-cinematic .hero-photo:after{background:linear-gradient(0deg,rgba(3,21,40,.97) 0%,rgba(3,23,43,.94) 14%,rgba(3,24,44,.76) 34%,rgba(3,24,44,.2) 78%,rgba(3,24,44,.27) 100%)}
 .hero-cinematic .hero-kicker{font-size:8px;letter-spacing:.11em;padding:9px 11px;max-width:100%}
 .hero-cinematic h1{font-size:clamp(45px,10.5vw,72px);line-height:1.09;letter-spacing:-.077em;margin:21px 0 17px}
 .hero-cinematic .hero-sub{font-size:13px;line-height:1.75;max-width:480px;margin-bottom:24px}
 .hero-cinematic .hero-buttons{gap:8px;width:100%}
 .hero-cinematic .btn{min-height:50px;font-size:11px;padding:0 16px;gap:8px}
 .hero-floating{width:82px;height:82px;top:107px;right:18px;bottom:auto;opacity:.8}
 .hero-floating-text{font-size:14px}
 .hero-floating-icon{font-size:12px}
 .hero-side-text,.hero-frame-line{display:none}
 .hero-scroll{bottom:32px;left:0;font-size:8px}
 .hero-strip{padding:9px 0}
 .hero-strip-item{padding:14px 0}
 .hero-strip-item b{font-size:12px}
 .hero-strip-item small{font-size:10px}
 .editorial-intro-inner{padding:42px 0;display:block;min-height:auto}
 .editorial-index{display:block;margin-bottom:19px}
 .editorial-intro p{font-size:clamp(23px,6vw,32px);line-height:1.55}
 .editorial-intro-link{display:inline-flex;margin-top:25px;font-size:11px}
 .section{padding:79px 0}
 .section-head h2,.section-title,.opportunities-heading h2{font-size:clamp(38px,9vw,53px)}
 .section-head{margin-bottom:33px}
 .about-photo{height:395px}
 .about-photo>img{border-radius:9px 120px 9px 9px}
 .about-floater{padding:18px;max-width:145px;right:0}
 .about-floater b{font-size:22px}
 .about-copy h2{font-size:clamp(39px,9vw,55px)}
 .program-grid{gap:18px}
 .program-card{border-radius:9px;will-change:auto}
 .program-card-image{height:274px}
 .program-card-content{padding:25px}
 .program-card h3{font-size:29px}
 .opportunities-section{padding:81px 0}
 .opportunity-card{border-radius:10px}
 .opportunity-image{height:250px}
 .statement{padding:87px 0}
 .statement h2{font-size:clamp(38px,8vw,52px)}
 .feature-visual{height:390px}
 .feature-copy h2{font-size:clamp(40px,9vw,56px)}
 .cta-panel{border-radius:9px}
 .cta-text{padding:43px 28px}
 .cta-text h2{font-size:clamp(37px,9vw,52px)}
 .cta-illustration:after{background:linear-gradient(#e7f3f9,transparent 48%)}
 .footer{padding-top:72px}
 .page-hero{padding:64px 0 76px}
 .page-hero h1{font-size:clamp(46px,10vw,72px)}
 .editorial-image{border-radius:9px}
}
@media(max-width:390px){
 .hero-cinematic,.hero-cinematic .hero-inner{min-height:max(740px,100svh)}
 .hero-cinematic h1{font-size:clamp(43px,10.6vw,49px)}
 .hero-cinematic .btn{font-size:10px;padding:0 12px}
 .hero-floating{width:71px;height:71px;top:93px}
 .hero-floating-text{font-size:12px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .hero-cinematic .hero-photo,.hero-cinematic .hero-photo img,.hero-cinematic .hero-copy,.hero-floating{transform:none!important;animation:none!important;filter:none}
 [data-reveal].is-visible{animation:none!important}
 .program-card:hover,.opportunity-card:hover,.about-photo:hover>img{transform:none!important}
}
/* Reliable full-bleed hero. Rendering as a background avoids a browser-specific
   stacking-context conflict between the animated image and the content layer. */
.hero-cinematic{
 background-color:#08283f;
 background-image:
  linear-gradient(90deg,rgba(3,19,34,.90) 0%,rgba(4,26,45,.81) 26%,rgba(5,28,49,.48) 52%,rgba(4,22,40,.16) 77%,rgba(4,24,43,.08) 100%),
  linear-gradient(0deg,rgba(4,22,41,.76) 0%,rgba(3,24,43,.23) 35%,rgba(3,20,37,.06) 76%,rgba(3,20,37,.24) 100%),
  url('community-hero.webp');
 background-repeat:no-repeat;
 background-size:cover;
 background-position:center center;
}
.hero-cinematic .hero-photo{display:none}
@media(max-width:980px){.hero-cinematic{background-position:center center}}
@media(max-width:700px){
 .hero-cinematic{background-image:linear-gradient(0deg,rgba(3,21,40,.98) 0%,rgba(3,23,43,.94) 13%,rgba(3,24,44,.73) 36%,rgba(3,24,44,.16) 78%,rgba(3,24,44,.26) 100%),url('community-hero.webp');background-position:54% center}
}
/* Browser-native cross-document transitions. Non-supporting browsers simply navigate. */
@view-transition{navigation:auto}
@keyframes page-soft-out{to{opacity:0;filter:blur(3px);transform:translateY(-5px)}}
@keyframes page-soft-in{from{opacity:0;filter:blur(4px);transform:translateY(8px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){
 ::view-transition-old(root){animation:page-soft-out .25s ease-in both}
 ::view-transition-new(root){animation:page-soft-in .55s cubic-bezier(.22,1,.36,1) both}
}
@media(prefers-reduced-motion:reduce){
 ::view-transition-old(root),::view-transition-new(root){animation-duration:.01ms!important}
}