/* A larger, in-page cinema window. Player controls are never covered. */
.trailer-stage{max-width:820px}
.trailer-dialog{width:min(94vw,1440px,calc((100dvh - 150px)*16/9));max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px);padding:0;border:1px solid #bcb0a240;background:#080807;color:#e9e1d4;overflow:auto;box-shadow:0 30px 120px #000b}
.trailer-dialog::backdrop{background:#000d;backdrop-filter:blur(12px)}
.trailer-dialog[open]{animation:cinema-open .38s cubic-bezier(.16,1,.3,1)}
.trailer-dialog-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:8px 18px}
.trailer-dialog-bar h2{margin:0;font:400 .75rem/1.5 Arial,sans-serif;letter-spacing:.12em}
#close-trailer{flex:none;min-height:44px;padding:0 4px;font-size:.75rem;letter-spacing:.06em}
#close-trailer span{font-size:1.4rem;margin-left:14px;vertical-align:middle}
.trailer-player{width:100%;aspect-ratio:16/9;min-height:200px;background:#000}
.trailer-player iframe{display:block;width:100%;height:100%;min-height:200px;border:0;aspect-ratio:16/9}
.trailer-dialog-note{padding:10px 18px 14px;font:.75rem/1.6 Arial,sans-serif;color:#b9afa1}
.trailer-dialog-note p{margin:0 0 8px}
.trailer-dialog-note a{text-decoration:underline;text-underline-offset:4px}
@keyframes cinema-open{from{opacity:0;transform:scale(.86)}to{opacity:1;transform:scale(1)}}
@media(max-width:600px){.trailer-dialog{width:calc(100vw - 20px)}.trailer-dialog-bar{padding:6px 12px}.trailer-dialog-bar h2{font-size:.65rem;letter-spacing:.05em}.trailer-dialog-note{padding:8px 12px 12px}}
@media(prefers-reduced-motion:reduce){.trailer-dialog[open]{animation:none}}