/* Poster and video always share a crop. No color filter is applied to footage. */
.hero{--hero-position:50% 35%}
.hero .hero-image{background:none;overflow:hidden}
.hero-poster,.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--hero-position);pointer-events:none}
.hero-video{opacity:0;transition:opacity .35s ease}
.video-playing .hero-video{opacity:1}
.hero:after{background:linear-gradient(180deg,rgba(16,16,15,.25),rgba(16,16,15,.15) 45%,rgba(16,16,15,.25)),radial-gradient(ellipse at 50% 53%,rgba(16,16,15,.48),transparent 65%)}
.hero-center{text-shadow:0 2px 8px #000,0 0 24px #0008}
.hero-top,.hero-bottom{color:#f2eee4;text-shadow:0 1px 5px #000,0 0 12px #000}
.hero .button{text-shadow:none}
.hero .button.outline{background:rgba(16,16,15,.78)}
.hero .button.outline:hover{background:var(--gold)}
.hero-video-toggle{position:absolute;right:4%;bottom:86px;z-index:2;min-height:44px;padding:10px 14px;color:var(--gold-light);background:#10100fbd;border:1px solid var(--gold-line);font:500 11px/1.4 'DM Sans',Arial,sans-serif;letter-spacing:.6px;transition:background .2s,border-color .2s}
.hero-video-toggle:hover{background:#10100f;border-color:var(--gold)}
.hero-video-toggle:focus-visible{outline:3px solid var(--gold-light);outline-offset:4px}
.hero-video-toggle[hidden]{display:none}
@media(max-width:767px){.hero{--hero-position:46% 35%}.hero-video-toggle{right:6%;bottom:82px}}
@media(prefers-reduced-motion:reduce){.hero-video{display:none;transition:none}.hero-video-toggle{display:none}}