/* v08_3_1: composition and depth of field are baked into newly generated photographs. */
.v0831-hero{background:#081317;isolation:isolate}
.v0831-hero .hero-stage{position:relative;display:grid;width:calc(100% + 2 * var(--pad));max-width:none;aspect-ratio:1672/941;min-height:0;margin:0 calc(-1 * var(--pad));isolation:isolate}
.v0831-hero .hero-stage .hero-backdrop{position:absolute;inset:0;opacity:1;background:none;overflow:hidden;z-index:0;pointer-events:none}
.v0831-hero .hero-era-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .6s ease;filter:none;transform:none}
.v0831-hero .hero-era-scene.is-current{opacity:1}
.v0831-hero .hero-backdrop:after{display:none}
.v0831-hero .hero-slide,.v0831-hero .hero-slide[hidden]{display:grid!important;grid-area:1/1;grid-template-columns:1fr 1fr;gap:0;min-height:0;height:100%;padding:0 var(--pad);position:relative;z-index:1;align-items:center;visibility:visible}
.v0831-hero .hero-slide[hidden]{visibility:hidden;pointer-events:none}
.v0831-hero .hero-copy{width:100%;max-width:none;padding:2rem 2rem 2rem 0;position:relative;z-index:1;text-shadow:none}
.v0831-hero .hero-slide h1,.v0831-hero .hero-slide h2{font-size:clamp(3.2rem,6vw,6.6rem);line-height:1;letter-spacing:-.06em;margin:0 0 1.4rem}
.v0831-hero .hero-lede{max-width:470px;color:#d0d8d1;font-size:clamp(.88rem,1.15vw,1.05rem);line-height:1.75}
.v0831-hero .hero-kicker{color:#b2c5c3;font-size:clamp(.5rem,.65vw,.65rem)}
.v0831-hero .hero-actions{gap:1.3rem;margin-top:1.7rem;flex-wrap:wrap}
.v0831-hero .hero-head,.v0831-hero .hero-proofline,.v0831-hero .hero-controls{position:relative;z-index:2}
.v0831-hero .hero-coordinate{color:#abc5cc;font-size:.51rem;letter-spacing:.1em;text-align:right}
.v0831-hero .hero-scene-mobile{display:none}
@media(min-width:901px) and (max-width:1100px){.v0831-hero .hero-copy{padding-right:1rem}.v0831-hero .hero-slide h1,.v0831-hero .hero-slide h2{font-size:clamp(3rem,5.8vw,4rem)}.v0831-hero .hero-lede{font-size:.86rem;line-height:1.6}.v0831-hero .hero-actions{gap:1rem;margin-top:1.2rem}.v0831-hero .hero-coordinate{max-width:45%;font-size:.45rem}}
@media(max-width:900px){
 .v0831-hero .hero-stage{aspect-ratio:auto}
 .v0831-hero .hero-slide,.v0831-hero .hero-slide[hidden]{grid-template-columns:minmax(0,1fr);grid-template-rows:1fr auto;align-items:stretch;height:auto;padding:0}
 .v0831-hero .hero-backdrop,.v0831-hero .hero-coordinate{display:none}
 .v0831-hero .hero-copy{padding:2.5rem var(--pad) 1.8rem;display:flex;flex-direction:column}
 .v0831-hero .hero-slide h1,.v0831-hero .hero-slide h2{font-size:clamp(3.2rem,9vw,5.4rem)}
 .v0831-hero .hero-lede{font-size:.94rem;line-height:1.7;max-width:620px}
 .v0831-hero .hero-actions{margin-top:auto;padding-top:1rem}
 .v0831-hero .hero-scene-mobile{display:block;position:relative;width:100%;aspect-ratio:1672/941;height:auto;margin:0;background:#081317;overflow:hidden}
 .v0831-hero .hero-scene-mobile img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain;filter:none;transform:none}
 .v0831-hero .hero-scene-mobile:after{display:none}
}
@media(prefers-reduced-motion:reduce){.v0831-hero .hero-era-scene{transition:none}}
