/* Approved hero → page 2: one continuous warm-dark photographic field. */
:root{--scene:#171411;--scene-text:#fff8ed;--scene-muted:#e0d8ca;--scene-accent:#ffb66b}
.cinematic-flow{background:var(--scene);isolation:isolate;overflow:hidden}
.cinematic-flow ::selection{background:var(--scene-accent);color:var(--scene)}
.cinematic-flow .hero{background:var(--scene);height:780px;min-height:720px}
.hero-shade{background:linear-gradient(90deg,rgba(23,20,17,.96),rgba(23,20,17,.86) 29%,rgba(23,20,17,.35) 57%,transparent 83%),linear-gradient(0deg,var(--scene),rgba(23,20,17,.7) 7%,transparent 29%)}
.hero-copy{color:var(--scene-text)}
.hero h1{letter-spacing:-.035em}
.hero h1 em{color:var(--scene-accent)}
.hero .eyebrow{font-size:12px;color:var(--scene-text)}
.hero-lead{font-size:18px;line-height:1.6}
.hero-sub{font-size:15px;line-height:1.8;color:var(--scene-muted)}
.hero-note{font-size:12px;line-height:1.65;color:var(--scene-muted)}
.hero-facts span{font-size:11px;color:var(--scene-text)}
.hero-actions .button{font-size:14px;min-height:48px}
.hero-bottom{bottom:42px;color:var(--scene-muted);font-size:11px}
.story.section-wrap{width:100%;max-width:none;position:relative;display:flex;align-items:center;min-height:850px;margin:-90px 0 0;padding:180px max(7vw,32px) 110px;gap:0;color:var(--scene-text)}
.scene-photo{position:absolute;top:50%;right:0;width:82%;height:auto;transform:translateY(-50%);pointer-events:none;mask-image:linear-gradient(to bottom,transparent,black 17%,black 86%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,black 17%,black 86%,transparent)}
.scene-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(23,20,17,.93),rgba(23,20,17,.83) 27%,rgba(23,20,17,.2) 46%,transparent 62%);mask-image:linear-gradient(to bottom,transparent,black 17%);-webkit-mask-image:linear-gradient(to bottom,transparent,black 17%);pointer-events:none}
.story-copy{position:relative;z-index:1;width:38%;max-width:480px}
.story h2{font-size:clamp(38px,3.6vw,54px);line-height:1.14;letter-spacing:-.03em;margin-bottom:26px;color:var(--scene-text);text-wrap:balance}
.story-copy>p:not(.eyebrow){font-size:17px;line-height:1.85;color:var(--scene-muted);margin-bottom:20px}
.story .eyebrow-dark{color:var(--scene-accent);font-size:12px}
.story .story-punch{border:0;padding:0;font-size:19px!important;font-weight:700;color:var(--scene-text)!important}
.cinematic-flow + .bridge{margin-top:0;background:#344b3f}
.cinematic-flow + .bridge p{color:var(--scene-text)}
@media(max-width:1000px) and (min-width:701px){.story.section-wrap{padding-left:5vw;padding-right:5vw}.story-copy{width:42%}.story h2{font-size:40px}.story-copy>p:not(.eyebrow){font-size:16px}.scene-photo{object-position:60% center}}
@media(max-width:700px){
 .cinematic-flow .hero{height:auto;min-height:0}
 .hero-photo{height:510px;object-position:70% top}
 .hero-shade{background:linear-gradient(180deg,rgba(23,20,17,.05),rgba(23,20,17,.1) 265px,var(--scene) 475px,var(--scene)),linear-gradient(90deg,rgba(23,20,17,.22),transparent)}
 .hero-copy{padding:420px 22px 100px;color:var(--scene-text)}
 .hero h1{font-size:clamp(40px,10.8vw,54px);line-height:1.06;letter-spacing:-.035em}
 .hero h1 em{color:var(--scene-accent)}
 .hero .eyebrow{font-size:11px;letter-spacing:1px;text-shadow:none}
 .hero-lead{font-size:16px;line-height:1.7}
 .hero-sub{font-size:14px;line-height:1.8;color:var(--scene-muted)}
 .hero-note{font-size:12px;color:var(--scene-muted)}
 .hero-facts span{font-size:11px;padding:8px 11px;background:#ffffff13;border-color:#ffffff40}
 .hero-actions .button{font-size:12px;padding:14px 16px}
 .hero-bottom{bottom:46px;font-size:10px}
 .story.section-wrap{margin-top:-18px;min-height:0;display:block;padding:50px 22px 350px}
 .story-copy{width:100%;max-width:550px}
 .story h2{font-size:clamp(34px,8.8vw,46px);line-height:1.18;letter-spacing:-.03em;margin-bottom:22px}
 .story-copy>p:not(.eyebrow){font-size:16px;line-height:1.85}
 .story .story-punch{font-size:18px!important}
 .scene-photo{top:auto;bottom:0;left:auto;right:0;height:auto;width:135%;transform:none;mask-image:linear-gradient(to bottom,transparent,black 15%,black 85%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,black 15%,black 85%,transparent)}
 .scene-shade{background:linear-gradient(to bottom,var(--scene),var(--scene) calc(100% - 400px),transparent calc(100% - 330px))}
}
