.hero-actions{display:flex;align-items:center;gap:27px;flex-wrap:wrap}
.film-trigger{min-height:44px;display:inline-flex;align-items:center;gap:10px;padding:0 0 7px;font-size:13px}
.film-trigger-icon{display:grid;place-items:center;width:29px;height:29px;border:1px solid #a84b2d70;border-radius:50%;font-size:9px;padding-left:2px;color:var(--copper);transition:background .2s,color .2s}
.film-trigger:hover .film-trigger-icon{background:var(--copper);color:var(--paper)}
.film-duration{font:10px var(--mono);color:var(--muted)}
.film-player{padding:0;border:1px solid #f1ebdf30;width:min(1180px,94vw);max-width:none;max-height:94svh;background:#191b17;color:#f1ebdf;box-shadow:0 24px 100px #0006;overflow:auto}
.film-player::backdrop{background:#121710d9;backdrop-filter:blur(8px)}
.film-player-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 22px}
.film-player-top h2{font:500 13px/1.4 var(--sans);letter-spacing:.02em;margin:0}
.film-player-close{padding:6px 0 6px 12px;font-size:12px;color:#f1ebdf;display:flex;align-items:center;gap:12px}
.film-player-close span:last-child{font:28px/1 var(--sans);font-weight:300}
.film-player video{width:100%;max-height:calc(94svh - 116px);aspect-ratio:16/9;display:block;background:#151711;object-fit:contain}
.film-player-bottom{padding:13px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;color:#d3cdbf}
.film-player-bottom a{text-decoration:underline;text-underline-offset:4px}
.film-player-error{margin:0;padding:12px 22px;font-size:13px;color:#f3be9d}
.film-player-error[hidden]{display:none}
@media(max-width:600px){.hero-actions{gap:19px}.film-player{width:100vw;border-left:0;border-right:0}.film-player-top{padding:12px 16px}.film-player-bottom{padding:13px 16px;flex-wrap:wrap;gap:8px}.film-player video{min-height:0}.film-trigger{font-size:12px}.film-duration{font-size:9px}}
@media(prefers-reduced-motion:reduce){.film-trigger-icon{transition:none}}
@media(max-width:600px){
 .hero{padding-top:130px}
 .hero h1{margin-bottom:12px}
 .hero-intro{font-size:15px;line-height:1.4;margin-bottom:12px}
 .hero-actions{gap:14px;flex-wrap:nowrap}
 .hero-copy .hero-actions>.text-link{font-size:13px}
 .film-trigger{gap:7px}
 .film-duration{display:none}
}