.trailer-section { border-top: 1px solid var(--line); }
.trailer-heading { margin-bottom: clamp(1.5rem, 3vw, 2.5rem); }
.trailer-heading .eyebrow { margin-bottom: 1.25rem; }
.trailer-player { margin: 0; }
.trailer-screen { position: relative; }
.trailer-play { position: absolute; inset: 50% auto auto 50%; transform: translate(-50%, -50%); display: grid; place-items: center; width: clamp(60px, 7vw, 88px); aspect-ratio: 1; border: 1px solid var(--gold); border-radius: 50%; background: #080b10dd; color: #f4cd78; font-size: clamp(20px, 2.5vw, 30px); box-shadow: 0 4px 30px #0008; }
.trailer-play span { margin-left: .15em; }
.trailer-play:hover { background: #292319; border-color: #fff0cd; }
.trailer-player video { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: contain; background: #000; border: 1px solid #ddb07655; border-radius: 3px; box-shadow: 0 20px 60px #0005; }
.trailer-player video:focus-visible { outline: 2px solid var(--gold); outline-offset: 5px; }
.trailer-player figcaption { margin-top: 1rem; color: var(--muted); font-size: .875rem; line-height: 1.6; }