/* Cinematic, one-play hero film with a calm, accessible editorial reveal. */
.hero-video-stage{--hero-bottom-crop:clamp(72px,7.2vw,116px);height:min(calc(56.25vw - var(--hero-bottom-crop)),calc(100svh - 70px - var(--hero-bottom-crop)));min-height:520px;max-height:790px;background:#0b151c}
.hero-video{position:absolute;top:0;left:0;width:100%;height:calc(100% + var(--hero-bottom-crop));object-fit:cover;object-position:center top;background:#0b151c}
.hero-video-stage .hero-shade{z-index:1;opacity:0;transition:opacity 1.8s cubic-bezier(.22,.61,.36,1);background:linear-gradient(90deg,rgba(9,18,25,.93),rgba(9,18,25,.68) 38%,rgba(9,18,25,.08) 76%),linear-gradient(0deg,rgba(7,14,20,.58),transparent 46%)}
.hero-reveal{position:absolute;inset:0;z-index:2;pointer-events:none}
.hero-reveal .hero-content{opacity:1}
.hero-lettering{opacity:0;transform:translateY(6px);filter:none;will-change:opacity}
.hero-reveal .hero-content .eyebrow{transition:opacity 1.05s .1s ease-out,transform 1.05s .1s ease-out}
.hero-reveal .hero-content h1{transition:opacity 1.25s .42s ease-out,transform 1.25s .42s ease-out}
.hero-reveal .hero-content .intro{transition:opacity 1.2s .78s ease-out,transform 1.2s .78s ease-out}
.hero-reveal .gold-line{opacity:0;transform:scaleX(.45);transform-origin:left center;transition:opacity 1s .28s ease,transform 1.25s .28s cubic-bezier(.22,.61,.36,1)}
.hero-reveal .actions,.hero-reveal .hero-bottom{opacity:0;transform:translateY(7px)}
.hero-reveal .actions{transition:opacity 1.15s 1.15s ease-out,transform 1.15s 1.15s ease-out}
.hero-reveal .hero-bottom{transition:opacity 1.1s 1.55s ease-out,transform 1.1s 1.55s ease-out}
.hero-copy-visible .hero-shade{opacity:1}
.hero-copy-visible .hero-reveal{pointer-events:auto}
.hero-copy-visible .hero-lettering{opacity:1;transform:none}
.hero-copy-visible .hero-reveal .gold-line{opacity:1;transform:scaleX(1)}
.hero-copy-visible .hero-reveal .actions,.hero-copy-visible .hero-reveal .hero-bottom{opacity:1;transform:translateY(0)}
.hero-controls{position:absolute;z-index:4;right:5%;bottom:24px;display:flex;align-items:center;gap:10px}
.hero-controls button{display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid rgba(255,255,255,.58);border-radius:50%;background:rgba(9,18,25,.72);color:#fff;font-size:18px;line-height:1;backdrop-filter:blur(7px);box-shadow:0 4px 18px #0005;transition:background .25s,color .25s,transform .25s}
.hero-controls button:hover,.hero-controls button:focus-visible{background:rgba(218,186,131,.92);color:#172127;transform:translateY(-2px)}
.hero-status{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media(max-width:760px){.hero-video-stage{--hero-bottom-crop:72px;height:calc(100svh - 76px - var(--hero-bottom-crop));min-height:560px;max-height:none}.hero-video{object-position:61% top}.hero-controls{right:6%;bottom:20px}.hero-video-stage .hero-shade{background:linear-gradient(90deg,rgba(9,18,25,.91),rgba(9,18,25,.48)),linear-gradient(0deg,rgba(7,14,20,.62),transparent 55%)}}
@media(prefers-reduced-motion:reduce){.hero-lettering,.hero-reveal .gold-line,.hero-reveal .actions,.hero-reveal .hero-bottom,.hero-video-stage .hero-shade{transition:none!important;filter:none;transform:none}.hero-video{display:none}.hero-video-stage{background:url('hero-v5.webp') center/cover}.hero-video-stage .hero-shade{opacity:1}.hero-lettering,.hero-reveal .gold-line,.hero-reveal .actions,.hero-reveal .hero-bottom{opacity:1}.hero-controls{display:none}}
