/* The old scroll vignette also paints a separate body-level header strip. */
html body.studio-ui:has(#detail#detail#detail#detail[open] .film-collection-stage)::before{display:none!important}
html body.studio-ui:has(#detail[open] .film-collection-stage):not(#project-flow-unused)>header::after{display:none!important}
html body.studio-ui:has(#detail[open] .film-collection-stage):not(#project-flow-unused)>header{background:none!important}
html body.studio-ui:has(#detail[open] .film-collection-stage):not(#project-flow-unused)>header::before{content:""!important;display:block!important;position:fixed!important;inset:0 0 auto!important;height:calc(var(--audit-top) + 64px)!important;background:#000!important;opacity:var(--project-header-fill,0)!important;transition:none!important;pointer-events:none!important;z-index:-1!important}
/* The projected sleeve and disc share the existing stage-copy scroll fade. */
html body.studio-ui:has(#detail[open] .film-collection-stage) .object-target.record-selected:is(:hover,:focus-visible)::after,
html body.studio-ui[data-room-hover=hetniets]:has(#detail[open]) [data-object=hetniets].record-selected::after,
html body.studio-ui[data-room-hover=remixed]:has(#detail[open]) [data-object=remixed].record-selected::after,
html body.studio-ui[data-room-hover=destructie]:has(#detail[open]) [data-object=destructie].record-selected::after,
html body.studio-ui[data-room-hover=ali]:has(#detail[open]) [data-object=ali].record-selected::after,
html body.studio-ui:has(#detail[open]) .vinyl-play-action[data-ready=true]:has(.vinyl-play-target:hover,.vinyl-play-target:focus-visible) .vinyl-play-hint{opacity:calc(var(--context-chrome-opacity,1) * var(--media-text-opacity,1))!important}
html body.studio-ui.project-scrolling:has(#detail[open]) .object-target.record-selected::after,
html body.studio-ui.project-scrolling:has(#detail[open]) .vinyl-play-hint{transition:none!important;pointer-events:none!important}
html.project-entry-cover::after{content:"";position:fixed;inset:0;background:#000;z-index:2147483646;pointer-events:none;opacity:1}
html.project-entry-reveal::after{opacity:0;transition:opacity 320ms ease}
@media(prefers-reduced-motion:reduce){html.project-entry-reveal::after{transition:none}}