/* A larger, in-page cinema window. Player controls are never covered. */
.trailer-stage{max-width:820px}.trailer-collection{max-width:820px;margin:0 auto}.trailer-collection--multiple{max-width:1180px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(22px,3vw,42px)}.trailer-collection .trailer-stage{max-width:none;margin:0}.trailer-card{min-width:0}.trailer-card-label{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;padding-top:15px;color:#b9afa1;font-size:.75rem;line-height:1.6;letter-spacing:.1em;text-transform:uppercase}.trailer-card-label strong{font-weight:400;color:#e6dfd4}
.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-collection,.trailer-collection--multiple{width:auto;max-width:none;margin:0 -16px;display:grid;grid-template-columns:1fr;gap:30px}.trailer-collection .trailer-stage{width:100%;margin:0}.trailer-card-label{padding:12px 16px 0;grid-template-columns:32px minmax(0,1fr);font-size:.75rem}.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}}