/* Fade only the physical collection introduction, never the scrolled page. */
body[data-media-arriving="true"] :is(.collection-heading,.album-caption,.shelf-title,#context-action,#archive-nav){opacity:0!important;pointer-events:none}
body :is(.collection-heading,.album-caption,.shelf-title,#context-action,#archive-nav){transition:opacity .55s ease!important}

body #detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail .film-collection-stage::after{animation:mediaVignetteArrival 1.15s linear both!important}
@keyframes mediaVignetteArrival{from{opacity:0}to{opacity:1}}
body #detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail .film-collection-stage::after{transition:opacity .55s ease!important}

/* The central header joins the late information dissolve. */
html body.media-leaving #detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail{opacity:1!important;animation:none!important;transform:none!important;pointer-events:none}
html body.media-leaving #detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail .film-collection-stage::after{opacity:0!important;animation:none!important;transition:opacity 1.15s ease!important}
html body.media-leaving #detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail :is(.collection-heading,.stage-meta-line,.collection-meta){opacity:0!important;transition:opacity .45s ease!important}

html body #detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail .film-collection-stage::after{opacity:var(--media-vignette,1)!important;animation:none!important;transition:none!important}

/* A shared arrival envelope also drives the fixed caption clones. */
html body.studio-ui #detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail :is(.collection-project-name,.collection-heading,.collection-counter,.collection-meta,.stage-meta-line,.album-caption,.shelf-title){opacity:var(--media-text-opacity,1)!important;animation:none!important;transition:none!important}

body[data-media-arriving="true"]>footer,body[data-media-arriving="true"]>#archive-nav{opacity:0!important;transition:opacity .38s ease!important}
body>footer,body>#archive-nav{transition:opacity .50s ease!important}


body.studio-ui[data-active-panel="contact"] .contact-panel{opacity:var(--contact-window-opacity,0)!important;animation:none!important;}

html body.studio-ui #detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail .film-collection-stage::after{z-index:5!important;}
html body.studio-ui #detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail .collection-toolbar :is(.collection-project-name,.collection-heading,.collection-counter){opacity:1!important;}

/* Return chrome uses one fade envelope, matching the existing logo. */
html body[data-header-returning] header > *,html body[data-header-returning] footer{opacity:var(--return-title-alpha,0)!important;transition:color 520ms ease!important}

html body[data-header-returning] #set-overview#set-overview#set-overview#set-overview#set-overview#set-overview#set-overview#set-overview#set-overview#set-overview#set-overview#set-overview#set-overview{opacity:var(--return-title-alpha,0)!important;transition:color 520ms ease!important}

/* Only the temporary footer paints during its return fade. Preserve layout. */
body[data-footer-return-bridge] footer:not([data-return-bridge]){content-visibility:hidden!important}

#project-back-studio{position:fixed!important;right:32px!important;top:22px!important;width:auto!important;height:44px!important;padding:0!important;border:0!important;background:none!important;font:400 12px/18px 'Studio Mono',monospace!important;color:inherit!important;cursor:pointer!important;z-index:1500!important}
#project-back-studio[hidden]{display:none!important}
body[data-project-page-back] header .about-link.desktop-about,body[data-project-page-back] header .mobile-menu{visibility:hidden!important}
@media(max-width:700px){#project-back-studio{right:20px!important;top:12px!important;font-size:11px!important}}

/* Offscreen project documents do not compete with the first camera travel. */
body[data-media-arriving]:not(.project-content-active) #detail .project-information,
body[data-media-arriving]:not(.project-content-active) #detail .film-hero{content-visibility:hidden;contain-intrinsic-size:auto 720px}

/* One studio chrome envelope: old project header never overlays the shelf. */
html body[data-cinematic-project-return] header,html body[data-cinematic-project-return] footer,html body[data-cinematic-project-return] #studio-fixed-footer{opacity:var(--project-return-chrome,0)!important;transition:none!important}
html body[data-cinematic-project-return] header > *,html body[data-cinematic-project-return] header .wordmark img{opacity:1!important;animation:none!important;transition:none!important}
html body[data-cinematic-project-return] header{background:transparent!important;backdrop-filter:none!important}

/* Latest decision: studio UI remains visible throughout project exit. */
html body[data-cinematic-project-return] > header,html body[data-cinematic-project-return] > footer{z-index:10000!important;opacity:1!important}
html body.studio-ui.studio-ui.studio-ui.studio-ui.studio-ui.studio-ui.studio-ui.studio-ui.studio-ui.studio-ui[data-inspection-returning] > header::before,
html body.studio-ui.studio-ui.studio-ui.studio-ui.studio-ui.studio-ui.studio-ui.studio-ui.studio-ui.studio-ui[data-inspection-returning] > header::after{content:none!important;display:none!important;background:none!important;backdrop-filter:none!important;transition:none!important}

html body.studio-ui.studio-ui .object-target.record-selected::after{left:50%!important;transform:translateX(-50%)!important;opacity:var(--media-text-opacity,1)!important;transition:none!important}
html body.studio-ui[data-media-returning=true] .object-target.record-selected::after{opacity:var(--media-text-opacity,0)!important}
html body[data-inspection-returning]:not(#project-return-unused-a):not(#project-return-unused-b) > header::before,
html body[data-inspection-returning]:not(#project-return-unused-a):not(#project-return-unused-b) > header::after{content:none!important;display:none!important;background:none!important;box-shadow:none!important;backdrop-filter:none!important;transition:none!important}