/* Cinematic interlude. The film, labels, controls and 360° studio occupy separate spaces. */
.header-actions{display:flex;align-items:center;gap:14px;flex-shrink:0}
.music-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:8px 12px;border:1px solid var(--studio-line,#dbe4d9);border-radius:24px;color:#526a51;background:transparent;font:inherit;font-size:11px;white-space:nowrap}
.music-toggle svg{width:17px;height:17px;flex:none}
.music-toggle[aria-pressed="true"]{background:#e1ebdc;color:#264a34;border-color:#c6d9bd}
.music-toggle:focus-visible,.cinema-control:focus-visible,.cinema-next:focus-visible{outline:2px solid #91af84;outline-offset:4px}
.music-toggle:disabled{opacity:.5;cursor:default}
.cinema-section{--cinema-ink:#f0f4ef;--cinema-muted:#a7bbb4;--cinema-accent:#bfd1b7;position:relative;height:225svh;min-height:1250px;background:#14272c;color:var(--cinema-ink);scroll-margin-top:72px}
.cinema-pin{position:sticky;top:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:22px;height:100svh;min-height:640px;padding:104px 6vw 32px;overflow:hidden;background:radial-gradient(ellipse at 50% 55%,#243e46,#14272c 72%)}
.cinema-header{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;position:relative;z-index:2}
.cinema-header .eyebrow{margin:0 0 10px;color:var(--cinema-muted);font-size:10px;letter-spacing:.16em}
.cinema-header h2{margin:0;font-size:clamp(29px,3.5vw,50px);font-weight:450;line-height:1.13;letter-spacing:-.05em}
.cinema-header h2 em{font-style:normal;color:var(--cinema-accent)}
.cinema-header>p{max-width:260px;margin:0 0 3px;color:var(--cinema-muted);font-size:12px;line-height:1.75}
.cinema-media{position:relative;min-height:0;width:100%;height:100%;overflow:hidden;isolation:isolate;border:1px solid #b3ccca16;border-radius:16px;background:#172c3b;box-shadow:0 24px 50px #07171221}
.cinema-picture,.cinema-picture img,.cinema-video{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain}
.cinema-picture{z-index:1}.cinema-picture img{object-fit:contain}
.cinema-video{z-index:2;opacity:0;pointer-events:none}
.cinema-section[data-painted="true"] .cinema-video{opacity:1}
.cinema-section[data-painted="true"] .cinema-picture{visibility:hidden}
.cinema-footer{display:flex;align-items:center;justify-content:space-between;gap:24px}
.cinema-cue{display:flex;align-items:center;gap:13px;flex:1;min-width:0;color:var(--cinema-muted);font-size:11px;line-height:1.5}
.cinema-progress{width:75px;height:2px;background:#b3ccca2b;overflow:hidden;flex:none}
.cinema-progress span{display:block;width:100%;height:100%;background:var(--cinema-accent);transform-origin:left;transform:scaleX(var(--cinema-progress,0))}
.cinema-actions{display:flex;align-items:center;gap:20px;flex:none}
.cinema-control{min-height:42px;padding:8px 16px;border:1px solid #bfd1b739;border-radius:24px;background:transparent;color:var(--cinema-ink);font:inherit;font-size:11px}
.cinema-control:hover{background:#bfd1b70e}
.cinema-control[aria-pressed="true"]{color:var(--cinema-accent);border-color:var(--cinema-accent)}
.cinema-next{display:inline-flex;align-items:center;gap:20px;min-height:42px;color:var(--cinema-accent);font-size:12px;text-decoration:none;white-space:nowrap}
.cinema-next span{font-size:20px}
.cinema-section.is-static{height:auto;min-height:0}
.cinema-section.is-static .cinema-pin{position:relative}
.no-motion .cinema-section{height:auto;min-height:0}
.no-motion .cinema-pin{position:relative}
@media(min-width:1650px){.cinema-pin{padding-inline:max(6vw,calc((100vw - 1480px)/2))}}
@media(max-width:1000px){.header-actions{gap:8px}.music-toggle{padding-inline:10px;font-size:10px}.cinema-pin{padding-inline:5vw}.cinema-header>p{max-width:220px}}
@media(max-width:760px){
 .header-actions{gap:7px}.music-toggle{width:40px;min-height:40px;padding:9px;position:relative}.music-toggle .music-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
 .cinema-section{height:210svh;min-height:1200px;scroll-margin-top:62px}
 .cinema-pin{height:100svh;min-height:690px;padding:88px 20px 26px;gap:18px}
 .cinema-header{display:block}.cinema-header .eyebrow{font-size:8px;margin-bottom:10px}.cinema-header h2{font-size:clamp(29px,8vw,39px);line-height:1.08}
 .cinema-header>p{font-size:11px;line-height:1.6;max-width:31ch;margin:10px 0 0}
 .cinema-media{border-radius:13px}
 .cinema-footer{align-items:stretch;flex-direction:column;gap:12px}
 .cinema-cue{font-size:10px;justify-content:center;gap:10px}
 .cinema-progress{width:52px}
 .cinema-actions{justify-content:space-between;gap:12px}
 .cinema-control{font-size:11px;min-height:40px;padding:8px 15px}.cinema-next{font-size:11px;min-height:40px}
}
@media(max-width:390px){
 .site-header{padding-inline:16px;gap:8px}.site-header .brand{gap:7px}.site-header .brand-mark{width:84px}.site-header .whitecat-mark{width:34px}
 .site-header .selection-open{padding:7px 8px}.site-header .selection-open::before{font-size:10px;margin-right:5px}.header-actions{gap:5px}.music-toggle{width:38px}
}
@media(max-height:650px){
 .cinema-section{height:auto;min-height:0}.cinema-pin{position:relative;height:760px;min-height:0}
}
@media(prefers-reduced-motion:reduce){
 .cinema-section{height:auto;min-height:0}.cinema-pin{position:relative}.cinema-video{transition:none}
}