/* Silent scenes share a poster-first layout, so the first paint stays immediate. */
.hero-media,.hero-scene{position:absolute;inset:0;pointer-events:none}
.hero-scene{opacity:0;transition:opacity .85s ease;will-change:opacity}
.hero-scene.is-active{opacity:1}
.hero-scene .hero-image,.hero-scene video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 61%}
.hero-scene video{opacity:0;transition:opacity .2s ease}
.hero-scene.has-video video{opacity:1}
.hero h1{font-size:clamp(64px,5.8vw,94px)}
.hero-shade{background:linear-gradient(90deg,rgba(6,12,10,.35),transparent 65%),linear-gradient(180deg,rgba(6,12,10,.62),rgba(6,12,10,.2) 30%,transparent 51%,rgba(6,12,10,.38) 72%,rgba(6,12,10,.92))}
.hero-scenes-ui{text-align:right;flex-shrink:0}
.hero-bottom .hero-scene-caption{font-size:9px;letter-spacing:.2em;color:#eee8dd;margin:0 0 13px}
.hero-controls{display:flex;align-items:center;justify-content:flex-end;gap:8px}
.hero-choice,.hero-motion{height:44px;min-width:44px;padding:0 12px;background:#111b173d;color:var(--cream);border:1px solid #fdf8ee42;border-radius:50%;font-size:10px;letter-spacing:.08em;transition:background .2s,border-color .2s}
.hero-choice[aria-pressed=true]{background:var(--cream);color:var(--ink);border-color:var(--cream)}
.hero-choice:hover,.hero-motion:hover{border-color:var(--cream)}
.hero-motion{border-color:transparent;font-size:13px}
.hero-control-divider{width:1px;height:20px;background:#fdf8ee42;margin:0 6px}
@media(min-width:1700px){.hero h1{font-size:104px}}
@media(min-width:701px){.hero-scene[data-hero-scene="2"] .hero-image,.hero-scene[data-hero-scene="2"] video{object-position:left center}}
@media(min-width:701px) and (max-width:1100px){.hero-scene[data-hero-scene="1"] .hero-image,.hero-scene[data-hero-scene="1"] video{object-position:57% center}}
@media(max-width:700px){
  .hero{min-height:770px;padding-bottom:28px}
  .hero h1{font-size:clamp(46px,10.6vw,70px)}
  .hero-media{top:165px}
  .hero-scene .hero-image,.hero-scene video{object-position:51.5% center}
  .hero-scene[data-hero-scene="1"] .hero-image,.hero-scene[data-hero-scene="1"] video{object-position:55% center}
  .hero-shade{background:linear-gradient(180deg,#1b1818 0%,#1b1818 19%,#1b1818a8 27%,transparent 42%,transparent 55%,#07100c91 72%,#07100cf5 100%)}
  .hero-bottom{flex-direction:column;align-items:flex-start;gap:24px}
  .hero-scenes-ui{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left}
  .hero-bottom .hero-scene-caption{font-size:7px;letter-spacing:.13em;margin:0}
  .hero-controls{gap:4px}
  .hero-choice,.hero-motion{min-width:36px;width:36px;height:44px;padding:0;border-radius:18px}
  .hero-control-divider{margin:0 2px}
}
@media(prefers-reduced-motion:reduce){.hero-scene,.hero-scene video{transition:none}}