/* 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}