.studio-screening{border-top:1px solid var(--line);margin-block:clamp(52px,8vw,112px) 48px;padding-top:32px}.studio-screening.screening-page{border-top:0;margin-top:0;padding-top:0}.screening-page-intro{color:var(--soft);font:400 13px/1.7 var(--font-studio-text), sans-serif;justify-content:space-between;align-items:center;gap:20px;margin:-6px 0 32px;display:flex}.screening-page-intro>a{touch-action:manipulation;flex-shrink:0;align-items:center;gap:12px;min-height:44px;display:inline-flex}.screening-page-intro>a>svg{width:16px;height:16px}.screening-page-intro>p{max-width:30ch}.screening-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:32px;display:flex}.screening-heading h2{font:500 clamp(36px, 4.5vw, 64px)/1.08 var(--font-studio-display), sans-serif;letter-spacing:-.055em;margin-top:15px}.screening-heading>p{max-width:28ch;color:var(--soft);font:400 13px/1.7 var(--font-studio-text), sans-serif}.screening-filters{flex-wrap:wrap;gap:4px 24px;margin-bottom:24px;display:flex}.screening-filters>button{min-width:44px;min-height:44px;color:var(--soft);font:400 13px/1.5 var(--font-studio-text), sans-serif;touch-action:manipulation;background:0 0;border:0;padding:10px 0;transition:color .2s;position:relative}.screening-filters>button[aria-pressed=true]{color:var(--foreground)}.screening-filters>button:after{content:"";transform-origin:0;background:currentColor;height:1px;transition:transform .25s;position:absolute;inset:auto 0 0;transform:scaleX(0)}.screening-filters>button[aria-pressed=true]:after{transform:scaleX(1)}.screening-room{grid-template-columns:minmax(0,2.15fr) minmax(230px,1fr);align-items:start;gap:clamp(28px,4vw,64px);display:grid}.screening-main,.screening-programme{min-width:0}.screening-stage{aspect-ratio:16/9;overflow-anchor:none;background:#080808;place-items:center;width:100%;min-width:0;min-height:200px;scroll-margin-top:24px;display:grid;overflow:clip}.screening-stage[data-playing=false]{background:0 0}.screening-stage>iframe{border:0;width:100%;min-width:0;height:100%;display:block}.screening-stage[aria-busy=true]>iframe{opacity:0}.screening-stage[data-format=portrait]>iframe{width:min(100%,400px)}.screening-preview{color:#fff;cursor:pointer;touch-action:manipulation;background:0 0;border:0;place-items:center;width:100%;height:100%;min-height:44px;padding:0;display:grid;position:relative;overflow:clip}.screening-preview>:is(img,svg.artwork-crop){object-fit:contain;object-position:center;width:100%;height:100%;animation:.45s ease-out both screening-image-in;position:absolute;inset:0}.screening-play{text-shadow:0 1px 12px #000;font:400 12px/1.3 var(--font-studio-text), sans-serif;letter-spacing:.015em;flex-direction:column;align-items:center;gap:14px;padding:18px;display:flex;position:relative}.screening-play>svg{stroke-width:1.5px;background:#00000061;border:1px solid #fffc;border-radius:50%;width:64px;height:64px;padding:21px;transition:transform .28s cubic-bezier(.2,.8,.2,1),background .28s}.screening-preview:active .screening-play>svg{transform:scale(.92)}.screening-preview:disabled{cursor:default}.screening-transport{align-items:center;gap:18px;min-height:60px;display:flex}.screening-position{color:var(--soft);font:400 11px/1.4 var(--font-studio-text), sans-serif;font-variant-numeric:tabular-nums;flex:none}.screening-progress{background:var(--line);flex:1;height:1px;overflow:hidden}.screening-progress>i{background:var(--foreground);transform-origin:0;width:100%;height:100%;transition:transform .45s cubic-bezier(.2,.8,.2,1);display:block}.screening-controls{display:flex}.screening-controls>button,.screening-original,.screening-alternate{min-width:44px;min-height:44px;color:var(--foreground);touch-action:manipulation;background:0 0;border:0;justify-content:center;align-items:center;gap:10px;padding:0;display:inline-flex}.screening-controls>button:disabled{opacity:.25;cursor:default}.studio-screening svg{fill:none;stroke-width:1.4px;flex-shrink:0}.screening-controls svg{width:18px;height:18px}.screening-caption{justify-content:space-between;align-items:start;gap:20px;display:flex}.screening-meta{color:var(--soft);font:400 11px/1.5 var(--font-studio-text), sans-serif}.screening-caption h3{font:400 clamp(21px, 2.2vw, 30px)/1.3 var(--font-studio-text), sans-serif;letter-spacing:-.035em;overflow-wrap:anywhere;margin-top:9px}.screening-original{font:400 11px/1.4 var(--font-studio-text), sans-serif;color:var(--soft);flex-shrink:0;align-self:start}.screening-original svg,.screening-alternate svg{width:14px;height:14px}.screening-note{max-width:65ch;color:var(--soft);font:400 13px/1.8 var(--font-studio-text), sans-serif;margin-top:17px}.screening-alternate{color:var(--soft);font:400 12px/1.5 var(--font-studio-text), sans-serif;justify-content:start;margin-top:4px}.screening-status{min-height:1.6em;color:var(--soft);font:400 11px/1.6 var(--font-studio-text), sans-serif;margin-top:16px}.screening-retry{min-height:44px;color:var(--foreground);font:400 12px/1.5 var(--font-studio-text), sans-serif;text-underline-offset:5px;touch-action:manipulation;background:0 0;border:0;padding:0;text-decoration:underline}.screening-programme-heading{min-height:44px;color:var(--soft);font:400 11px/1.4 var(--font-studio-text), sans-serif;justify-content:space-between;align-items:center;gap:16px;margin-bottom:8px;display:flex}.screening-programme-heading>button{min-height:44px;color:var(--foreground);touch-action:manipulation;background:0 0;border:0;align-items:center;gap:12px;padding:0 2px 0 12px;display:inline-flex}.screening-programme-heading svg{width:15px;height:15px}.screening-index{overscroll-behavior-y:contain;touch-action:pan-y pinch-zoom;scrollbar-width:thin;scrollbar-color:var(--control-border) transparent;max-height:430px;margin:0;padding:0;list-style:none;overflow-y:auto}.screening-index>li{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) 44px;display:grid}.screening-index>li>button{text-align:left;min-width:0;min-height:56px;color:var(--soft);font:400 12px/1.7 var(--font-studio-text), sans-serif;touch-action:manipulation;background:0 0;border:0;grid-template-columns:23px minmax(0,1fr);align-items:baseline;gap:12px;padding:14px 8px 14px 0;transition:color .2s;display:grid}.screening-index>li>button>span:last-child{overflow-wrap:anywhere}.screening-index-number{font-variant-numeric:tabular-nums;font-size:10px;position:relative}.screening-index>li[data-selected=true]>button{color:var(--foreground)}.screening-index>li[data-selected=true] .screening-index-number:after{content:"";background:currentColor;width:14px;height:1px;position:absolute;bottom:-4px;left:0}.screening-index>li>a{min-width:44px;min-height:44px;color:var(--soft);touch-action:manipulation;place-items:center;display:grid}.screening-index>li>a>svg{width:14px;height:14px}.studio-screening :is(button,a):focus-visible{outline-offset:-3px;outline:1px solid}.screening-preview:focus-visible{outline-offset:-5px;outline:2px solid #fff}@keyframes screening-image-in{0%{opacity:0}to{opacity:1}}@media (hover:hover){.screening-preview:hover .screening-play>svg{background:#000000a6;transform:scale(1.08)}.screening-index>li>button:hover,.screening-index>li>a:hover,.screening-original:hover,.screening-alternate:hover{color:var(--foreground)}}@media (max-width:800px){.screening-room{grid-template-columns:minmax(0,1fr);gap:30px}.screening-stage{min-height:0}.screening-stage[data-format=portrait][data-playing=true]{aspect-ratio:auto;height:min(115vw,580px)}.screening-index{max-height:345px}.screening-heading{margin-bottom:24px}}@media (max-width:480px){.screening-page-intro{flex-direction:column;align-items:start;gap:8px;margin-bottom:24px}.screening-page-intro>p{max-width:none}.screening-heading{flex-direction:column;align-items:start;gap:14px}.screening-heading h2{margin-top:10px}.screening-heading>p{max-width:none}.screening-stage[data-format=portrait][data-playing=true]{height:min(120vw,520px)}.screening-transport,.screening-caption{gap:12px}.screening-original{gap:5px}}@media (max-height:500px) and (orientation:landscape){.screening-stage,.screening-stage[data-format=portrait][data-playing=true]{aspect-ratio:auto;height:72svh;min-height:200px}}@media (prefers-reduced-motion:reduce){.studio-screening *,.studio-screening :before,.studio-screening :after{transition:none!important;animation:none!important}.screening-play>svg{transform:none!important}}