/* S02-04 integration only. R09 runtime/hero markup and S03/S04 artwork CSS are preserved. */
.hero-story{height:1669.03097834svh}
.range-story{position:relative;height:calc(var(--range-pin-height,100svh) + var(--range-travel));background:#1d2425}
.range-pin{position:sticky;top:0;width:100%;height:100svh;min-height:580px;overflow:hidden;isolation:isolate}
body.capabilities-view .site-header{color:#e2ece5;background:linear-gradient(#0a1114 75%,#0a111400);border-color:transparent}
body.capabilities-view .site-header .brand-subtitle{color:#a5bab0}
body.capabilities-view .site-header .brand{color:#e2ece5}
body.capabilities-view .site-header .brand-mark i{background:#e2ece5}
body.capabilities-view .site-header .header-cta{background:transparent;color:#d2e5d9;border-color:#aacbb755}
body.capabilities-view .site-header .motion-control{color:#b6ccbf;border-color:#81978d55;background:transparent}
body.range-view .site-header{color:var(--range-ink);background:transparent}
body.range-view .site-header .brand-subtitle{color:var(--range-muted)}
body.range-view .site-header .brand{color:var(--range-ink)}
body.range-view .site-header .brand-mark i{background:var(--range-ink)}
body.range-view .site-header .header-cta{background:transparent;border-color:var(--range-muted);color:var(--range-ink)}
body.range-view .site-header .motion-control{color:var(--range-ink);border-color:#7a88734a;background:transparent}
body.range-view:not(.motion-paused):not(.reduced-scene):not(.cap-document-hidden) :is(.range-showroom,.range-atmosphere) *{animation-play-state:running!important}
body:not(.range-view) :is(.range-showroom,.range-atmosphere) *{animation-play-state:paused!important}
@media(max-width:600px){.hero-story{height:1417.98602180svh}.range-pin{min-height:560px}}
.reduced-scene .hero-story{height:100svh}
@media(prefers-reduced-motion:reduce){.hero-story{height:100svh}}