/* Cinematic photographic hero; source imagery remains explicitly illustrative. */
.hero{position:relative;isolation:isolate;display:flex;align-items:center;max-width:none;min-height:calc(100dvh - 110px);padding:90px max(64px,calc((100vw - 1272px)/2)) 105px;background:#10281f;overflow:hidden;color:#fff}
.hero-copy{position:relative;z-index:2;width:min(670px,65%);max-width:none}
.hero-copy:before{display:none}
.hero h1{font-size:clamp(58px,6.5vw,92px);letter-spacing:-.04em;line-height:1.04}
.hero h1 em{color:#cde1be}
.hero-intro{color:#f0f4ed;max-width:440px;font-size:15px}
.hero .button{background:#e6efdf;color:#153f35;border-color:#e6efdf}
.hero .text-link,.hero-detail{color:#fff}
.hero-detail{font-size:11px;margin-top:36px}
.hero-image{position:absolute;inset:0;z-index:-2;width:100%;height:100%;margin:0;overflow:hidden}
.hero-image img{width:100%;height:100%;object-fit:cover;object-position:65% 65%;clip-path:none!important;transform:none!important}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,25,18,.92) 0%,rgba(5,25,18,.8) 35%,rgba(5,25,18,.25) 76%,rgba(5,25,18,.16));z-index:-1}
.hero-image figcaption{position:absolute;right:30px;bottom:22px;max-width:230px;color:#fff;background:rgba(5,25,18,.75);padding:5px 9px;font-size:9px;z-index:1}
.hero-pause{position:absolute;right:32px;top:28px;z-index:3;min-width:44px;min-height:44px;background:rgba(9,32,23,.8);border:1px solid rgba(255,255,255,.65);color:#fff;padding:10px 16px;font-size:11px}
.hero-pause:hover{background:#153f35}
.story-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:start;margin-top:40px}
.story-stage{position:sticky;top:45px;height:min(72dvh,660px);background:var(--surface);overflow:hidden}
.story-stage figure{position:absolute;inset:0;margin:0;opacity:0;transition:opacity .7s ease}
.story-stage figure:first-child{opacity:1}
.story-stage[data-frame="0"] figure:nth-child(1),.story-stage[data-frame="1"] figure:nth-child(2),.story-stage[data-frame="2"] figure:nth-child(3),.story-stage[data-frame="3"] figure:nth-child(4){opacity:1;z-index:1}
.story-stage img{height:100%;width:100%;object-fit:cover;transition:transform 1.2s var(--arrival)}
.story-stage figure:nth-child(1) img{object-position:66% center;transform:scale(1.35)}
.story-stage figure:nth-child(2) img{object-position:35% center;transform:scale(1.05)}
.story-stage figure:nth-child(3) img{object-position:35% center}
.story-stage figure:nth-child(4) img{object-position:65% center;transform:scale(1.08)}
.story-stage figcaption{position:absolute;left:24px;right:24px;bottom:24px;background:rgba(10,32,24,.87);color:#fff;padding:18px 21px;font-size:20px;line-height:1.25}
.story-stage figcaption small{display:block;font-size:9px;margin-top:10px;line-height:1.5;color:#e4eddf}
.story-layout .steps{display:block;margin:0;position:relative}
.story-layout .steps:before{display:none}
.story-layout .steps li{min-height:65dvh;padding:60px 0 80px;border:0;display:flex;flex-direction:column;justify-content:center;opacity:.42;transition:opacity .45s ease}
.story-layout .steps li.is-current{opacity:1}
.story-layout .steps h3{font-size:clamp(32px,3.4vw,48px);letter-spacing:-.035em;max-width:360px}
.story-layout .steps p{font-size:16px;line-height:1.8;max-width:360px}
.story-layout .step-number{font-size:13px;margin-bottom:25px;color:var(--text)}
.story-layout .steps li:after{content:"";height:1px;background:var(--line);width:100%;margin-top:36px}
.story-help{font-size:11px;max-width:430px;margin-top:15px}
@media(prefers-reduced-motion:no-preference){html[data-motion="on"] .hero-image img{animation:hero-camera 18s ease-in-out infinite alternate!important} @keyframes hero-camera{from{scale:1;translate:0 0}to{scale:1.13;translate:-1.5% 0}}}
html[data-motion="off"] .story-layout .steps li{opacity:1}
html[data-motion="off"] .story-stage{position:relative}
html[data-motion="off"] .story-layout .steps li{min-height:0;padding:20px 0 35px}
.hero.is-paused .hero-image img{animation-play-state:paused!important}
@media(max-width:1100px){.hero{padding-left:36px;padding-right:36px}.story-layout{gap:40px}}
@media(max-width:800px){.hero{min-height:calc(100dvh - 92px);padding:90px 36px 100px}.hero-copy{width:90%;max-width:600px}.hero h1{font-size:65px}.hero:after{background:linear-gradient(90deg,rgba(5,25,18,.91),rgba(5,25,18,.48))}.story-layout{gap:25px;grid-template-columns:1fr 1fr}.story-stage{top:24px;height:62dvh}.story-layout .steps h3{font-size:30px}.story-layout .steps p{font-size:14px}.story-stage figcaption{left:14px;right:14px;bottom:14px;padding:14px;font-size:16px}}
@media(max-width:540px){.hero{padding:85px 24px 110px;min-height:calc(100dvh - 92px)}.hero-copy{width:100%}.hero h1{font-size:clamp(42px,11vw,57px)}.hero-intro{font-size:14px;max-width:310px}.hero-detail{font-size:9px}.hero-image img{object-position:65% center}.hero-image figcaption{right:20px;bottom:17px;max-width:215px;font-size:8px}.hero-pause{top:15px;right:20px}.story-layout{grid-template-columns:1fr;gap:20px}.story-stage{top:12px;height:38dvh;z-index:2}.story-layout .steps li{min-height:52dvh;padding:35px 0}.story-layout .steps h3{font-size:34px}.story-layout .steps p{font-size:15px}.story-stage figcaption{font-size:17px}.story-stage figcaption small{font-size:8px}.story-layout .step-number{margin-bottom:16px}}
@media(prefers-reduced-motion:reduce){.story-stage{position:relative}.story-layout .steps li{min-height:0;opacity:1;padding:20px 0 35px}.hero-image img{animation:none!important}}