.watch-trailer{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:14px 24px;border:1px solid #FF8A4C;border-radius:12px;background:transparent;color:#F4ECE2;font:600 17px Inter,sans-serif;cursor:pointer}
.watch-trailer:hover{background:#35233E}
.trailer-feature{grid-column:1 / -1;margin:0}
.trailer-poster{position:relative;display:block;width:100%;padding:0;overflow:hidden;border:2px solid #5A4777;border-radius:16px;background:#1A1324;color:#F4ECE2;cursor:pointer;text-align:left;box-shadow:0 24px 48px #0005}
.trailer-poster img{display:block;width:100%;height:auto;aspect-ratio:16/9}
.trailer-poster::after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#130D20D9);pointer-events:none}
.trailer-play{position:absolute;z-index:1;left:24px;bottom:24px;display:flex;align-items:center;gap:14px;font:700 clamp(16px,2.5vw,24px) Inter,sans-serif;text-shadow:0 2px 8px #000}
.trailer-play-icon{display:grid;place-items:center;width:64px;height:64px;flex:none;border:2px solid #FFD45C;border-radius:50%;background:#1A1324EE;color:#FFD45C;font-size:26px;padding-left:3px;text-shadow:none;transition:transform .15s}
.trailer-poster:hover .trailer-play-icon{transform:scale(1.08)}
.trailer-feature figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:12px;font-size:15px;color:#BBAACB}
#trailer-dialog{inset:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:clamp(12px,3vw,40px);border:0;border-radius:0;background:rgba(10,6,17,.96);box-sizing:border-box;overflow:auto}
#trailer-dialog[open]{display:flex;align-items:center;justify-content:center}
#trailer-dialog::backdrop{background:rgba(10,6,17,.96)}
.trailer-player{width:min(100%,1440px);min-width:0}
.trailer-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:12px}
.trailer-toolbar h2{margin:0;font:600 clamp(16px,2.4vw,22px) 'Bricolage Grotesque',Inter,sans-serif}
.trailer-toolbar-actions{display:flex;gap:8px;flex-wrap:wrap}
#trailer-dialog button{min-height:44px;font-size:14px;padding:10px 14px}
#trailer-dialog .caption-toggle{border:1px solid #5A4777;background:#211830;color:#F4ECE2}
#trailer-dialog .caption-toggle[aria-pressed="true"]{border-color:#6FD6C5;color:#6FD6C5}
#trailer-video{display:block;width:100%;height:auto;aspect-ratio:16/9;max-height:calc(100dvh - 170px);background:#000;object-fit:contain;border-radius:8px}
.trailer-help{margin:10px 0 0;color:#BBAACB;font-size:13px}
#trailer-play-message{margin:10px 0;color:#FFD45C}
@media(max-width:480px){.trailer-play{left:14px;bottom:14px;gap:10px}.trailer-play-icon{width:46px;height:46px;font-size:21px}.trailer-toolbar h2{width:100%}.trailer-toolbar-actions{width:100%;justify-content:space-between}.trailer-help{font-size:12px}}
@media(prefers-reduced-motion:reduce){.trailer-play-icon{transition:none}}