body[data-design=cinema]{background:#080808}
.cinema-hero{padding:0 0 48px;background:#080808}
.cinema-stage{position:relative;width:100%;max-width:1920px;aspect-ratio:16/9;margin:0 auto;background:#080808;overflow:hidden;--film-accent:#b095d4}
.cinema-poster,.cinema-poster img,.cinema-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cinema-video{opacity:0;transition:opacity .25s}
.cinema-stage.is-ready .cinema-video{opacity:1}
.cinema-surface-control{position:absolute;inset:0;z-index:1;width:100%;height:100%;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;cursor:pointer}
.cinema-surface-control:hover,.cinema-surface-control:active{background:transparent;box-shadow:none;transform:none}
.cinema-surface-control:focus-visible{outline:2px solid #ddd;outline-offset:-5px}
/* Music follows the video; the film surface handles start/pause without an overlay button. */
.cinema-transport{position:absolute;inset:20px 28px auto;z-index:2;display:none;align-items:center;justify-content:space-between;gap:20px;color:#b6b6b6;font-size:10px;letter-spacing:.18em}
.cinema-transport button{display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid #ffffff24;border-radius:5px;background:#080808b8;color:#ddd;font-size:11px;letter-spacing:0;cursor:pointer}
.cinema-transport button:hover{background:#202020;border-color:#ffffff60}
.cinema-controls{display:flex;align-items:center;gap:8px}
.cinema-transport button[hidden]{display:none}
.cinema-transport button[aria-pressed=true]{border-color:#b7b7b7;background:#292929;color:#fff}
.cinema-transport button:focus-visible{outline:2px solid #e8e8e8;outline-offset:3px}
.cinema-chapters{display:grid;grid-template-columns:repeat(4,1fr);max-width:1200px;margin:14px auto 0;border-bottom:1px solid #ffffff18}
.cinema-chapters button{display:flex;align-items:center;justify-content:center;gap:14px;text-align:left;padding:26px 16px;border:0;border-top:2px solid transparent;background:none;color:#aaa;cursor:pointer;min-width:0}
.cinema-chapters button[aria-pressed=true]{border-top-color:var(--chapter-color);color:#eee;background:linear-gradient(#ffffff05,transparent)}
.cinema-chapters button:hover{color:white;background:#ffffff07}
.cinema-chapter-number{font-family:monospace;font-size:12px;color:var(--chapter-color);opacity:.8}
.cinema-chapters strong{display:block;font-size:15px;font-weight:500;letter-spacing:-.025em}
.cinema-chapters small{display:block;margin-top:5px;font-size:11px;color:#8e8e8e;line-height:1.4}
.cinema-invite{max-width:1200px;margin:52px auto 0;padding:0 28px 32px;display:flex;align-items:center;justify-content:space-between;gap:48px}
.cinema-invite-copy{max-width:570px}
.cinema-invite .eyebrow{font-size:10px;color:#b4b4b4}
.cinema-invite h2{margin:20px 0;font-size:clamp(38px,5vw,64px);font-weight:500;line-height:1.03;letter-spacing:-.05em;color:#f2f2f2}
.cinema-invite-action{display:flex;flex-direction:column;align-items:center;gap:16px;flex-shrink:0}
.cinema-invite-action>span{font-size:11px;color:#aaa}
.cinema-invite .button.primary{border-color:#f7931a;background:linear-gradient(150deg,#392b1d,#1c1712);box-shadow:inset 0 1px 0 #f7931a20}
.cinema-invite .button.primary:hover{background:linear-gradient(150deg,#4a3520,#2a2016)}
.cinema-invite p{color:#b8b8b8;margin:0;font-size:16px;line-height:1.75;letter-spacing:0}
.cinema-invite strong{color:#eee;font-weight:500}
.cinema-invite .button{padding:14px 22px;font-size:13px}
.cinema-error{margin:14px auto;max-width:1100px;padding:0 24px;font-size:13px;color:#ccc}
.cinema-music-credit{display:block;margin-top:6px;font-size:10px;line-height:1.6}
.cinema-music-credit a{color:inherit;text-underline-offset:3px}
.cinema-caption{max-width:1200px;margin:14px auto 0;padding:0 24px;text-align:center;font-size:11px;color:#858585}
@media(min-width:1600px){.cinema-stage{max-height:850px;aspect-ratio:auto;height:calc(100vw * .5625)}.cinema-poster img,.cinema-video{object-fit:contain}}
@media(max-width:900px){.cinema-invite{flex-direction:column;align-items:flex-start;gap:28px}.cinema-invite-action{align-items:flex-start}}
@media(max-width:640px){
 .cinema-stage{aspect-ratio:4/5}
 .cinema-transport{inset:14px 16px auto;font-size:8px;letter-spacing:.1em}
 .cinema-transport button{font-size:10px;padding:9px 10px}
 .cinema-controls{gap:6px}
 .cinema-transport:has([data-cinema-sound]:not([hidden])){flex-wrap:wrap;gap:10px}
 .cinema-chapters{grid-template-columns:repeat(2,1fr);margin:14px 16px 0}
 .cinema-chapters button{justify-content:flex-start;padding:18px 10px;gap:10px}
 .cinema-chapters strong{font-size:13px}
 .cinema-chapters small{font-size:10px}
 .cinema-invite{align-items:center;text-align:center;gap:26px;margin-top:34px;padding-inline:22px}
 .cinema-invite .eyebrow{justify-content:center;font-size:8.5px}
 .cinema-invite p{font-size:15px}
 .cinema-invite-action{align-items:center}
 .cinema-invite .button{padding-inline:18px;font-size:12px}
 .cinema-invite-action>span{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.cinema-video{transition:none}}