/* Keep the entire hero photograph visible, independently of viewport ratio. */
.landing .story-hero{height:clamp(640px,66.6667vw,1080px);min-height:0;max-height:none;background:#111a15;padding-bottom:130px}
.landing .story-hero .hero-photo{inset:0;width:100%;height:100%;padding:0;margin:0;transform:none}
.landing .story-hero .hero-photo>.story-image{inset:0;width:100%;height:100%;object-fit:contain;object-position:center!important;transform:none!important}
.landing .story-hero .hero-photo:after{background:linear-gradient(90deg,#08140e99,transparent 75%),linear-gradient(0deg,#09110aeb,transparent 65%)}
.landing .story-hero h1{font-size:clamp(54px,6.1vw,94px);letter-spacing:-4px;line-height:1.04;margin:20px 0}
.landing .story-hero .hero-copy p{font-size:clamp(12px,1vw,14px);margin-bottom:22px}
.landing .story-hero .hero-copy{max-width:1050px}
@media(min-width:901px) and (max-height:720px){.landing .story-hero{height:max(620px,66.6667vw)}.landing .story-hero h1{font-size:clamp(52px,5.4vw,82px)}}
@media(max-width:900px){
 .landing .welcome-nav{height:80px;padding:20px 24px;background:#111a15;align-items:center}
 .landing .welcome-links{display:none}.landing .mobile-toggle{display:block;color:white}.landing .nav-end>.welcome-button{display:none}
 .landing .welcome-links.open{display:flex;position:absolute;top:80px;left:16px;right:16px;background:#17231a;border:1px solid #344237;z-index:50;padding:24px;gap:20px;flex-direction:column;align-items:start}
 .landing .story-hero{height:auto;min-height:0;max-height:none;display:flex;flex-direction:column;align-items:stretch;overflow:hidden;padding:80px 0 0;isolation:isolate}
 .landing .story-hero .hero-photo{position:relative;inset:auto;order:0;z-index:0;aspect-ratio:3/2;height:auto;width:100%;transform:none;flex-shrink:0}
 .landing .story-hero .hero-photo>.story-image{position:absolute;inset:0;height:100%;width:100%;object-fit:contain;object-position:center!important;transform:none!important}
 .landing .story-hero .hero-photo:after{display:none}
 .landing .story-hero .hero-copy{order:1;padding:30px 24px 22px;width:100%;max-width:none;color:#f5f8ed;position:relative;z-index:1}
 .landing .story-hero h1{font-size:clamp(38px,6.6vw,64px);letter-spacing:-2px;margin:18px 0 20px;line-height:1.06}
 .landing .story-hero h1 em{letter-spacing:-2px}
 .landing .story-hero .hero-copy p{max-width:550px;font-size:13px;line-height:1.8;margin-bottom:23px}
 .landing .story-hero .hero-copy>.little-label{font-size:8px;letter-spacing:1.4px;max-width:none}
 .landing .story-hero .hero-reassurance{font-size:10px;margin-top:16px}
 .landing .story-controls{position:relative;left:auto;right:auto;bottom:auto;order:2;padding:0 24px 20px;display:flex;align-items:center;gap:25px;width:100%;color:white}
 .story-tabs{max-width:none;gap:18px}.story-tabs button{padding:15px 0;min-height:44px;font-size:11px;gap:8px}.story-arrows{gap:8px;margin-top:0}.story-arrows button{min-width:36px;min-height:44px;font-size:18px;padding:8px}
}
@media(max-width:520px){.landing .story-controls{display:block}.story-tabs{gap:20px}.story-arrows{justify-content:end;margin-top:2px;gap:14px}.landing .story-hero h1{font-size:clamp(36px,9.2vw,48px)}.landing .story-hero .hero-copy p{font-size:12px}.landing .story-hero .hero-copy{padding-top:26px;padding-bottom:20px}}