/* Approved UI review, 5 October 2026. Published website only. */
@font-face{font-family:'Studio Sans';src:url('/fonts/InstrumentSans-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Studio Sans';src:url('/fonts/InstrumentSans-Medium.woff2') format('woff2');font-weight:500 800;font-display:swap}
:root{--type-sans:'Studio Sans',Arial,sans-serif;--type-mono:'Studio Sans',Arial,sans-serif;--ui-font:var(--type-sans)}
body.studio-ui{--type-sans:'Studio Sans',Arial,sans-serif;--type-mono:'Studio Sans',Arial,sans-serif;--ui-font:var(--type-sans);--review-rule:#2225;--review-panel:rgba(246,245,242,.96);--review-ink:#20211f;--review-muted:#60625c;font-family:var(--type-sans)}
body.studio-ui.night{--review-rule:#ffffff32;--review-panel:rgba(19,20,18,.96);--review-ink:#eeeee9;--review-muted:#aaaDA5}
body.studio-ui :is(button,summary,input,textarea,select,label,h1,h2,h3,h4,p,dt,dd,figcaption,.eyebrow,.collection-meta,.collection-credit,.shelf-meta,.index-row strong,.index-row small,#object-hint strong,#object-hint small){font-family:var(--type-sans)!important;letter-spacing:normal;word-spacing:normal}
body.studio-ui :is(.collection-counter,.reader-page-number,[data-page-total],.player-time){font-family:'Studio Mono',monospace!important;font-variant-numeric:tabular-nums}
body.studio-ui :is(p,dd){text-align:left;line-height:1.45}
body.studio-ui #detail#detail#detail :is(.project-fields dd,.product-description,.product-description p,.project-introduction>.prose,.project-introduction>.prose p,[data-fact=logline] dd){font-size:18px!important;line-height:1.45!important}
body.studio-ui #detail#detail#detail .project-fields :is([data-fact="release date"],[data-fact=runtime],[data-fact=label],[data-fact=year],[data-fact=language],[data-fact=pages]) dd{font-size:16px!important}
body.studio-ui #detail#detail#detail :is(.fact-people dd,.credit-grid dd,.credit-item dd){font-size:16px!important;line-height:1.4!important}
body.studio-ui #detail#detail#detail :is(.credit-grid dd,.credit-item dd){font-size:14px!important;line-height:20px!important}
body.studio-ui #detail#detail#detail :is(.credit-grid dt,.credit-item dt,.project-fields dt){font-size:12px!important;line-height:18px!important;margin:0 0 5px!important}
body.studio-ui #detail#detail#detail :is(.project-fields dd,.credit-item dd){margin:0!important}
body.studio-ui #detail#detail#detail .project-fields dd p{margin:0 0 16px!important}body.studio-ui #detail#detail#detail .project-fields dd p:last-child{margin-bottom:0!important}
body.studio-ui #detail#detail#detail .project-fields{gap:26px!important}
body.studio-ui #detail#detail#detail .film-page .film-fact-columns{grid-template-columns:repeat(3,minmax(0,1fr))!important;column-gap:40px!important}
body.studio-ui #detail#detail#detail .film-page .credit-grid{column-gap:40px!important}
body.studio-ui #detail#detail#detail .film-page [data-fact=logline]{max-width:56ch}
body.studio-ui #detail#detail#detail .film-page .film-information{padding-top:80px!important}
body.studio-ui #detail#detail#detail .product-description p{margin:0 0 18px!important;max-width:58ch}
body.studio-ui #detail#detail#detail:is([data-mode=film],[data-mode=page]):has(.film-page,.media-project){--review-rule:#ffffff32;--detail-ink:#eeeee9;--film-paper:#000;--detail-paper:#000;color:#eeeee9!important;background:#000!important}
body.studio-ui #detail#detail#detail :is(.film-page,.media-project) :is(.film-information,.film-screen,.video-player,.video-item){background-color:#000!important;color:#eeeee9}
body.studio-ui #detail#detail#detail :is(.film-page,.media-project) :is(.project-fields dt,.credit-item dt){color:#aaaDA5!important}
body.studio-ui #detail#detail#detail :is(.film-page,.media-project) :is(p,dd,summary){color:#eeeee9}
body.studio-ui #detail#detail#detail :is(.music-credits,.mobile-credits,.rich-credits,.project-stills-disclosure,.script-description),body.studio-ui #studio-index-popup .index-role-group{border-top:1px solid var(--review-rule)!important;border-bottom:1px solid var(--review-rule)!important}
body.studio-ui #detail#detail#detail :is(.film-page,.media-project) :is(.music-credits,.mobile-credits,.rich-credits){border-color:#ffffff32!important;margin-top:44px!important}
body.studio-ui #detail#detail#detail details>summary,body.studio-ui #studio-index-popup details>summary{list-style:none!important;position:relative;display:flex;align-items:center;min-height:50px;padding:12px 32px 12px 0!important;gap:8px;font-size:13px!important;line-height:20px!important;text-transform:uppercase;letter-spacing:.02em!important;font-weight:400}
body.studio-ui details>summary::-webkit-details-marker{display:none}
body.studio-ui #detail#detail#detail details>summary::after,body.studio-ui #studio-index-popup details>summary::after{content:'+'!important;position:absolute;right:2px;top:50%;transform:translateY(-50%);font:400 20px/1 var(--type-sans);border:0;background:none;width:auto;height:auto}
body.studio-ui #detail#detail#detail details[open]>summary::after,body.studio-ui #studio-index-popup details[open]>summary::after{content:'−'!important}
body.studio-ui #detail#detail#detail :is(.project-credits,.credit-group){border:0!important}
body.studio-ui #detail#detail#detail details .project-credits{margin-top:16px!important;padding-top:0!important}
body.studio-ui #detail#detail#detail details .project-credits>h2{display:none}
body.studio-ui #detail#detail#detail :is(.scroll-reveal,.reveal-pending,.reveal-enter){animation:none!important;transform:none!important;opacity:1!important;filter:none!important}
body.studio-ui #detail#detail#detail .audit-reveal{opacity:var(--audit-opacity,1)!important;transition:opacity .22s ease!important;transform:none!important}
body.studio-ui #detail#detail#detail :is(summary,.collection-toolbar,.stage-information){opacity:1!important}
body.studio-ui #detail#detail#detail :is(.film-stills,.campaign-gallery){gap:20px!important;align-items:start}
body.studio-ui #detail#detail#detail .film-stills img{margin:0!important;min-width:0;max-width:100%;height:auto}
body.studio-ui #detail#detail#detail .record-project .film-stills{grid-template-columns:repeat(4,minmax(0,1fr))!important}
body.studio-ui #detail#detail#detail .video-item figcaption,body.studio-ui #detail#detail#detail .about-reel figcaption{text-align:left!important;font-size:12px!important;line-height:18px!important;margin-top:8px!important}
body.studio-ui #detail#detail#detail :is(.about-bio p,.blog-entry .prose p,.favorite-note p){font-size:16px!important;line-height:1.5!important;max-width:62ch;margin-bottom:18px}
body.studio-ui #detail#detail#detail[data-panel=about] .about-cv summary{font-size:18px!important;text-transform:none;letter-spacing:0!important}
body.studio-ui #detail#detail#detail[data-panel=about] .about-page>.eyebrow{display:none}
body.studio-ui #detail#detail#detail:is([data-panel=about],[data-panel=notes],[data-panel=contact]),body.studio-ui #detail#detail#detail[data-panel^="note-"]{--detail-ink:var(--review-ink);--detail-muted:var(--review-muted);color:var(--review-ink)!important}
body.studio-ui #detail#detail#detail:is([data-panel=about],[data-panel=notes]) .surface,body.studio-ui #detail#detail#detail[data-panel^="note-"] .surface{padding:32px!important}
body.studio-ui #detail#detail#detail[data-panel=clothingcollection]{--review-rule:#20202030;--review-ink:#20211f;--review-muted:#60625c;color:#20211f!important}
body.studio-ui #detail#detail#detail[data-panel=clothingcollection] .surface{background:#f4f3f0!important;color:#20211f!important}
body.studio-ui #detail#detail#detail :is(.mirror-form,.blog-question-form,.contact-fields) label{display:block;font:400 12px/18px var(--type-sans)!important;text-align:left!important}
body.studio-ui #detail#detail#detail :is(input,textarea){font-size:16px!important;line-height:1.45!important}
body.studio-ui #detail#detail#detail :is(input:not([type=range]):not([type=checkbox]):not([type=file]),textarea){border:1px solid var(--review-rule)!important;border-radius:0!important;background:transparent;padding:10px!important}
body.studio-ui #detail#detail#detail :is(input,textarea):focus-visible{outline:1px solid currentColor!important;outline-offset:2px}
body.studio-ui #detail#detail#detail form :is(button[type=submit],.submit-button){font:400 14px/20px var(--type-sans)!important;min-height:44px}
body.studio-ui #detail#detail#detail .screenplay-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:24px!important;width:100%}
body.studio-ui #detail#detail#detail .screenplay-card :is(strong,small){margin:0!important;line-height:1.4!important}
body.studio-ui #detail#detail#detail .screenplay-card strong{font-size:16px!important;margin-top:10px!important}
body.studio-ui #detail#detail#detail .screenplay-card small{font-size:12px!important;margin-top:6px!important}
body.studio-ui #detail#detail#detail .reader-heading,body.studio-ui #detail#detail#detail .reader-toolbar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px 14px;margin:0 0 8px!important}
body.studio-ui #detail#detail#detail .reader-toolbar[hidden]{display:none!important}
body.studio-ui #detail#detail#detail .reader-toolbar button{min-width:44px;min-height:44px}
body.studio-ui #detail#detail#detail .paper-edge{display:none!important}
body.studio-ui .clothing-years{position:static!important;inset:auto!important;transform:none!important;margin:0 0 24px!important;text-align:left!important;font:400 13px/20px var(--type-sans)!important}
body.studio-ui .clothing-paging{margin:20px 0!important;align-items:center}
body.studio-ui .clothing-paging button{min-width:44px;min-height:44px}
body.studio-ui #detail#detail#detail .favorite-note{background:var(--review-panel)!important;color:var(--review-ink)!important;padding:24px!important;max-width:680px}
body.studio-ui #detail#detail#detail .favorite-note p{color:inherit!important}
body.studio-ui #detail#detail#detail .demo-row :is(strong,span){text-transform:none!important}
body.studio-ui #object-hint,body.studio-ui #object-hint[data-surface]{background:var(--review-panel)!important;color:var(--review-ink)!important;padding:10px 14px!important;box-shadow:none!important;backdrop-filter:none!important;text-shadow:none!important;border:1px solid var(--review-rule)!important;border-radius:0}
body.studio-ui #object-hint strong{font:400 14px/20px var(--type-sans)!important}
body.studio-ui #object-hint small{font:400 12px/17px var(--type-sans)!important;color:var(--review-muted)!important;opacity:1!important}
body.studio-ui #set-overview{font:400 14px/20px var(--type-sans)!important;letter-spacing:.02em!important;text-transform:uppercase}
body.studio-ui[data-active-panel] #set-overview::after{content:'×';display:inline-block;margin-left:10px;opacity:0;transition:opacity .2s;font-size:18px}
body.studio-ui[data-active-panel] #set-overview:is(:hover,:focus-visible)::after{opacity:1}
body.studio-ui[data-audit-index] #set-overview::after{display:none}
body.studio-ui :is(.project-fields,.prose,.product-copy,.document-end,.object-links,.about-representation) a{color:inherit!important;text-decoration:none!important;background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-position:0 100%;background-size:0 1px;transition:background-size .25s ease}
body.studio-ui :is(.project-fields,.prose,.product-copy,.document-end,.object-links,.about-representation) a:is(:hover,:focus-visible){background-size:100% 1px;text-decoration:none!important}
body.studio-ui :is(button,a,summary):focus-visible{outline:1px solid currentColor;outline-offset:4px}
body.studio-ui .audit-icon{width:18px!important;height:18px!important;display:inline-block;flex-shrink:0;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
body.studio-ui :is(.collection-controls,.shelf-pages,.garment-paging) button{min-width:44px!important;min-height:44px!important;display:inline-flex!important;align-items:center;justify-content:center}
body.studio-ui #studio-index-popup .index-role-group summary>svg{display:none}
body.studio-ui #studio-index-popup .index-role-group .index-role-group .index-kind{visibility:hidden}
body.studio-ui #studio-index-popup .index-role-group .index-role-group{margin-left:16px;border-bottom:0!important}
body.studio-ui #studio-index-popup .index-header{position:static!important}
body.studio-ui #studio-index-popup .index-column-headings{position:static!important;background:none!important}
body.studio-ui .audit-main-menu{display:none}
body.studio-ui .audit-inline-work{margin:0;padding:10px 0 18px 48px;font-size:14px;color:var(--review-muted)}
body.studio-ui .audit-inline-work p{margin:0 0 5px}
body.studio-ui #player :is(button,svg){font-family:var(--type-sans)!important}
body.studio-ui #player button{min-width:44px!important;min-height:44px!important}
body.studio-ui #player input[type=range]{appearance:none;height:20px;background:transparent;accent-color:currentColor}
body.studio-ui #player input[type=range]::-webkit-slider-runnable-track{height:2px;background:currentColor}
body.studio-ui #player input[type=range]::-webkit-slider-thumb{appearance:none;width:10px;height:10px;border-radius:0;background:currentColor;margin-top:-4px}
body.studio-ui #player input[type=range]::-moz-range-track{height:2px;background:currentColor}
body.studio-ui #player input[type=range]::-moz-range-thumb{width:10px;height:10px;border:0;border-radius:0;background:currentColor}
body.studio-ui #studio-time button{font:400 14px/20px var(--type-sans)!important;min-height:44px}
@media(max-width:700px){
 body.studio-ui #detail#detail#detail :is(.product-description p,.project-introduction>.prose p,[data-fact=logline] dd){font-size:17px!important;line-height:25px!important}
 body.studio-ui #detail#detail#detail .film-page .film-fact-columns{display:flex!important;flex-direction:column;gap:26px!important}
 body.studio-ui #detail#detail#detail .film-page .film-information{padding-top:44px!important}
 body.studio-ui #detail#detail#detail .film-page .fact-release{display:grid!important;grid-template-columns:1fr 1fr!important}
 body.studio-ui #detail#detail#detail .record-project .film-stills,body.studio-ui #detail#detail#detail .screenplay-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
 body.studio-ui #detail#detail#detail .campaign-gallery{gap:14px!important}
 body.studio-ui #detail#detail#detail .screenplay-card strong{font-size:14px!important}
 body.studio-ui #detail#detail#detail:is([data-panel=about],[data-panel=notes]) .surface,body.studio-ui #detail#detail#detail[data-panel^="note-"] .surface{padding:22px!important}
 body.studio-ui #detail#detail#detail .collection-meta,body.studio-ui #detail#detail#detail .collection-credit,body.studio-ui #detail#detail#detail .shelf-meta{font-size:12px!important;line-height:18px!important;letter-spacing:0!important}
 body.studio-ui #detail#detail#detail .stage-information{font-size:14px!important;line-height:20px!important;min-height:44px}
 body.studio-ui header #set-overview{display:block!important;max-width:calc(100vw - 180px)!important;font-size:12px!important;line-height:16px!important;white-space:normal!important;overflow:hidden;max-height:44px;text-overflow:ellipsis}
 body.studio-ui[data-active-panel] #set-overview::after{display:none}
 body.studio-ui[data-active-panel] #set-overview::before{content:'‹';margin-right:6px}
 body.studio-ui header .audit-mobile-music{display:none!important}
 body.studio-ui .audit-main-menu{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;border-bottom:1px solid var(--review-rule);padding:0 0 18px;margin:0 0 20px}
 body.studio-ui .audit-main-menu button{font-size:18px;line-height:24px;text-align:left;min-height:44px}
 body.studio-ui #studio-index-popup .index-column-headings{display:none!important}
 body.studio-ui #studio-index-popup .index-row{grid-template-columns:32px minmax(0,1fr) 42px!important;grid-template-rows:auto auto;gap:2px 10px!important;padding:10px 0!important;min-height:64px}
 body.studio-ui #studio-index-popup .index-row>:is(img,.initial){grid-column:1;grid-row:1/3}
 body.studio-ui #studio-index-popup .index-row>strong{grid-column:2;grid-row:1;font-size:15px;line-height:20px}
 body.studio-ui #studio-index-popup .index-row>.index-kind{grid-column:2;grid-row:2;font-size:12px;line-height:17px}
 body.studio-ui #studio-index-popup .index-row>.index-year{grid-column:3;grid-row:1/3;align-self:center;font-size:12px}
 body.studio-ui #studio-index-popup .index-role-group .index-role-group .index-kind{display:none}
 body.studio-ui #studio-index-popup .index-role-group .index-role-group .index-row>strong{grid-row:1/3}
 body.studio-ui #detail#detail#detail .mirror-form .contact-fields{margin-top:24px!important}
 body.studio-ui[data-set-focus=youtube] .shelf-title{top:auto!important;bottom:54px!important;left:20px!important;width:calc(100vw - 40px)!important;padding:16px!important;background:var(--review-panel)!important;color:var(--review-ink)!important}
 body.studio-ui[data-set-focus=youtube] .object-links a{min-height:42px}
 body.studio-ui #detail#detail#detail .reader-toolbar{gap:2px 8px!important}.reader-heading button{min-height:40px}
}
@media(prefers-reduced-motion:reduce){body.studio-ui #detail#detail#detail .audit-reveal{opacity:1!important;transition:none!important}body.studio-ui a{transition:none!important}}
/* The studio chrome shares one frame: identical edges and optical centre lines. */
body.studio-ui{--audit-edge:32px;--audit-top:28px;--audit-bottom:24px}
body.studio-ui>header{inset:var(--audit-top) var(--audit-edge) auto!important;padding:0!important;height:44px!important;display:flex!important;align-items:center!important;justify-content:space-between!important}
body.studio-ui>header .wordmark{width:88px!important;display:flex;align-items:center;height:44px}
body.studio-ui>header .wordmark img{width:88px!important;height:auto!important}
body.studio-ui>header :is(.about-link,.mobile-menu){position:static!important;margin:0!important;padding:0!important;min-height:44px;font:400 14px/20px var(--type-sans)!important;text-transform:uppercase}
body.studio-ui #set-overview{position:fixed!important;left:50%!important;top:var(--audit-top)!important;bottom:auto!important;transform:translateX(-50%)!important;min-height:44px!important;margin:0!important;padding:0!important;display:flex!important;align-items:center;justify-content:center}
body.studio-ui>footer{inset:auto var(--audit-edge) var(--audit-bottom)!important;padding:0!important;height:44px!important;display:flex!important;align-items:center!important;justify-content:space-between!important}
body.studio-ui>footer #archive-nav{position:static!important;display:flex;align-items:center;gap:28px!important;height:44px;margin:0!important;padding:0!important}
body.studio-ui>footer #archive-nav button{font:400 14px/20px var(--type-sans)!important;min-height:44px!important;padding:0!important;text-transform:uppercase}
body.studio-ui>footer .explore-cue{position:absolute!important;left:50%!important;top:0!important;bottom:auto!important;transform:translateX(-50%)!important;display:flex!important;align-items:center;height:44px;font:400 14px/20px var(--type-sans)!important;white-space:nowrap;margin:0!important;padding:0!important}
body.studio-ui>footer .room-controls{position:static!important;display:flex!important;align-items:center;gap:8px;margin:0!important;height:44px}
body.studio-ui>footer .room-controls button{display:grid;place-items:center;min-height:44px;width:44px;padding:0!important}
body.studio-ui>footer .room-controls button:last-child{width:24px}
body.studio-ui #player:not([hidden]){right:var(--audit-edge)!important;bottom:var(--audit-bottom)!important;left:auto!important;transform:none!important;width:auto!important;min-width:176px;display:flex!important;align-items:center;gap:0!important;height:44px!important;padding:0!important}
body.studio-ui #player #playing-cover{display:none!important}
body.studio-ui #player #previous{order:0!important}body.studio-ui #player #play-pause{order:1!important}body.studio-ui #player #next{order:2!important}body.studio-ui #player #player-expand{order:3!important}
body.studio-ui:has(#player:not([hidden]))>footer .room-controls{visibility:hidden}
@media(max-width:900px) and (min-width:701px){body.studio-ui>footer .explore-cue{font-size:12px!important}body.studio-ui>footer #archive-nav{gap:18px!important}}
@media(max-width:700px){body.studio-ui{--audit-edge:20px;--audit-top:14px;--audit-bottom:16px}body.studio-ui>header .wordmark,body.studio-ui>header .wordmark img{width:68px!important}body.studio-ui>header .desktop-about{display:none!important}body.studio-ui>header .mobile-menu{display:block!important}body.studio-ui #set-overview{font-size:12px!important;max-width:calc(100vw - 174px)!important;line-height:16px!important}body.studio-ui>footer #archive-nav,body.studio-ui>footer .explore-cue{display:none!important}body.studio-ui>footer{justify-content:flex-end!important}body.studio-ui #player:not([hidden]){min-width:176px;max-width:calc(100vw - 40px)}body.studio-ui #player #player-details{right:0!important;left:auto!important}}

body.studio-ui>footer #archive-nav button{text-align:left!important}body.studio-ui>header .about-link{text-align:right!important;min-width:44px!important}
body.studio-ui #detail#detail#detail .blog-question label{text-align:left!important;font:400 12px/18px var(--type-sans)!important;margin:0 0 5px!important}
html.audit-page-switch{view-transition-name:none}html.audit-page-switch #detail{view-transition-name:project-page}
::view-transition-group(project-page){animation-duration:360ms;animation-timing-function:cubic-bezier(.22,.61,.36,1)}
::view-transition-old(project-page){animation:audit-page-out 360ms cubic-bezier(.22,.61,.36,1) both;mix-blend-mode:normal}
::view-transition-new(project-page){animation:audit-page-in 360ms cubic-bezier(.22,.61,.36,1) both;mix-blend-mode:normal}
@keyframes audit-page-out{to{transform:translateX(var(--page-exit-x));opacity:.4}}
@keyframes audit-page-in{from{transform:translateX(var(--page-enter-x));opacity:.4}to{transform:translateX(0);opacity:1}}
@media(prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}
body.studio-ui #detail#detail#detail .project-fields dd :is(p,li){font-size:inherit!important;line-height:inherit!important}
body.studio-ui #detail#detail#detail .credit-grid dd :is(p,li){font-size:14px!important;line-height:20px!important}
body.studio-ui #detail#detail#detail .about-reel figcaption,body.studio-ui #detail#detail#detail .about-reel-caption{text-align:left!important}
body.studio-ui>footer .explore-cue{display:flex!important;align-items:center!important}
@media(max-width:700px){body.studio-ui>footer .explore-cue{display:none!important}}
body.studio-ui>header #set-overview#set-overview#set-overview#set-overview{position:absolute!important;top:0!important;left:50%!important;bottom:auto!important;transform:translateX(-50%)!important}
body.studio-ui #studio-time button{font-size:14px!important;line-height:20px!important;min-height:44px!important}

body.studio-ui #detail#detail#detail details>summary>.work-toggle{display:none!important}
body.studio-ui #detail#detail#detail[data-panel=about] .about-label{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%);padding:0!important;margin:0!important}
body.studio-ui #detail#detail#detail:is([data-panel=about],[data-panel=notes]) .surface{background:var(--review-panel)!important;color:var(--review-ink)!important}
@media(max-width:700px){body.studio-ui>header #set-overview#set-overview#set-overview#set-overview{display:flex!important;align-items:center!important;justify-content:center!important;width:calc(100vw - 174px)!important;max-width:calc(100vw - 174px)!important;height:44px!important;font-size:12px!important;line-height:16px!important;white-space:normal!important;text-align:center!important}}
/* Shared editorial hierarchy; titles and credited names retain their own spelling. */
body.studio-ui #detail#detail#detail :is(.film-page,.media-project) .project-fields dt{font-weight:400!important;text-transform:none!important;letter-spacing:0!important}
body.studio-ui #detail#detail#detail :is(.film-page,.media-project) .credit-item dt{font-weight:400!important;text-transform:none!important;letter-spacing:0!important}
body.studio-ui #detail#detail#detail :is(.film-page,.media-project) .credit-item dd{font-size:14px!important;line-height:20px!important}
body.studio-ui #detail#detail#detail :is(.film-page,.media-project) .project-fields :is(dd,p){text-align:left!important;word-spacing:normal!important;letter-spacing:normal!important;overflow-wrap:break-word}
body.studio-ui #detail#detail#detail :is(.film-page,.media-project) :is(.project-stills>h2,.film-stills-heading){font:400 13px/20px var(--type-sans)!important;text-transform:uppercase!important;letter-spacing:.02em!important;margin:0 0 16px!important}
body.studio-ui #detail#detail#detail .document-end{display:flex!important;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
body.studio-ui #detail#detail#detail .document-end :is(button,a){font:400 13px/20px var(--type-sans)!important;min-height:44px;display:inline-flex;align-items:center;text-transform:uppercase!important;letter-spacing:.02em!important}
body.studio-ui #detail#detail#detail :is(.film-page,.media-project) .project-fields dd{font-size:16px!important;line-height:23px!important}
body.studio-ui #detail#detail#detail :is(.film-page,.media-project) .project-fields [data-fact=logline] dd{font-size:18px!important;line-height:26px!important}
body.studio-ui #detail#detail#detail .product-description p{font-size:18px!important;line-height:26px!important}
@media(max-width:700px){body.studio-ui #detail#detail#detail :is(.film-page,.media-project) .project-fields [data-fact=logline] dd,body.studio-ui #detail#detail#detail .product-description p{font-size:17px!important;line-height:25px!important}}
body.studio-ui #detail#detail#detail .project-fields [data-fact=runtime] dd{font-variant-numeric:tabular-nums;letter-spacing:0!important}
body.studio-ui #detail#detail#detail :is(.film-page,.media-project) .project-photographs>h2{font:400 13px/20px var(--type-sans)!important;text-transform:uppercase!important;letter-spacing:.02em!important;margin:0 0 16px!important}
/* Studio-stage labels leave with the object; disclosure controls remain readable. */
body.studio-ui #detail#detail#detail :is(.collection-toolbar,.stage-information){opacity:var(--inspection-controls-opacity,1)!important}

/* Small compositor-only reveals. No scroll interception or animated blur. */
body.studio-ui #detail#detail#detail .audit-reveal{opacity:var(--audit-opacity,1)!important;translate:0 var(--audit-lift,0px);transition:opacity .28s ease-out,translate .38s cubic-bezier(.22,1,.36,1)!important}
@media(prefers-reduced-motion:reduce){body.studio-ui #detail#detail#detail .audit-reveal{translate:none!important;transition:none!important;opacity:1!important}}

/* The canvas covers the viewport; exposed/overscrolled edges must never be white. */
html:has(body.studio-ui){background:#000;overscroll-behavior:none}
body.studio-ui{background:#000!important;overscroll-behavior:none}
body.studio-ui #room canvas{display:block}
body[data-arrival=focusing] #arrival-curtain{animation-duration:1.85s;animation-delay:.2s;animation-timing-function:cubic-bezier(.4,0,.2,1)}
/* Product pages: one large artwork, secondary videos fill the same grid. */
body.studio-ui #detail#detail#detail .record-project .product-introduction{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr)!important;gap:clamp(28px,5vw,72px)!important;align-items:start!important}
body.studio-ui #detail#detail#detail :is(.record-project,.paper-project) .product-art-pair[data-cover-carousel]{display:flex!important;gap:0!important;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;max-width:100%;width:100%;padding:0!important;scale:calc(.98 + .02 * var(--audit-opacity,1));transition:scale .4s cubic-bezier(.22,1,.36,1)}
body.studio-ui #detail#detail#detail [data-cover-carousel]::-webkit-scrollbar{display:none}
body.studio-ui #detail#detail#detail [data-cover-carousel]>figure{flex:0 0 100%!important;min-width:100%!important;width:100%!important;aspect-ratio:1;margin:0!important;padding:0!important;scroll-snap-align:start;scroll-snap-stop:always;transform:none!important}
body.studio-ui #detail#detail#detail [data-cover-carousel]>figure img{width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important;display:block}
body.studio-ui #detail#detail#detail .cover-paging{display:flex;justify-content:center;align-items:center;gap:18px;margin:12px 0 0;padding:0}
body.studio-ui #detail#detail#detail .cover-paging button{width:44px;height:44px;display:grid;place-items:center;padding:0;color:inherit;background:none;border:0}
body.studio-ui #detail#detail#detail .cover-paging button:disabled{opacity:.25}
body.studio-ui #detail#detail#detail .cover-paging span{font:12px/20px 'Studio Mono',monospace;font-variant-numeric:tabular-nums}
body.studio-ui #detail#detail#detail .media-project .media-load{width:100%!important;max-width:none!important;aspect-ratio:16/9!important;overflow:hidden}
body.studio-ui #detail#detail#detail .media-project .media-load>img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;position:absolute;inset:0}
body.studio-ui #detail#detail#detail .project-stills-disclosure{border-top:0!important}
body.studio-ui #detail#detail#detail :is(.film-stills-section,.project-stills,.stills-section){border-top:0!important}
body.studio-ui #detail#detail#detail .clothing-years{display:none!important}
body.studio-ui #detail#detail#detail .contact-representation{margin-top:24px!important;padding-top:24px!important}
body.studio-ui #detail#detail#detail .polish-contact-about{display:flex!important;justify-content:space-between;align-items:center;min-height:44px;margin:20px 0 0!important;padding:14px 0 0!important;border-top:1px solid var(--review-rule);font:400 13px/20px var(--type-sans)!important;text-transform:none!important;color:inherit!important}
body.studio-ui #detail#detail#detail .polish-contact-about::after{content:none!important;display:none!important}
body.studio-ui #studio-index-popup#studio-index-popup details{border-top:1px solid var(--review-rule)!important;border-bottom:0!important}
body.studio-ui #studio-index-popup#studio-index-popup details>summary{border:0!important}
body.studio-ui #studio-index-popup#studio-index-popup .index-role-group summary>.index-role-icon{display:inline-block!important;width:18px;height:18px;flex:0 0 18px;margin-right:4px}
body.studio-ui #project-music{display:none;position:absolute;right:72px;top:0;width:44px;height:44px;padding:0;align-items:center;justify-content:center;color:inherit;background:none;border:0}
body.studio-ui.project-music-mode #project-music:not([hidden]){display:flex!important}
body.studio-ui.project-music-mode #sound-toggle{display:none!important}
body.studio-ui.project-music-mode #player>button{display:none!important}
body.studio-ui.project-music-mode #player{background:none!important;border:0!important;box-shadow:none!important}
body.studio-ui.project-music-mode #player-details:not([hidden]){position:fixed!important;top:82px!important;bottom:auto!important;right:32px!important;left:auto!important;width:min(380px,calc(100vw - 40px))!important;max-height:calc(100dvh - 110px);overflow:auto;z-index:300}
@media(max-width:700px){
 body.studio-ui #detail#detail#detail .record-project .product-introduction{grid-template-columns:1fr!important;gap:28px!important}
 body.studio-ui #project-music{right:48px;width:36px}
 body.studio-ui.project-music-mode #player-details:not([hidden]){right:20px!important;top:70px!important}
}
@media(prefers-reduced-motion:reduce){body.studio-ui #detail#detail#detail [data-cover-carousel]{scale:1!important;transition:none!important;scroll-behavior:auto}}

/* Artwork controls belong to the image, not another information row. */
body.studio-ui #detail#detail#detail .cover-shell{position:relative}
body.studio-ui #detail#detail#detail .cover-paging{position:absolute;inset:0;justify-content:space-between;margin:0;padding:0 8px;pointer-events:none;opacity:0;transition:opacity .2s}
body.studio-ui #detail#detail#detail .cover-paging span{display:none}
body.studio-ui #detail#detail#detail .cover-paging button{pointer-events:auto;border-radius:0;background:#0007;color:white;backdrop-filter:blur(8px)}
body.studio-ui #detail#detail#detail .cover-paging button:disabled{visibility:hidden}
body.studio-ui #detail#detail#detail .cover-shell:is(:hover,:focus-within) .cover-paging{opacity:1}
@media(hover:none),(pointer:coarse){body.studio-ui #detail#detail#detail .cover-paging{opacity:1}}
body.studio-ui.project-music-mode #player{z-index:200!important}
/* Project backgrounds are black, including the header's sampled surface. */
body.studio-ui.project-music-mode>header{--navigation-ink:#f5f5ef;--studio-navigation-color:#f5f5ef;color:#f5f5ef!important}
body.studio-ui.project-music-mode>header :is(button,a){color:#f5f5ef!important}
body.studio-ui.project-music-mode[data-navigation-surface]>header .wordmark{background:#f5f5ef!important}

body.studio-ui #detail#detail#detail .cover-paging button{border-radius:0;background:none;backdrop-filter:none;filter:drop-shadow(0 1px 2px #000b)}
body.studio-ui #detail#detail#detail :is(.record-project,.paper-project) .film-stills{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important}
body.studio-ui #detail#detail#detail .project-videos figcaption{min-height:0!important;margin:10px 0 0!important}
body.studio-ui #detail#detail#detail .project-videos .music-credits{margin:16px 0 0!important}
body.studio-ui #detail#detail#detail .project-videos .video-item{margin-bottom:0!important;padding-bottom:0!important}
@media(max-width:520px){body.studio-ui #detail#detail#detail :is(.record-project,.paper-project) .film-stills{grid-template-columns:1fr!important}}
body.studio-ui.project-music-mode #player#player#player{position:fixed!important;inset:0!important;width:auto!important;max-width:none!important;min-width:0!important;height:0!important;transform:none!important;filter:none!important;backdrop-filter:none!important;contain:none!important;pointer-events:none!important}
body.studio-ui.project-music-mode #player#player#player>button{display:none!important}
body.studio-ui.project-music-mode #player#player #player-details#player-details{position:fixed!important;inset:82px 32px auto auto!important;width:min(380px,calc(100vw - 40px))!important;max-width:none!important;height:auto!important;min-height:100px!important;padding:20px!important;background:#191919!important;color:#eee!important;border:1px solid #ffffff30!important;pointer-events:auto!important;transform:none!important;filter:none!important}
@media(max-width:700px){body.studio-ui.project-music-mode #player#player #player-details#player-details{inset:70px 20px auto auto!important}}
body.studio-ui #detail#detail#detail .project-videos>.music-video{width:100%!important;max-width:none!important;grid-column:auto!important;justify-self:stretch!important}
body.studio-ui.project-music-mode #player#player #volume{accent-color:#ddd}
/* Live hotfix: readable hints, quiet panels and consistent media rhythm. */
body.studio-ui #object-hint#object-hint{background:#151515!important;color:#f4f4ef!important;border:1px solid #ffffff24!important;max-width:min(320px,calc(100vw - 32px));}
body.studio-ui #object-hint#object-hint strong{color:#f4f4ef!important;opacity:1!important}
body.studio-ui #object-hint#object-hint small{color:#bdbdb8!important}
#studio-index-popup#studio-index-popup:focus,#studio-index-popup#studio-index-popup:focus-visible{outline:none!important;box-shadow:none!important}
body.studio-ui #detail#detail#detail .favorite-note{background:transparent!important;border:0!important;padding:0!important}
body.studio-ui #detail#detail#detail .favorite-note>summary{width:auto!important;max-width:none!important;min-width:0!important;gap:10px!important;justify-content:center!important;padding:0 12px!important;bottom:calc(72px + env(safe-area-inset-bottom))!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;}
body.studio-ui #detail#detail#detail .favorite-note>summary::after{position:static!important;margin:0!important;flex:none!important}
body.studio-ui #detail#detail#detail .favorite-note-paper{background:#191919f5!important;color:#eee!important;--float-muted:#aaa;--float-ink:#eee;width:min(40vw,520px)!important;inset:104px 32px 170px auto!important;box-sizing:border-box;}
body.studio-ui #detail#detail#detail .favorite-note-paper :is(h2,p,.eyebrow){color:inherit!important}
@media(max-width:699px){body.studio-ui #detail#detail#detail .favorite-note-paper{width:auto!important;inset:84px 20px 160px!important;background:#191919fa!important}}
body.studio-ui #detail#detail#detail .record-project .project-photographs{max-width:1000px;margin-left:auto!important;margin-right:auto!important}
body.studio-ui #detail#detail#detail .record-project .film-stills{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important}
@media(max-width:800px){body.studio-ui #detail#detail#detail .record-project .film-stills{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}}
@media(max-width:520px){body.studio-ui #detail#detail#detail .record-project .film-stills{grid-template-columns:1fr!important}}
body.studio-ui #detail#detail#detail .film-page .project-stills-disclosure{margin-top:28px!important;padding-top:0!important}
body.studio-ui #detail#detail#detail .about-page .media-load{width:100%!important;max-width:none!important;position:relative;aspect-ratio:16/9!important;overflow:hidden}
body.studio-ui #detail#detail#detail .about-page .media-load img{width:100%!important;height:100%!important;object-fit:cover!important;position:absolute;inset:0}
body.studio-ui #detail#detail#detail .about-socials{margin:28px 0 24px!important;padding-top:16px!important;border-top:1px solid var(--review-rule)}
body.studio-ui.compact-music-ui #sound-toggle{display:none!important}
body.studio-ui.compact-music-ui #project-music{display:flex!important;pointer-events:auto}
body.studio-ui.compact-music-ui #project-music.at-footer{position:fixed!important;top:auto!important;right:var(--audit-edge)!important;bottom:var(--audit-bottom)!important;}
body.studio-ui.compact-music-ui>footer .room-controls{visibility:visible!important;display:flex!important;padding-right:48px!important}
body.studio-ui.compact-music-ui #player#player#player{position:fixed!important;inset:0!important;height:0!important;width:auto!important;min-width:0!important;transform:none!important;filter:none!important;backdrop-filter:none!important;pointer-events:none!important;z-index:200!important;background:none!important;border:0!important;box-shadow:none!important}
body.studio-ui.compact-music-ui #player#player#player>button{display:none!important}
body.studio-ui.compact-music-ui #player#player #player-details#player-details{position:fixed!important;inset:auto 32px 82px auto!important;width:min(380px,calc(100vw - 40px))!important;max-width:none!important;height:auto!important;max-height:calc(100dvh - 180px);overflow:auto;min-height:100px!important;padding:20px!important;background:#191919!important;color:#eee!important;border:1px solid #ffffff30!important;pointer-events:auto!important;transform:none!important}
body.studio-ui.compact-music-ui.project-music-mode #player#player #player-details#player-details{inset:82px 32px auto auto!important}
body.studio-ui.music-playing #project-music svg{animation:music-pulse 1s ease-in-out infinite alternate}
@keyframes music-pulse{from{transform:scaleY(.65)}to{transform:scaleY(1)}}
@media(prefers-reduced-motion:reduce){body.studio-ui.music-playing #project-music svg{animation:none}}
body.studio-ui #detail#detail#detail .favorite-note>summary{position:fixed!important;width:max-content!important;min-height:44px!important;height:44px!important;}
body.studio-ui #detail#detail#detail .favorite-note>summary::after{inset:auto!important;transform:none!important}

body.studio-ui #detail#detail#detail .book-art-pair[data-cover-carousel]>figure{aspect-ratio:3/4}
body.studio-ui #detail#detail#detail .favorite-note-paper{bottom:auto!important;height:auto!important;max-height:calc(100dvh - 274px)!important;min-height:0!important;padding:24px!important}
@media(max-width:699px){body.studio-ui #detail#detail#detail .favorite-note-paper{max-height:calc(100dvh - 244px)!important}}
/* Continuous scroll fades must not chase a fresh CSS transition every frame. */
body.studio-ui #detail#detail#detail .audit-reveal{translate:none!important;transition:none!important;will-change:auto}
body.studio-ui #detail#detail#detail [data-cover-carousel]{scale:1!important;transition:none!important}
body.studio-ui #detail#detail#detail .book-inspection .book-paging{position:absolute!important;top:calc(100% + 16px)!important;bottom:auto!important;left:0!important;right:0!important;margin:0!important;z-index:20}
body.studio-ui #detail#detail#detail .paper-project .film-collection-stage::after{background:linear-gradient(#0000 78%,#000 100%)!important}
body.studio-ui [data-object=book].media-selected::after{background:#151515!important;color:#f4f4ef!important;z-index:30!important;font:400 13px/20px var(--type-sans)!important}

/* A light, scroll-linked reveal: the artwork rises inside its own mask. */
body.studio-ui #detail#detail#detail .cover-shell{clip-path:none;translate:none;overflow:hidden}
body.studio-ui #detail#detail#detail .favorite-note>summary{font-size:13px!important;letter-spacing:.035em!important;font-weight:400!important;gap:9px!important}
body.studio-ui #detail#detail#detail .favorite-note>summary::after{content:""!important;width:12px!important;height:12px!important;background:linear-gradient(currentColor,currentColor) center/12px 1px no-repeat,linear-gradient(currentColor,currentColor) center/1px 12px no-repeat!important;border:0!important;opacity:.8}
body.studio-ui #detail#detail#detail .favorite-note[open]>summary::after{background:linear-gradient(currentColor,currentColor) center/12px 1px no-repeat!important}
@media(prefers-reduced-motion:reduce){body.studio-ui #detail#detail#detail .cover-shell{clip-path:none;translate:none}}
body.studio-ui [data-object=book].media-selected::after{display:none!important}
.book-action-hint{position:fixed;z-index:50;transform:translateX(-50%);padding:7px 11px;background:#151515;color:#f4f4ef;font:400 13px/20px var(--type-sans);pointer-events:none;white-space:nowrap}
.book-action-hint[hidden]{display:none}

body.studio-ui #detail#detail#detail :is(.record-project,.paper-project) .product-visual{align-self:start!important;margin-top:0!important;padding-top:0!important;position:relative!important;top:auto!important}
body.studio-ui #detail#detail#detail .cover-shell.cover-awaiting [data-cover-carousel]{opacity:0!important;transform:translateY(18px)!important}
body.studio-ui #detail#detail#detail .cover-shell.cover-entered [data-cover-carousel]{animation:cover-arrival .85s cubic-bezier(.22,1,.36,1) both}
@keyframes cover-arrival{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
body.studio-ui #detail#detail#detail .favorite-note>summary .note-close::after{content:none!important}
body.studio-ui #detail#detail#detail .favorite-note[open]>summary::after{content:""!important}
body.studio-ui>header::before{content:"";position:fixed;inset:0 0 auto;height:150px;pointer-events:none;z-index:-1;background:linear-gradient(#0007,#0003 45%,#0000);opacity:0;transition:opacity .45s ease}
body.studio-ui:has(#detail[open] .film-collection-stage)>header::before{opacity:1}
@media(prefers-reduced-motion:reduce){body.studio-ui #detail#detail#detail .cover-shell [data-cover-carousel]{animation:none!important;opacity:1!important;transform:none!important}}

@keyframes floating-arrival{from{opacity:0;translate:0 7px}to{opacity:1;translate:0 0}}
body.studio-ui :is(#studio-index-popup[open],#player-details:not([hidden]),.favorite-note[open] .favorite-note-paper,.about-panel,.contact-panel){animation:floating-arrival .32s cubic-bezier(.22,1,.36,1)}
@media(prefers-reduced-motion:reduce){body.studio-ui :is(#studio-index-popup,#player-details,.favorite-note-paper,.about-panel,.contact-panel){animation:none!important}}
/* One shared middle line for category, artist/year and navigation. */
body.studio-ui #detail#detail#detail .collection-toolbar{height:44px!important;min-height:44px!important;align-items:center!important}
body.studio-ui #detail#detail#detail .collection-toolbar .collection-heading{position:absolute!important;left:50%!important;top:0!important;bottom:auto!important;height:44px!important;transform:translateX(-50%)!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;margin:0!important}
body.studio-ui #detail#detail#detail .collection-toolbar :is(.collection-meta,.collection-credit,.collection-counter){position:static!important;translate:none!important;transform:none!important;display:flex!important;align-items:center!important;height:44px!important;line-height:20px!important;padding:0!important;margin:0!important}
body.studio-ui>header :is(.desktop-about,.mobile-menu,#set-overview){align-items:center!important;justify-content:center!important;line-height:20px!important;padding-block:0!important}
body.studio-ui>header .desktop-about{display:flex!important}
body.studio-ui>header .wordmark img{translate:0 -2px}
@media(max-width:700px){body.studio-ui>header .desktop-about{display:none!important}body.studio-ui>header .mobile-menu{display:flex!important}}
body.studio-ui #detail#detail#detail .collection-toolbar .collection-heading{gap:0!important;flex-direction:row!important}
/* Hidden collections must stay hidden even when their layout is a grid. */
body.studio-ui #detail#detail#detail .screenplay-grid[hidden]{display:none!important}
body.studio-ui #detail#detail#detail:is([data-panel=notes],[data-panel^="note-"],[data-panel=archive]){background:#191919f5!important;color:#eeeee9!important;border:0!important;outline:none!important;--review-panel:#191919;--review-ink:#eeeee9;--review-muted:#b5b5b0;--review-rule:#ffffff32;--detail-ink:#eeeee9;--detail-muted:#b5b5b0;--detail-paper:#191919}
body.studio-ui #detail#detail#detail:is([data-panel=notes],[data-panel^="note-"],[data-panel=archive]) .surface{background:transparent!important;border:0!important;color:#eeeee9!important;box-shadow:none!important}
body.studio-ui #detail#detail#detail:is([data-panel=notes],[data-panel^="note-"],[data-panel=archive]) :is(p,h1,h2,h3,strong,summary,button,label,a){color:#eeeee9!important}
body.studio-ui #detail#detail#detail:is([data-panel=notes],[data-panel^="note-"],[data-panel=archive]) :is(small,.eyebrow,.blog-entry-heading p){color:#b5b5b0!important}
body.studio-ui #detail#detail#detail[data-panel=notes] :is(textarea,input){background:#242424!important;color:#eeeee9!important;border:1px solid #ffffff40!important}
body.studio-ui #detail#detail#detail[data-panel=archive] [aria-pressed=true]{background:#ffffff14!important;color:#fff!important;border-color:#ffffff70!important}

body.studio-ui #detail#detail#detail[data-panel=archive] .screenplay-card-title{color:#eeeee9!important;font-size:15px!important;line-height:1.35!important}
body.studio-ui #detail#detail#detail[data-panel=archive] .screenplay-meta small{opacity:1!important;color:#b5b5b0!important}
body.studio-ui #detail#detail#detail .blog-back{display:block!important;width:max-content;min-height:44px;margin:0 0 14px!important;padding:0!important;background:none!important;border:0!important;font:400 13px/20px var(--type-sans)!important;text-transform:uppercase!important;letter-spacing:.025em!important}
body.studio-ui #detail#detail#detail .youtube-note .object-links{position:static!important;display:grid!important;gap:18px!important;margin:16px 0 0!important;opacity:1!important;transform:none!important}
body.studio-ui #detail#detail#detail .youtube-note .object-links a{color:#eee!important;opacity:1!important;animation:none!important;transform:none!important}

body.studio-ui #detail#detail#detail[data-panel=youtube] .shelf-title>strong{display:none!important}

body.studio-ui #detail#detail#detail .youtube-note .favorite-note-paper{top:46%!important;transform:translateY(-50%)!important}
body.studio-ui #detail#detail#detail .youtube-note .object-links{margin:0!important}
@media(max-width:699px){body.studio-ui #detail#detail#detail .youtube-note .favorite-note-paper{top:84px!important;transform:none!important}}
body.studio-ui #detail#detail#detail[data-panel=youtube] .shelf-footer{display:none!important}
/* One media field, with a single expanded video at a time. */
body.studio-ui #detail#detail#detail .unified-gallery{max-width:1000px;margin:36px auto 0;padding:0;border:0;width:100%}
body.studio-ui #detail#detail#detail .unified-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important;align-items:start}
body.studio-ui #detail#detail#detail .unified-grid>img{width:100%!important;aspect-ratio:16/9!important;height:auto!important;object-fit:cover!important;margin:0!important}
body.studio-ui #detail#detail#detail .gallery-video{min-width:0;margin:0!important;padding:0!important;background:none;scroll-margin-top:100px}
body.studio-ui #detail#detail#detail .gallery-video .video-item{margin:0!important;width:100%!important;max-width:none!important;opacity:1!important}
body.studio-ui #detail#detail#detail .gallery-video .media-load{width:100%!important;aspect-ratio:16/9!important;max-width:none!important;margin:0!important}
body.studio-ui #detail#detail#detail .gallery-video .film-play svg{width:36px!important;height:36px!important}
body.studio-ui #detail#detail#detail .gallery-video figcaption{font-size:12px!important;line-height:18px!important;margin-top:8px!important}
body.studio-ui #detail#detail#detail .gallery-video:not(.is-expanded) .music-credits{display:none!important}
body.studio-ui #detail#detail#detail .gallery-video.is-expanded{grid-column:1/-1!important;padding-bottom:12px!important}
body.studio-ui #detail#detail#detail .gallery-player{display:block;width:100%;height:auto;aspect-ratio:16/9;border:0;background:#000}
body.studio-ui #detail#detail#detail .gallery-video.is-expanded .music-credits{margin-top:20px!important}
body.studio-ui #detail#detail#detail .gallery-video.is-expanded .credit-group{opacity:1!important}
body.studio-ui #detail#detail#detail .gallery-close{display:block;margin:0 0 10px auto;padding:0;min-height:36px;background:none;border:0;color:inherit;font:400 12px/20px var(--type-sans);text-transform:uppercase}
@media(max-width:900px){body.studio-ui #detail#detail#detail .unified-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}}
@media(max-width:540px){body.studio-ui #detail#detail#detail .unified-grid{grid-template-columns:1fr!important}}
/* Fixed action bar: About, one contextual action, lighting and sound. */
body.context-footer-ui>footer{display:flex!important;opacity:1!important;visibility:visible!important;pointer-events:none;z-index:400!important}
body.context-footer-ui>footer #archive-nav{display:flex!important;pointer-events:auto}
body.context-footer-ui>footer #archive-nav button:not([data-open=about]){display:none!important}
body.context-footer-ui>footer .explore-cue{display:none!important}
body.context-footer-ui>footer .room-controls{visibility:visible!important;opacity:1!important;pointer-events:auto}
body.context-footer-ui #project-music{position:fixed!important;top:auto!important;bottom:var(--audit-bottom)!important;right:var(--audit-edge)!important;display:flex!important;z-index:450}
body.context-footer-ui #player-details:not([hidden]){top:auto!important;bottom:82px!important;right:var(--audit-edge)!important}
body.context-footer-ui .context-action{position:fixed;left:50%;bottom:var(--audit-bottom);transform:translateX(-50%);height:44px;max-width:calc(100vw - 260px);display:flex;align-items:center;justify-content:center;gap:9px;padding:0;background:none;border:0;color:var(--detail-ink,currentColor);font:400 13px/20px var(--type-sans);text-transform:uppercase;white-space:nowrap;z-index:450}
body.context-footer-ui:has(#detail[open] .film-collection-stage) .context-action{color:#eee}
body.context-footer-ui .context-action[data-symbol]::after{content:'';width:12px;height:12px;background:linear-gradient(currentColor,currentColor) center/12px 1px no-repeat,linear-gradient(currentColor,currentColor) center/1px 12px no-repeat}
body.context-footer-ui .context-action[data-symbol=minus]::after{background:linear-gradient(currentColor,currentColor) center/12px 1px no-repeat}
body.context-footer-ui #detail#detail#detail :is(.favorite-note>summary,.stage-information,[data-read-book]){visibility:hidden!important;pointer-events:none!important}
body.context-footer-ui .book-action-hint,body.context-footer-ui .object-target::after{display:none!important}
@media(max-width:700px){body.context-footer-ui .context-action{font-size:11px;max-width:calc(100vw - 190px);white-space:normal;line-height:15px;text-align:center}body.context-footer-ui>footer #archive-nav button{font-size:12px!important}}
html body.studio-ui.context-footer-ui:has(#detail#detail#detail)>footer{display:flex!important;opacity:1!important;visibility:visible!important;transform:none!important}
html body.studio-ui.context-footer-ui:has(#detail#detail#detail)>footer #archive-nav{display:flex!important;opacity:1!important;visibility:visible!important}
html body.studio-ui.context-footer-ui:has(#detail#detail#detail)>footer .footer-desktop-about{display:block!important}
html body.studio-ui.context-footer-ui:has(#detail#detail#detail[open] .film-collection-stage)>footer :is(#archive-nav,.room-controls){color:#eee!important}

/* Quiet object-menu composition: one centered cluster below the model. */
html body.studio-ui #detail#detail#detail .film-collection-stage .collection-toolbar{position:absolute!important;top:66%!important;bottom:auto!important;left:var(--audit-edge)!important;right:var(--audit-edge)!important;display:flex!important;flex-direction:column!important;gap:18px!important;height:auto!important;min-height:0!important;text-align:center!important}
html body.studio-ui #detail#detail#detail .film-collection-stage .collection-heading{position:static!important;transform:none!important;translate:none!important;display:flex!important;flex-direction:column!important;gap:7px!important;width:100%!important;height:auto!important;min-height:0!important}
html body.studio-ui #detail#detail#detail .film-collection-stage .collection-project-name{display:block!important;visibility:visible!important;position:static!important;clip-path:none!important;width:auto!important;height:auto!important;overflow:visible!important;margin:0!important;padding:0!important;font:400 clamp(20px,2.1vw,28px)/1.2 var(--type-sans)!important;text-transform:uppercase!important;color:#eee!important}
html body.studio-ui #detail#detail#detail .film-collection-stage :is(.collection-meta,.collection-credit){display:none!important}
html body.studio-ui #detail#detail#detail .film-collection-stage .stage-meta-line{display:block;color:#bbb;font:400 14px/20px var(--type-sans)!important}
html body.studio-ui #detail#detail#detail .film-collection-stage .collection-controls{position:static!important;justify-content:center!important;width:auto!important;margin:0!important;gap:10px!important}
body.context-footer-ui #set-overview{transition:opacity .22s ease!important}
body.context-footer-ui.stage-menu-active #set-overview{opacity:0!important;pointer-events:none!important}
/* Only the content travels sideways; chrome stays in place. */
html.audit-page-switch body>header{view-transition-name:studio-header}
html.audit-page-switch #set-overview{view-transition-name:project-title}
html.audit-page-switch body>footer{view-transition-name:studio-footer}
::view-transition-group(studio-header),::view-transition-group(studio-footer){animation:none}
::view-transition-old(studio-header),::view-transition-old(studio-footer){display:none}
::view-transition-new(studio-header),::view-transition-new(studio-footer){animation:none}
::view-transition-group(project-title){animation:none}
::view-transition-old(project-title){display:none}
::view-transition-new(project-title){animation:none;mix-blend-mode:normal}
/* Video tiles span two columns, while keeping the film's 16:9 preview. */
body.studio-ui #detail#detail#detail .gallery-video:not(.is-expanded){grid-column:span 2!important}
@media(min-width:1100px){body.studio-ui #detail#detail#detail .unified-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:540px){body.studio-ui #detail#detail#detail .gallery-video:not(.is-expanded){grid-column:1!important}}
body.context-footer-ui #context-action{font-family:var(--type-sans)!important;text-transform:uppercase!important;letter-spacing:.025em!important}

/* Reading mode leaves the content clear; playback remains accessible by Index. */
html body.studio-ui.context-footer-ui.project-content-active:has(#detail#detail#detail)>footer{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
html body.studio-ui.context-footer-ui.project-content-active:has(#detail#detail#detail)>footer *{pointer-events:none!important}
html body.studio-ui.context-footer-ui.stage-menu-active:has(#detail#detail#detail)>footer button{color:#eee!important}
html body.studio-ui.context-footer-ui.project-content-active #project-music{position:absolute!important;top:0!important;bottom:auto!important;right:72px!important;color:#eee!important}
html body.studio-ui.context-footer-ui #project-music[hidden]{display:none!important}
html body.studio-ui.context-footer-ui.project-content-active #player-details:not([hidden]){top:82px!important;bottom:auto!important}
html body.studio-ui #detail#detail#detail .film-collection-stage .collection-project-name{text-transform:none!important}
@media(max-width:700px){html body.studio-ui.context-footer-ui.project-content-active #project-music{right:48px!important}}
html body.studio-ui #detail#detail#detail#detail .unified-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:22px!important;align-items:start!important}
html body.studio-ui #detail#detail#detail#detail .unified-grid>img{align-self:start!important;height:auto!important;min-height:0!important;aspect-ratio:16/9!important}
@media(max-width:1099px){html body.studio-ui #detail#detail#detail#detail .unified-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:540px){html body.studio-ui #detail#detail#detail#detail .unified-grid{grid-template-columns:1fr!important}}

@media(min-width:1100px){html body.studio-ui #detail#detail#detail#detail .gallery-video:not(.is-expanded){grid-row:span 2!important}}

html body.studio-ui #detail#detail#detail .collection-counter[hidden]{display:none!important}

@media(min-aspect-ratio:6/5){html body.studio-ui #detail#detail#detail .film-collection-stage .collection-toolbar{top:71%!important;gap:10px!important}}
body.context-footer-ui[data-navigation-surface=white]:not(.stage-menu-active):not(.project-content-active) :is(#context-action,#project-music){color:#161616!important}
body.context-footer-ui[data-navigation-surface=black] :is(#context-action,#project-music){color:#eee!important}
body.context-footer-ui.stage-menu-active #project-music{color:#eee!important}
html body.studio-ui.context-footer-ui:has(#detail#detail#detail)>footer #archive-nav{position:fixed!important;left:var(--audit-edge)!important;right:auto!important;bottom:var(--audit-bottom)!important;transform:none!important;translate:none!important;margin:0!important;height:44px!important;align-items:center!important}
body.studio-ui>header{isolation:isolate}
body.studio-ui:has(#detail[open] .film-collection-stage)>header::before{background:linear-gradient(#0009,#0004 45%,#0000)}

@media(max-aspect-ratio:6/5){html body.studio-ui #detail#detail#detail .film-collection-stage:has([data-film-content]) .collection-toolbar{top:73%!important;gap:10px!important}}
html body.studio-ui.context-footer-ui.stage-menu-active:has(#detail#detail#detail)>footer #archive-nav button{opacity:1!important}

html body.studio-ui #detail#detail#detail .film-collection-stage .collection-counter{font:400 13px/20px var(--type-sans)!important;color:#eee!important}

html body.studio-ui #detail#detail#detail .film-collection-stage .stage-meta-line{color:#eee!important;font:400 14px/20px var(--type-sans)!important}
html body.studio-ui.context-footer-ui:has(#detail#detail#detail#detail)>footer{opacity:var(--context-chrome-opacity,1)!important}
html body.studio-ui.context-footer-ui.stage-menu-active:has(#detail#detail#detail#detail)>footer :is(#archive-nav,#archive-nav button){opacity:1!important;visibility:visible!important;color:#eee!important}
html body.studio-ui.context-footer-ui.stage-menu-active #project-music{opacity:var(--context-chrome-opacity,1)!important}

html body.studio-ui.context-footer-ui:has(#detail#detail#detail#detail)>footer .room-controls{position:fixed!important;left:auto!important;right:calc(var(--audit-edge) + 48px)!important;bottom:var(--audit-bottom)!important;width:44px!important;height:44px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;transform:none!important;translate:none!important}

/* One footer control pair, including on small screens. */
html body.studio-ui.context-footer-ui:has(#detail#detail#detail#detail)>footer .room-controls{right:calc(var(--audit-edge) + 44px)!important}
html body.studio-ui.context-footer-ui:has(#detail#detail#detail#detail)>footer #weather-toggle{width:44px!important}
html body.studio-ui.context-footer-ui:not(.project-content-active) #project-music{right:var(--audit-edge)!important;width:44px!important}
html body.studio-ui.context-footer-ui #sound-toggle,html body.studio-ui.context-footer-ui #player>:not(#player-details){display:none!important}
html body.studio-ui #studio-index-popup#studio-index-popup :is(button,input,summary,strong,span,small,h1,h2,p){font-family:var(--type-sans)!important;font-weight:400!important;letter-spacing:normal!important}
html body.studio-ui #studio-index-popup#studio-index-popup .index-row strong{font-size:15px!important;line-height:20px!important}
html body.studio-ui #studio-index-popup#studio-index-popup :is(.index-kind,.index-year){font-size:12px!important;line-height:18px!important}
@media(max-width:700px){html body.studio-ui #studio-index-popup#studio-index-popup .audit-main-menu button{font:400 15px/20px var(--type-sans)!important}html body.studio-ui #studio-index-popup#studio-index-popup .index-tabs button{font:400 13px/20px var(--type-sans)!important}}
html body.studio-ui.context-footer-ui:has(#studio-index-popup[open]) #set-overview::before{display:none!important}
@media(max-width:700px){
html body.studio-ui #studio-index-popup#studio-index-popup#studio-index-popup .index-row{display:grid!important;grid-template-columns:32px minmax(0,1fr) 42px!important;grid-template-rows:auto auto!important;gap:2px 10px!important}
html body.studio-ui #studio-index-popup#studio-index-popup#studio-index-popup .index-row>:is(img,.initial){grid-column:1!important;grid-row:1/3!important}
html body.studio-ui #studio-index-popup#studio-index-popup#studio-index-popup .index-row>strong{grid-column:2!important;grid-row:1!important}
html body.studio-ui #studio-index-popup#studio-index-popup#studio-index-popup .index-row>.index-kind{grid-column:2!important;grid-row:2!important;text-align:left!important}
html body.studio-ui #studio-index-popup#studio-index-popup#studio-index-popup .index-row>.index-year{grid-column:3!important;grid-row:1/3!important;text-align:right!important;align-self:center!important}
}
/* Mobile review: same type system, compact index, no duplicate chrome. */
html body.studio-ui #set-overview::before{display:none!important;content:none!important}
html body.studio-ui #detail#detail#detail#detail .project-photographs{border:0!important;padding-top:0!important;margin-top:28px!important}
html body.studio-ui #detail#detail#detail#detail :is(.mobile-credits,.music-credits)>summary{border:0!important}
@media(max-width:700px){
html body.studio-ui #studio-index-popup#studio-index-popup#studio-index-popup{position:fixed!important;inset:76px 20px auto!important;width:calc(100% - 40px)!important;height:auto!important;max-height:calc(100dvh - 96px)!important;margin:0!important;padding:0!important;overflow:auto!important;border-radius:0!important}
html body.studio-ui #studio-index-popup#studio-index-popup#studio-index-popup .index-surface{padding:20px!important;width:100%!important;min-height:0!important;box-sizing:border-box!important}
html body.studio-ui #studio-index-popup#studio-index-popup#studio-index-popup .audit-main-menu{display:none!important}
html body.studio-ui #studio-index-popup#studio-index-popup#studio-index-popup .index-header{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:14px!important;margin:0 0 14px!important;padding:0!important}
html body.studio-ui #studio-index-popup#studio-index-popup#studio-index-popup .index-header .eyebrow{display:none!important}
html body.studio-ui #studio-index-popup#studio-index-popup#studio-index-popup h1{font:400 18px/24px var(--type-sans)!important;margin:0!important}
html body.studio-ui #studio-index-popup#studio-index-popup#studio-index-popup .search{width:100%!important;min-width:0!important;height:44px!important;padding:10px!important;font:400 16px/22px var(--type-sans)!important;box-sizing:border-box!important}
html body.studio-ui #studio-index-popup#studio-index-popup#studio-index-popup .category-tabs{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:14px!important;margin:0 0 8px!important;padding:0!important}
html body.studio-ui #studio-index-popup#studio-index-popup#studio-index-popup .category-tabs button{flex:0 0 auto!important;min-height:44px!important;padding:0!important;font:400 12px/18px var(--type-sans)!important}
html body.studio-ui #studio-index-popup#studio-index-popup#studio-index-popup .index-row{min-height:64px!important;padding:10px 0!important}
html body.studio-ui #studio-index-popup#studio-index-popup#studio-index-popup .index-row img{width:32px!important;height:42px!important;object-fit:contain!important}
html body.studio-ui #detail#detail#detail#detail :is(.project-fields dd,.product-description p,.prose p){font-family:var(--type-sans)!important}
html body.studio-ui #detail#detail#detail#detail :is(.credit-item dd,.credit-grid dd){font-size:14px!important;line-height:20px!important}
}

@media(max-width:700px){html body.studio-ui #studio-index-popup#studio-index-popup#studio-index-popup .category-tabs{border-bottom:0!important}}

@media(max-width:700px){
html body.studio-ui #detail#detail#detail#detail[data-panel=contact]{overflow-x:hidden!important}
html body.studio-ui #detail#detail#detail#detail :is(.product-description,.product-description p){font:400 17px/25px var(--type-sans)!important}
html body.studio-ui #detail#detail#detail#detail .project-photographs>h2{font:400 13px/20px var(--type-sans)!important}
}
@media(max-width:700px){
html body.studio-ui #detail#detail#detail#detail :is(.film-hero,.film-information){padding-left:20px!important;padding-right:20px!important}
html body.studio-ui #detail#detail#detail#detail :is(.project-fields dd,.fact-people dd){font:400 17px/25px var(--type-sans)!important}
html body.studio-ui #detail#detail#detail#detail .project-fields :is([data-fact="release date"],[data-fact=runtime],[data-fact=label],[data-fact=year],[data-fact=language],[data-fact=pages]) dd{font-size:16px!important;line-height:23px!important}
html body.studio-ui #detail#detail#detail#detail .unified-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
html body.studio-ui #detail#detail#detail#detail .gallery-video:not(.is-expanded){grid-column:span 2!important;grid-row:auto!important}
}
/* Gallery chapters share exact edges and expand at the point of interaction. */
html body.studio-ui #detail#detail#detail#detail .unified-grid{display:flex!important;flex-direction:column!important;gap:32px!important}
html body.studio-ui #detail#detail#detail#detail .gallery-section{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;width:100%;align-items:start}
html body.studio-ui #detail#detail#detail#detail .gallery-section>.gallery-video{grid-column:1!important;grid-row:1!important}
html body.studio-ui #detail#detail#detail#detail .gallery-section.video-right>.gallery-video{grid-column:2!important}
html body.studio-ui #detail#detail#detail#detail .gallery-section-photos{grid-column:2;grid-row:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
html body.studio-ui #detail#detail#detail#detail .gallery-section.video-right>.gallery-section-photos{grid-column:1}
html body.studio-ui #detail#detail#detail#detail :is(.gallery-section-photos,.gallery-remainder)>img{display:block;width:100%!important;min-height:0!important;height:auto!important;aspect-ratio:16/9!important;object-fit:cover!important;margin:0!important;align-self:start!important}
html body.studio-ui #detail#detail#detail#detail .gallery-section .media-load{aspect-ratio:auto!important;height:100%!important}
html body.studio-ui #detail#detail#detail#detail .gallery-section:not(.is-expanded) .video-item>.media-load{aspect-ratio:16/9!important}
html body.studio-ui #detail#detail#detail#detail .gallery-section:is(.is-expanded,.video-only)>.gallery-video{grid-column:1/-1!important;grid-row:1!important}
html body.studio-ui #detail#detail#detail#detail .gallery-section.is-expanded>.gallery-section-photos{grid-column:1/-1;grid-row:2;grid-template-columns:repeat(4,minmax(0,1fr))}
html body.studio-ui #detail#detail#detail#detail .gallery-remainder{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;width:100%}
html body.studio-ui #detail#detail#detail#detail .unified-gallery .audit-reveal{opacity:var(--audit-opacity,1)!important}
html body.studio-ui #detail#detail#detail#detail .audit-reveal{transition:opacity 140ms linear!important}
html body.studio-ui #detail#detail#detail#detail [data-cover-carousel]{animation:none!important;opacity:1!important;transform:none!important}
@media(max-width:700px){
html body.studio-ui #detail#detail#detail#detail .gallery-section{grid-template-columns:1fr;gap:16px}
html body.studio-ui #detail#detail#detail#detail .gallery-section>.gallery-video,html body.studio-ui #detail#detail#detail#detail .gallery-section.video-right>.gallery-video{grid-column:1!important;grid-row:1!important}
html body.studio-ui #detail#detail#detail#detail .gallery-section>.gallery-section-photos,html body.studio-ui #detail#detail#detail#detail .gallery-section.video-right>.gallery-section-photos{grid-column:1;grid-row:2;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
html body.studio-ui #detail#detail#detail#detail .gallery-remainder{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
}
@media(prefers-reduced-motion:reduce){html body.studio-ui #detail#detail#detail#detail .audit-reveal{transition:none!important;opacity:1!important}}
@media(min-width:701px){
html body.studio-ui #detail#detail#detail#detail .gallery-section:not(.is-expanded)>.gallery-section-photos{aspect-ratio:16/9;grid-template-rows:repeat(2,minmax(0,1fr))}
html body.studio-ui #detail#detail#detail#detail .gallery-section:not(.is-expanded)>.gallery-section-photos>img{height:100%!important;aspect-ratio:auto!important}
}
html body.studio-ui.context-footer-ui>footer .room-controls.room-controls.room-controls{position:fixed!important;left:auto!important;right:calc(var(--audit-edge) + 44px)!important;bottom:var(--audit-bottom)!important;width:44px!important;height:44px!important;min-width:0!important;gap:0!important;transform:none!important;translate:none!important;display:flex!important;margin:0!important;padding:0!important}
html body.studio-ui.context-footer-ui>footer #weather-toggle#weather-toggle#weather-toggle{position:static!important;inset:auto!important;transform:none!important;translate:none!important;margin:0!important;padding:0!important;flex:0 0 44px!important;width:44px!important;height:44px!important}
/* Shared chrome geometry: a true viewport centre, independent of side controls. */
html body.studio-ui>header #set-overview#set-overview#set-overview#set-overview{left:50%!important;right:auto!important;translate:none!important;width:calc(100vw - 260px)!important;max-width:calc(100vw - 260px)!important;font:400 14px/20px var(--type-sans)!important;text-align:center!important;letter-spacing:0!important}
html body.studio-ui>header #set-overview::after{position:absolute;left:calc(100% + 5px);margin:0!important}
html body.studio-ui :is(#project-music,#weather-toggle){display:flex;align-items:center!important;justify-content:center!important;opacity:1!important}
html body.studio-ui :is(#project-music,#weather-toggle) svg{width:20px!important;height:20px!important;display:block!important;margin:0!important;stroke-width:1.35!important;transform:none!important}
html body.studio-ui #object-hint#object-hint#object-hint{background:rgba(22,22,22,.72)!important;backdrop-filter:blur(16px) saturate(110%)!important;-webkit-backdrop-filter:blur(16px) saturate(110%)!important;border:1px solid #ffffff20!important;box-shadow:0 4px 20px #00000012!important}
html body.studio-ui.compact-music-ui #player#player #player-details#player-details{width:min(320px,calc(100vw - 40px))!important;padding:14px!important;min-height:0!important;background:rgba(24,24,24,.88)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;border-color:#ffffff24!important}
html body.studio-ui #player-details :is(button,input){font-family:var(--type-sans)!important}
html body.studio-ui #player-details button{min-height:36px!important}
html body.studio-ui #detail#detail#detail#detail :is(.credit-item dd,.credit-grid dd) p{margin:0!important;padding:0!important;font:inherit!important;white-space:normal!important}
html body.studio-ui #detail#detail#detail#detail :is(.credit-item dd,.credit-grid dd){white-space:normal!important}
@media(max-width:700px){
html body.studio-ui>header #set-overview#set-overview#set-overview#set-overview{width:calc(100vw - 220px)!important;max-width:calc(100vw - 220px)!important;font-size:14px!important;line-height:18px!important;max-height:44px!important}
html body.studio-ui>header :is(.mobile-menu,.about-link),html body.studio-ui.context-footer-ui>footer #archive-nav button{font:400 14px/20px var(--type-sans)!important}
html body.studio-ui.context-footer-ui #context-action{font-size:12px!important;line-height:16px!important}
}
html body.studio-ui.compact-music-ui:not(.project-content-active) #player#player #player-details#player-details{inset:auto var(--audit-edge) calc(var(--audit-bottom) + 56px) auto!important}
html body.studio-ui.compact-music-ui.project-content-active #player#player #player-details#player-details{inset:calc(var(--audit-top) + 56px) var(--audit-edge) auto auto!important}
html body.studio-ui #player-details :is(#audio-status,#player-tracks,#playing-album):empty{display:none!important}
html body.studio-ui #player-details .player-toolbar{margin:0!important;padding:0!important;min-height:36px!important}
html body.studio-ui #player-details .player-options{margin:8px 0 0!important;padding:0!important;gap:10px!important;min-height:36px!important}
html body.studio-ui #player-details #volume{appearance:none!important;-webkit-appearance:none!important;flex:1;height:2px!important;min-height:2px!important;background:#ffffff45!important;accent-color:#eee!important;border:0!important;padding:0!important}
html body.studio-ui #player-details #volume::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:0;background:#eee;border:0}
html body.studio-ui #player-details #volume::-moz-range-thumb{width:10px;height:10px;border-radius:0;background:#eee;border:0}
/* Give layout and scroll fades time to settle in both directions. */
html body.studio-ui #detail#detail#detail#detail .audit-reveal{transition:opacity 220ms linear!important}
html body.studio-ui #detail#detail#detail#detail .gallery-video :is(button,.media-load):focus:not(:focus-visible){outline:none!important;box-shadow:none!important}
html body.studio-ui #detail#detail#detail#detail .gallery-video :is(button,.media-load):focus-visible{outline:1px solid #ffffff65!important;outline-offset:4px!important}
html body.studio-ui .favorite-note[open] .favorite-note-paper{animation:note-follow-object 350ms cubic-bezier(.22,1,.36,1) 700ms both!important}
@keyframes note-follow-object{from{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}
html body.studio-ui #detail#detail#detail .collection-controls{display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important}
html body.studio-ui #detail#detail#detail .collection-controls>button{width:36px!important;height:36px!important;min-width:36px!important;padding:0!important;display:grid!important;place-items:center!important}
html body.studio-ui #detail#detail#detail .collection-counter{min-width:68px!important;width:68px!important;text-align:center!important;justify-content:center!important;font-variant-numeric:tabular-nums!important;letter-spacing:0!important}
html body.studio-ui #detail#detail#detail .collection-controls>.book-inside-action{width:auto!important;font:400 13px/20px var(--type-sans)!important;white-space:nowrap;text-transform:uppercase;color:#eee}
@media(max-width:700px){html body.studio-ui .favorite-note[open] .favorite-note-paper{animation-delay:160ms!important}}
@media(prefers-reduced-motion:reduce){html body.studio-ui .favorite-note[open] .favorite-note-paper{animation:none!important}html body.studio-ui #detail#detail#detail#detail .audit-reveal{transition:none!important}}
.vinyl-play-hint{position:fixed;z-index:460;transform:translate(-50%,-50%);padding:7px 11px;border-radius:0;background:#151515a8;color:#f4f4ef;backdrop-filter:blur(12px);font:400 12px/18px var(--type-sans);text-transform:uppercase;pointer-events:none;animation:floating-arrival 200ms ease}
.vinyl-play-hint[hidden]{display:none}
body.studio-ui>header::before{height:clamp(180px,28vh,300px)!important}
body.studio-ui:has(#detail[open] .film-collection-stage)>header::before{background:linear-gradient(#0008,#0003 48%,#0000)!important}
body.studio-ui #detail#detail#detail .paper-project .film-collection-stage::after{background:linear-gradient(#0000 60%,#0005 80%,#000 100%)!important}
/* A quiet ending and credits that belong to the product's editorial column. */
html body.studio-ui #detail#detail#detail#detail .product-copy-credits{width:100%!important;margin:28px 0 0!important}
html body.studio-ui #detail#detail#detail#detail .product-copy-credits .credit-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important}
html body.studio-ui #detail#detail#detail#detail .document-end{border-top:1px solid #ffffff26!important;padding-top:24px!important;margin-top:40px!important}
html body.studio-ui #detail#detail#detail#detail .project-copyright{font:400 10px/16px var(--type-sans)!important;letter-spacing:.02em!important;color:#92928e!important;margin:22px 0 0!important;padding:0!important;text-align:left!important}
html body.studio-ui #detail#detail#detail#detail :is(.film-information,.product-copy,.film-hero figcaption,.project-copyright),html body.studio-ui #detail#detail#detail#detail :is(.film-information,.product-copy) :is(p,dt,dd,h1,h2,h3,a,span){user-select:text!important;-webkit-user-select:text!important}
html body.studio-ui #detail :is(.film-information,.product-copy) ::selection,html body.studio-ui #detail .project-copyright::selection{background:#eee;color:#111;text-shadow:none}
html body.studio-ui.studio-ui.studio-ui.project-content-active:has(#detail)>header::before,html.audit-page-switch body.studio-ui.studio-ui.studio-ui:has(#detail)>header::before{background:#000!important;height:calc(var(--audit-top) + 56px)!important;opacity:1!important;transition:none!important}
@media(max-width:700px){html body.studio-ui #detail#detail#detail#detail .project-copyright{max-width:290px;font-size:10px!important;line-height:16px!important;margin-top:20px!important}html body.studio-ui #detail#detail#detail#detail .product-copy-credits .credit-grid{grid-template-columns:1fr!important}}
/* Shared editorial edges, panel material and object navigation. */
html body.studio-ui #detail#detail#detail#detail :is(.record-project,.paper-project) .document-width{width:100%!important;max-width:1000px!important;margin-inline:auto!important;box-sizing:border-box!important}
html body.studio-ui #detail#detail#detail#detail .document-end{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important}
html body.studio-ui #detail#detail#detail#detail .document-end button{text-transform:none!important;font:400 13px/20px var(--type-sans)!important}
html body.studio-ui #detail#detail#detail#detail .screenplay-meta{display:flex!important;flex-direction:column!important;gap:3px!important;align-items:flex-start!important}
html body.studio-ui #detail#detail#detail#detail .screenplay-meta small{margin:0!important;line-height:1.35!important}
html body.studio-ui #detail#detail#detail#detail .film-collection-stage .collection-toolbar{top:73%!important;gap:12px!important}
html body.studio-ui #detail#detail#detail#detail .collection-heading{gap:6px!important;margin:0!important}
html body.studio-ui #detail#detail#detail#detail .collection-counter{font:400 13px/20px var(--type-mono,var(--type-sans))!important;letter-spacing:.025em!important;min-width:76px!important;width:76px!important}
html body.studio-ui #detail#detail#detail#detail [data-insert-game]{display:flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;font:500 14px/20px var(--type-sans)!important;padding:12px 20px!important;border:1px solid #ffffff45!important}
html body.studio-ui #studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup{max-height:calc(100dvh - 180px)!important;bottom:96px!important}
html body.studio-ui #set-overview#set-overview#set-overview::after{content:'×'!important;opacity:0!important;font-weight:300!important}
html body.studio-ui #set-overview#set-overview#set-overview:hover::after{opacity:1!important}
@media(max-width:700px){html body.studio-ui #set-overview#set-overview#set-overview::after{opacity:1!important;right:-14px!important}html body.studio-ui #detail#detail#detail#detail .film-collection-stage .collection-toolbar{top:73%!important}}
html body.studio-ui :is(.lightbox-return,.zoomable-image):focus{outline:none!important;box-shadow:none!important}
html body.studio-ui .zoomable-image:focus-visible:not(.lightbox-return){outline:1px solid #ffffff65!important;outline-offset:3px!important}
html body.studio-ui .image-lightbox img{animation:photo-crossfade 240ms ease-out}
@keyframes photo-crossfade{from{opacity:0}to{opacity:1}}
html body.studio-ui #project-music .music-close{display:none}
html body.studio-ui #project-music.is-open .music-close{display:block}
html body.studio-ui #project-music.is-open .music-bar{display:none}
html body.studio-ui #project-music.is-playing:not(.is-open) .music-bar{transform-origin:center;animation:music-meter 900ms ease-in-out infinite alternate}
html body.studio-ui #project-music .music-bar:nth-child(2){animation-delay:-350ms!important}
html body.studio-ui #project-music .music-bar:nth-child(3){animation-delay:-650ms!important}
@keyframes music-meter{from{transform:scaleY(.4)}to{transform:scaleY(1)}}
html body.studio-ui #player-close{display:none!important}
html body.studio-ui #player-details:not([hidden]){animation:music-panel-in 200ms ease-out!important}
@keyframes music-panel-in{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
html body.studio-ui.compact-music-ui #player#player #player-details#player-details{right:var(--audit-edge)!important;background:rgba(25,25,25,.92)!important}
html body.studio-ui #detail#detail#detail .favorite-note-paper{background:rgba(25,25,25,.92)!important;backdrop-filter:blur(18px)!important}
@media(prefers-reduced-motion:reduce){html body.studio-ui :is(.image-lightbox img,#player-details:not([hidden]),#project-music .music-bar){animation:none!important}}
html body.studio-ui #detail#detail#detail#detail:is([data-mode=reader],[data-mode=panel],[data-mode=collection]):not([data-panel=clothingcollection]){background:rgba(25,25,25,.92)!important;color:#eee!important;border:1px solid #ffffff24!important;backdrop-filter:blur(18px)!important;--float-ink:#eee;--float-muted:#b5b5b0;--review-rule:#ffffff26}
html body.studio-ui #detail#detail#detail#detail:is([data-mode=reader],[data-mode=panel],[data-mode=collection]):not([data-panel=clothingcollection])>.surface{background:transparent!important;color:inherit!important}
html body.studio-ui #detail#detail#detail#detail :is(.screenplay-library,.screenplay-reader,.reader-heading,.reader-toolbar,.reader-meta){color:#eee!important}
html body.studio-ui #detail#detail#detail#detail :is(.screenplay-library,.screenplay-reader) :is(button,h1,h2,small,summary){color:inherit!important}
html body.studio-ui #studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup{background:rgba(25,25,25,.92)!important;color:#eee!important;--float-ink:#eee;--float-muted:#b5b5b0;--review-rule:#ffffff26}
html body.studio-ui #studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup :is(.index-surface,.index-header,.index-tabs,.category-tabs){background:transparent!important;color:inherit!important}
html body.studio-ui #studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup :is(button,strong,span,h1,input){color:#eee!important}
html body.studio-ui .vcr-control{font-size:0!important;color:transparent!important;background:transparent!important;border:0!important}
html body.studio-ui .vcr-control :is(svg,span),html body.studio-ui .vcr-control::before,html body.studio-ui .vcr-control::after{display:none!important}
html body.studio-ui[data-active-panel=visualizer] #detail#detail#detail .collection-toolbar{display:none!important}
html body.studio-ui.book-inspecting #detail#detail#detail .collection-heading{visibility:hidden!important}
html body.studio-ui:has(#detail[data-panel=clothingcollection][open])>header,html body.studio-ui:has(#detail[data-panel=clothingcollection][open])>footer{color:#eee!important;--ui-ink:#eee}
html body.studio-ui #detail#detail#detail#detail .book-burn-message{text-align:center!important;line-height:1.45!important;width:100%!important;margin-inline:auto!important}
html body.studio-ui #detail#detail#detail#detail .blog-ask{width:100%!important;max-width:none!important;margin:0 0 28px!important;padding:0!important;border-top:1px solid #ffffff30!important;border-bottom:1px solid #ffffff30!important}
html body.studio-ui #detail#detail#detail#detail .blog-ask>summary{padding:8px 0!important;margin:0!important;min-height:44px!important;box-sizing:border-box!important;font:400 13px/18px var(--type-sans)!important}
html body.studio-ui #detail#detail#detail#detail .blog-entry{border-color:#ffffff30!important}
html body.studio-ui #player#player#player #player-details#player-details #player-close{display:none!important}
html body.studio-ui.compact-music-ui #player#player#player #player-details#player-details#player-details{right:var(--audit-edge)!important;max-height:calc(100dvh - 180px)!important;transform-origin:bottom right}
html body.studio-ui #player#player#player #player-tracks{max-height:180px!important;overflow:auto!important}
html body.studio-ui #studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup .index-bottom{display:flex!important;justify-content:flex-start!important;align-items:center!important;gap:28px!important;border-top:1px solid #ffffff30!important;margin-top:24px!important;padding:18px 0 0!important}
html body.studio-ui #studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup .index-bottom button{font:400 13px/20px var(--type-sans)!important;text-transform:uppercase!important;min-height:32px!important;padding:0!important;margin:0!important}
html body.studio-ui:has(#detail[data-panel=clothingcollection][open])>header{opacity:1!important;visibility:visible!important;z-index:500!important}
html body.studio-ui:has(#detail[data-panel=clothingcollection][open])>header :is(button,a){color:#eee!important;opacity:1!important;visibility:visible!important}
html body.studio-ui:has(#detail[data-panel=clothingcollection][open])>header .wordmark img{filter:brightness(0) invert(1)!important}
/* One predictable chrome palette; the scene no longer samples text colours. */
html body.studio-ui{--chrome-ink:#151515;--chrome-logo:brightness(0)}
html body.studio-ui.night,html body.studio-ui:has(#detail[open],#studio-index-popup[open]){--chrome-ink:#eee;--chrome-logo:brightness(0) invert(1)}
html body.studio-ui.studio-ui.studio-ui>header :is(a,button),html body.studio-ui.studio-ui.studio-ui>footer :is(a,button),html body.studio-ui #context-action#context-action,html body.studio-ui #project-music#project-music{color:var(--chrome-ink)!important;transition:color 280ms ease,opacity 280ms ease!important}
html body.studio-ui>header #set-overview#set-overview#set-overview#set-overview#set-overview{color:var(--chrome-ink)!important}
html body.studio-ui.studio-ui.studio-ui>header .wordmark img{filter:var(--chrome-logo)!important;transition:filter 280ms ease!important}
html body.studio-ui:not(.project-content-active)>header{background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}
html body.studio-ui:not(.project-content-active):not(:has(#detail[open] .film-collection-stage))>header::before{display:none!important}
html body.studio-ui #detail#detail#detail#detail[data-panel=void] .collection-heading{visibility:hidden!important}
html body.studio-ui .rat-subtitle{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;color:#fff!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:10px 16px!important;text-shadow:0 1px 1px rgba(0,0,0,.9)!important}
html body.studio-ui #player#player#player #player-tracks [data-player-track]{color:#90908d!important}
html body.studio-ui #player#player#player #player-tracks [data-player-track][aria-current=true]{color:#fff!important;background:#ffffff0b!important;font-weight:500!important;border-left:2px solid #eee!important;padding-left:10px!important}
html body.studio-ui #player#player#player #player-tracks [data-player-track][aria-current=true] span{color:#fff!important}
html body.studio-ui #player#player#player #mixtape-now-playing{color:#eee!important;font-size:14px!important;line-height:1.4!important}
@media(max-width:699px){html body.studio-ui #detail#detail#detail#detail .favorite-note-paper{inset:40dvh 20px 125px!important;width:auto!important;max-height:calc(60dvh - 125px)!important}}

/* Floating documents share one material, including their nested content surface. */
html body.studio-ui #detail#detail#detail#detail:is([data-mode=panel],[data-mode=reader],[data-mode=collection]):not([data-panel=clothingcollection]) #detail-content .surface{background:transparent!important;color:#eee!important;--float-ink:#eee;--float-muted:#b5b5b0;--review-ink:#eee;--review-muted:#b5b5b0;--review-rule:#ffffff26}
html body.studio-ui #detail#detail#detail#detail[data-panel=about] :is(.about-bio,.about-page,.about-representation){color:#eee!important;mask-image:none!important}
html body.studio-ui #detail#detail#detail#detail[data-panel=about] .audit-reveal{opacity:1!important;transform:none!important;transition:none!important}
html body.studio-ui #detail#detail#detail#detail[data-panel=about]::after,html body.studio-ui #detail#detail#detail#detail[data-panel=about]::before{display:none!important}
html body.studio-ui[data-navigation-surface] > header :is(a,button){color:var(--chrome-ink)!important;-webkit-text-fill-color:currentColor!important}
html body.studio-ui[data-navigation-surface] > header .wordmark::before,html body.studio-ui[data-navigation-surface] > header .wordmark::after{background-color:var(--chrome-ink)!important}
html body.studio-ui[data-navigation-surface] > header .wordmark img{filter:var(--chrome-logo)!important}
html body.studio-ui[data-navigation-surface] :is(#archive-nav,.room-controls){color:var(--chrome-ink)!important}
html body.studio-ui[data-navigation-surface] :is(#archive-nav,.room-controls) button{color:var(--chrome-ink)!important}
html body.studio-ui[data-navigation-surface] > header :is(.wordmark,.about-link,.mobile-menu,#set-overview),html body.studio-ui[data-navigation-surface] :is(#archive-nav,#archive-nav button,.room-controls,.room-controls button){--studio-navigation-color:var(--chrome-ink)!important;--navigation-ink:var(--chrome-ink)!important;color:var(--chrome-ink)!important}
html body.studio-ui[data-navigation-surface] > header .wordmark{background:var(--chrome-ink)!important}
html body.studio-ui #detail#detail#detail#detail[data-panel=about] .about-representation img{filter:brightness(0) invert(1)!important}

/* Larger images: two stills beside each two-column video. */
@media(min-width:701px){
html body.studio-ui #detail#detail#detail#detail .gallery-section{grid-template-columns:2fr 1fr}
html body.studio-ui #detail#detail#detail#detail .gallery-section.video-right{grid-template-columns:1fr 2fr}
html body.studio-ui #detail#detail#detail#detail .gallery-section:not(.is-expanded)>.gallery-section-photos{grid-template-columns:1fr;aspect-ratio:auto;grid-template-rows:auto;gap:16px}
html body.studio-ui #detail#detail#detail#detail .gallery-section:not(.is-expanded)>.gallery-section-photos>img{height:auto!important;aspect-ratio:16/9!important}
html body.studio-ui #detail#detail#detail#detail :is(.gallery-remainder,.gallery-section.is-expanded>.gallery-section-photos){grid-template-columns:repeat(3,minmax(0,1fr))}
}
html body.studio-ui #detail#detail#detail#detail .blog-ask :is(button,input[type=submit]):hover{background:#eeeeea!important;color:#171717!important;-webkit-text-fill-color:#171717!important}
html body.studio-ui #detail#detail#detail#detail .about-contact-link{margin-bottom:12px!important}
html body.studio-ui #detail#detail#detail#detail .about-website{margin-top:0!important}
html body.studio-ui #context-action[data-symbol]::after{width:9px!important;height:9px!important;background-size:9px 1px,1px 9px!important}
html body.studio-ui #context-action[data-symbol=minus]::after{background-size:9px 1px!important}
html body.studio-ui .favorite-note[open] .favorite-note-paper{animation-delay:480ms!important;animation-duration:260ms!important}
html body.studio-ui #detail#detail#detail#detail .favorite-note-paper{padding-bottom:32px!important}
@media(max-width:699px){
html body.studio-ui #detail#detail#detail#detail .favorite-note-paper{max-height:calc(60dvh - 110px)!important;bottom:110px!important}
html body.studio-ui #detail#detail#detail#detail :is(.shelf-carousel,.collection-controls) button{color:var(--chrome-ink)!important}
html body.studio-ui #context-action,html body.studio-ui #archive-nav button{font-size:12px!important;line-height:16px!important}
}
html body.studio-ui:not(.chrome-arrived):has(#detail#detail#detail#detail#detail) > header,
html body.studio-ui:not(.chrome-arrived):has(#detail#detail#detail#detail#detail) > footer,
html body.studio-ui:not(.chrome-arrived) #context-action#context-action#context-action,
html body.studio-ui:not(.chrome-arrived) #project-music#project-music#project-music{opacity:0!important;pointer-events:none!important}
html body.studio-ui > header,html body.studio-ui > footer{transition:opacity 900ms cubic-bezier(.4,0,.2,1),color 280ms ease!important}
html body.studio-ui.chrome-arrived > header{opacity:1!important}
@media(prefers-reduced-motion:reduce){html body.studio-ui > header,html body.studio-ui > footer{transition:none!important}}
.reading-edge-fade{position:fixed;pointer-events:none;z-index:425;background:linear-gradient(to bottom,rgba(var(--edge-rgb),0),rgba(var(--edge-rgb),.08) 25%,rgba(var(--edge-rgb),.32) 60%,rgba(var(--edge-rgb),.9));transition:opacity 260ms ease}
html body.studio-ui:not([data-audit-index]):has(#detail[data-panel=about][open]) #set-overview#set-overview#set-overview#set-overview#set-overview{visibility:hidden!important;pointer-events:none!important}
@media(max-width:699px){html body.studio-ui #context-action#context-action{font-size:14px!important;line-height:20px!important}html body.studio-ui #archive-nav#archive-nav button{font-size:14px!important;line-height:20px!important}}
html body.studio-ui #detail#detail#detail#detail .about-contact-link{margin-bottom:0!important}
html body.studio-ui #studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup{height:auto!important;min-height:0!important;bottom:auto!important;max-height:calc(100dvh - 180px)!important}

/* Scene-attached windows use the same material as Index and document windows. */
html body.studio-ui #detail#detail#detail#detail :is(.contact-fields,.after-hours-column),
html body.studio-ui :is(.section-menu,.temporary-panel){
 --ui-surface:rgba(25,25,25,.92);--ui-ink:#eee;--ui-muted:#b5b5b0;--ui-line:#ffffff26;
 --review-ink:#eee;--review-muted:#b5b5b0;--review-rule:#ffffff26;--muted:#b5b5b0;--hair:#ffffff26;
 background:rgba(25,25,25,.92)!important;color:#eee!important;border:1px solid #ffffff24!important;
 backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;
}
html body.studio-ui #detail#detail#detail#detail .contact-fields :is(h1,h2,label,input,textarea,button,a,dt,dd){color:inherit!important;-webkit-text-fill-color:currentColor!important}
html body.studio-ui #detail#detail#detail#detail .contact-fields :is(input,textarea){background:transparent!important;border-color:#ffffff40!important;caret-color:#eee}
html body.studio-ui #detail#detail#detail#detail .contact-fields :is(input,textarea)::placeholder{color:#b5b5b0!important;opacity:1}
html body.studio-ui #detail#detail#detail#detail .contact-fields button[type=submit]{background:transparent!important;border:1px solid #ffffff60!important}
html body.studio-ui #detail#detail#detail#detail .contact-fields button[type=submit]:hover{background:#eeeeea!important;color:#171717!important}
html body.studio-ui #detail#detail#detail#detail .contact-representation img{filter:brightness(0) invert(1)!important}
html body.studio-ui #detail#detail#detail#detail .contact-fields .polish-contact-about{justify-content:flex-start!important;letter-spacing:0!important;font:400 14px/20px var(--type-sans)!important}
html body.studio-ui #detail#detail#detail#detail .after-hours-column{padding:24px!important;box-sizing:border-box!important}

html body.studio-ui #detail#detail#detail#detail .contact-fields .polish-contact-about{width:100%!important;max-width:none!important;box-sizing:border-box!important}
/* Scroll the contact form within the space above the persistent bottom controls. */
html body.studio-ui #detail#detail#detail#detail .contact-fields{color-scheme:dark;scrollbar-color:#ffffff45 transparent;scrollbar-width:thin}
@media(max-width:700px){html body.studio-ui #detail#detail#detail#detail .contact-fields{height:auto!important;max-height:none!important;margin:0!important;transform:none!important}}
html body.studio-ui #detail#detail#detail#detail .after-hours-column{bottom:96px!important;height:auto!important}
@media(max-width:700px){html body.studio-ui #detail#detail#detail#detail:is([data-mode=panel],[data-mode=reader],[data-mode=collection]):not([data-panel=clothingcollection]){top:76px!important;bottom:96px!important;max-height:calc(100dvh - 172px)!important;height:auto!important;min-height:0!important}}
/* Shared interaction finish: quiet opacity, predictable geometry and one panel material. */
html body.studio-ui{--floating-surface:rgba(25,25,25,.92);--floating-rule:#ffffff26;--floating-ink:#eee}
html body.studio-ui #detail#detail#detail#detail .favorite-note-paper{color-scheme:dark;scrollbar-color:#ffffff45 transparent;scrollbar-width:thin;animation:none!important}
html body.studio-ui #detail#detail#detail#detail .favorite-note[open] .favorite-note-paper{animation:note-opacity 360ms ease 440ms both!important}
@keyframes note-opacity{from{opacity:0}to{opacity:1}}
html body.studio-ui #set-overview#set-overview#set-overview#set-overview#set-overview{width:max-content!important;max-width:calc(100vw - 280px)!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;padding-inline:22px!important;overflow:visible!important}
html body.studio-ui #set-overview#set-overview#set-overview#set-overview#set-overview::after{content:''!important;display:block!important;position:absolute!important;left:auto!important;right:0!important;top:50%!important;width:10px!important;height:10px!important;transform:translateY(-50%)!important;background:linear-gradient(currentColor,currentColor) center/100% 1px no-repeat;clip-path:none!important;mask:none!important;rotate:45deg;transition:opacity 180ms ease!important}
html body.studio-ui #set-overview#set-overview#set-overview#set-overview#set-overview::before{content:''!important;position:absolute!important;right:4.5px!important;top:50%!important;width:1px!important;height:10px!important;background:currentColor!important;transform:translateY(-50%) rotate(45deg)!important;opacity:0;transition:opacity 180ms ease!important}
html body.studio-ui #set-overview#set-overview#set-overview#set-overview#set-overview:is(:hover,:focus-visible)::before{opacity:1!important}
html body.studio-ui[data-audit-index] #set-overview#set-overview#set-overview#set-overview#set-overview{visibility:hidden!important;pointer-events:none!important}
html body.studio-ui #detail#detail#detail#detail[data-mode=film] :is(p,dt,dd,li,h1,h2,h3,span,a,figcaption){user-select:text!important;-webkit-user-select:text!important}
html body.studio-ui #detail[data-mode=film] ::selection{background:#fff!important;color:#000!important;-webkit-text-fill-color:#000!important;text-shadow:none!important}
html body.studio-ui #detail#detail#detail#detail .document-end{display:grid!important;grid-template-columns:1fr auto 1fr!important;gap:20px!important;align-items:center!important}
html body.studio-ui #detail#detail#detail#detail .document-end .back-to-studio{justify-self:start;grid-column:1;grid-row:1}
html body.studio-ui #detail#detail#detail#detail .document-end .back-to-top{justify-self:end;grid-column:3;grid-row:1}
html body.studio-ui #detail#detail#detail#detail .document-end .project-copyright{margin:0!important;grid-column:2;grid-row:1;font:400 12px/20px var(--type-sans)!important;text-align:center!important;white-space:nowrap;color:#b5b5b0!important}
.project-document-links{display:flex;justify-content:center;gap:32px;margin:32px 0 0;font:400 13px/20px var(--type-sans)}
.project-edge-navigation{display:none}
@media(hover:hover) and (pointer:fine){
 body.project-content-active:not([data-audit-index]) .project-edge-navigation{display:block}
 .project-edge{position:fixed;top:96px;bottom:80px;width:clamp(32px,4vw,68px);border:0;padding:0;background:linear-gradient(90deg,#ffffff0d,transparent);opacity:0;color:#eee;z-index:405;display:grid;place-items:center;transition:opacity 240ms ease;cursor:pointer}
 .project-edge.previous{left:0}.project-edge.next{right:0;background:linear-gradient(270deg,#ffffff0d,transparent)}
 .project-edge:is(:hover,:focus-visible){opacity:1}
 .project-edge svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1}
}
.gallery-image-frame{overflow:hidden;min-width:0;aspect-ratio:16/9}
html body.studio-ui #detail#detail#detail#detail .gallery-image-frame img{display:block;width:100%!important;height:100%!important;object-fit:cover!important;transition:transform 650ms cubic-bezier(.2,.65,.3,1)!important}
@media(hover:hover){html body.studio-ui #detail#detail#detail#detail .gallery-image-frame:hover img{transform:scale(1.025)!important}}
html body.studio-ui #detail#detail#detail#detail .film-hero{padding-top:0!important;padding-bottom:0!important}
html body.studio-ui #detail#detail#detail#detail .film-hero .document-width{max-width:1000px!important;width:100%!important}
html body.studio-ui #detail#detail#detail#detail .film-screen{width:min(100%,calc(max(200px,100svh - 330px) * var(--landing-ratio,16/9)))!important;margin-inline:auto!important;aspect-ratio:var(--landing-ratio,16/9)!important;height:auto!important;max-height:none!important;border:0!important;box-shadow:none!important}
html body.studio-ui #detail#detail#detail#detail .film-screen :is(.film-poster,.video-host,iframe){width:100%!important;height:100%!important;aspect-ratio:var(--landing-ratio,16/9)!important}
html body.studio-ui #detail#detail#detail#detail .film-page .film-information{padding-top:36px!important}
.reading-edge-fade{background:linear-gradient(to bottom,rgba(var(--edge-rgb),0) 0%,rgba(var(--edge-rgb),0) 8%,rgba(var(--edge-rgb),.06) 30%,rgba(var(--edge-rgb),.22) 62%,rgba(var(--edge-rgb),.68) 100%)}
@media(max-width:700px){
 html body.studio-ui #set-overview#set-overview#set-overview#set-overview#set-overview{max-width:calc(100vw - 200px)!important;padding-inline:12px!important}
 html body.studio-ui #set-overview#set-overview#set-overview#set-overview#set-overview::before{opacity:1!important}
 html body.studio-ui #detail#detail#detail#detail .document-end{grid-template-columns:1fr 1fr!important;gap:20px 10px!important}
 html body.studio-ui #detail#detail#detail#detail .document-end .back-to-top{grid-column:2}
 html body.studio-ui #detail#detail#detail#detail .document-end .project-copyright{grid-column:1/-1;grid-row:2;font-size:11px!important}
 html body.studio-ui #detail#detail#detail#detail .film-page .film-information{padding-top:28px!important}
}
@media(prefers-reduced-motion:reduce){html body.studio-ui #detail#detail#detail#detail .favorite-note[open] .favorite-note-paper{animation:none!important}html body.studio-ui #detail#detail#detail#detail .gallery-image-frame img{transition:none!important}}
/* Explicit exceptions and shared chrome state — October 5 hotfixes. */
html body.studio-ui[data-audit-index] #set-overview#set-overview#set-overview#set-overview#set-overview{visibility:visible!important;pointer-events:auto!important}
html body.studio-ui #set-overview{text-transform:uppercase!important}
html body.studio-ui[data-active-panel=visualizer] #detail .stage-information,
html body.studio-ui[data-active-panel=visualizer] #context-action,
html body.studio-ui.room-timo-playing #context-action{display:none!important}
html body.studio-ui #detail#detail#detail#detail .after-hours-column{background:#000!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html body.studio-ui #detail#detail#detail#detail[data-panel=experimental]{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html body.studio-ui.book-inspecting #detail#detail#detail#detail .book-inspection :is(h1,h2,.book-title){display:none!important}
html body.studio-ui.clothing-view #detail#detail#detail#detail#detail,
html body.studio-ui.clothing-view #detail#detail#detail#detail#detail #detail-content .surface,
html body.studio-ui.clothing-view .image-lightbox{background:#f4f3f0!important;color:#20211f!important;--float-ink:#20211f;--float-muted:#60625c;--review-ink:#20211f;--review-rule:#20202030;color-scheme:light}
html body.studio-ui.clothing-view .image-lightbox::backdrop{background:#f4f3f0}
html body.studio-ui.clothing-view .image-lightbox :is(button,figcaption){color:#20211f!important}
html body.studio-ui #detail#detail#detail#detail .blog-entries>.blog-ask{max-width:100%!important;box-sizing:border-box!important}
html body.studio-ui #detail#detail#detail#detail .document-end.follows-disclosure,
html body.studio-ui #detail#detail#detail#detail details + .project-document-links + .document-end{border-top:0!important}
html body.studio-ui #detail#detail#detail#detail details + details{border-top:0!important}
html body.studio-ui > header .wordmark,
html body.studio-ui > header .wordmark::before,
html body.studio-ui > header .wordmark::after{transition:background-color 360ms ease,color 360ms ease,filter 360ms ease!important}
html body.studio-ui > header :is(button,a),html body.studio-ui > footer :is(button,a){-webkit-text-fill-color:currentColor!important;transition:color 360ms ease,opacity 360ms ease!important}
html body.studio-ui #detail#detail#detail#detail :is(.film-hero,.product-introduction,#project-information){scroll-margin-top:calc(var(--audit-top,28px) + 64px)!important}
html body.studio-ui #detail#detail#detail#detail .blog-entries>.blog-ask{width:100%!important;max-width:68ch!important;margin:0 auto 28px!important;font-size:16px!important}
html body.studio-ui #detail#detail#detail#detail .blog-ask + .blog-entry{border-top:0!important}
html body.studio-ui #detail#detail#detail#detail .blog-entries>.blog-ask{width:calc(100% - clamp(32px,10vw,160px))!important;font-size:inherit!important}
@media(max-width:700px){html body.studio-ui #detail#detail#detail#detail .blog-entries>.blog-ask{width:100%!important}}
html body.studio-ui.stage-menu-active #set-overview#set-overview#set-overview#set-overview#set-overview{display:block!important;visibility:visible!important;opacity:1!important}
/* Menu chrome retains its studio palette; project/object inspection changes it. */
html body.studio-ui:not(.night):not(:has(#detail[open]:not([data-panel=about]))){--chrome-ink:#151515;--chrome-logo:brightness(0)}
html body.studio-ui #set-overview#set-overview#set-overview#set-overview#set-overview.header-empty{visibility:hidden!important;pointer-events:none!important}
html body.studio-ui #detail#detail#detail#detail .film-collection-stage .collection-toolbar{top:76%!important}
html body.studio-ui.project-scrolling:has(#detail .record-project)::before{opacity:var(--project-scroll-progress,0)!important;transition:none!important}
html body.studio-ui #detail#detail#detail#detail .landing-visible{opacity:1!important;--audit-opacity:1!important}
html body.studio-ui.project-content-active #context-action#context-action{opacity:0!important;pointer-events:none!important}
html body.studio-ui #detail#detail#detail#detail .product-introduction{margin-bottom:clamp(56px,7vw,96px)!important;column-gap:clamp(32px,5vw,80px)!important}
html body.studio-ui #detail#detail#detail#detail .product-description{margin-bottom:32px!important}
html body.studio-ui #detail#detail#detail#detail .record-selected{cursor:pointer!important}
html body.studio-ui #detail#detail#detail#detail .about-bottom-links{border-top:1px solid #ffffff26;margin-top:32px;padding-top:22px;display:flex;gap:24px;align-items:baseline;flex-wrap:wrap}
html body.studio-ui #detail#detail#detail#detail .about-bottom-links :is(.about-contact-link,.about-website){margin:0!important;padding:0!important;border:0!important;width:auto!important}
html body.studio-ui #detail#detail#detail#detail .about-bottom-links .about-website{flex:1}
html body.studio-ui #detail#detail#detail#detail .about-bottom-links .about-website summary{padding:0!important;font-size:13px!important}
html body.studio-ui #detail#detail#detail#detail .about-bottom-links .about-website .prose{margin-top:20px}
html body.studio-ui #set-overview .timo-exit-logo{display:block;width:76px;height:auto;filter:brightness(0)!important;transition:filter 280ms ease!important}
html body.studio-ui #set-overview:hover .timo-exit-logo{filter:brightness(0) invert(1)!important}
html body.studio-ui:has(#detail[data-panel=play-game][open]) #set-overview::before,html body.studio-ui:has(#detail[data-panel=play-game][open]) #set-overview::after{display:none!important}
html body.studio-ui #detail#detail#detail#detail .about-bottom-links .about-socials{margin:0 0 0 auto!important;padding:0!important;border:0!important;display:flex;align-items:center;gap:18px}
html body.studio-ui #set-overview#set-overview#set-overview#set-overview#set-overview:is(:hover,:focus-visible)::after{opacity:1!important}
html body.studio-ui #player-details:not([hidden]){animation:player-open 220ms cubic-bezier(.2,.7,.3,1) both}
@keyframes player-open{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){html body.studio-ui #player-details:not([hidden]){animation:none}}
html body.studio-ui #detail#detail#detail#detail .project-document-links{display:flex;justify-content:flex-start;align-items:center;gap:24px;flex-wrap:wrap;margin:32px 0 0;padding:0 0 32px;border-bottom:1px solid #ffffff26}
html body.studio-ui #detail#detail#detail#detail .project-document-links h2{flex-basis:100%;font:400 13px/20px var(--type-sans);letter-spacing:0;margin:0;color:#b5b5b0}
html body.studio-ui #detail#detail#detail#detail .project-document-links button{font:400 15px/22px var(--type-sans);text-decoration:underline;text-underline-offset:4px}
html body.studio-ui #detail#detail#detail#detail .project-document-links + .document-end{border-top:0!important}
html body.studio-ui #detail#detail#detail#detail .project-file-technical{flex-basis:100%;padding-top:10px;border:0}
html body.studio-ui #detail#detail#detail#detail .project-file-technical h3{font:400 13px/20px var(--type-sans);color:#b5b5b0;margin:0 0 8px}
html body.studio-ui #detail#detail#detail#detail .project-file-technical :is(p,dt,dd){font:400 14px/21px var(--type-sans);margin-top:0}
html body.studio-ui.stage-menu-active #set-overview#set-overview#set-overview#set-overview#set-overview{pointer-events:auto!important}
html body.studio-ui #detail#detail#detail#detail .project-file-technical .project-credits{margin:16px 0 0!important;padding:0!important;border:0!important}
html body.studio-ui #detail#detail#detail#detail .project-file-technical .credit-grid{margin:0!important;padding:0!important}
html body.studio-ui #detail#detail#detail#detail .project-document-links button{padding:0!important;text-decoration:underline!important;text-underline-offset:4px!important}
/* Project Files is one open grid: documents and production specifications are peers. */
html body.studio-ui #detail#detail#detail#detail .project-document-links{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 32px;align-items:start;padding-bottom:32px}
html body.studio-ui #detail#detail#detail#detail .project-document-links h2{grid-column:1/-1;margin:0!important}
html body.studio-ui #detail#detail#detail#detail .project-document-links button{justify-self:start;align-self:start;text-align:left}
html body.studio-ui #detail#detail#detail#detail .project-file-fact{margin:0!important;padding:0!important;border:0!important}
html body.studio-ui #detail#detail#detail#detail .project-file-fact dt{font:400 13px/20px var(--type-sans)!important;color:#b5b5b0!important;margin:0 0 4px!important}
html body.studio-ui #detail#detail#detail#detail .project-file-fact dd{font:400 15px/22px var(--type-sans)!important;color:#eee!important;margin:0!important}
@media(max-width:700px){html body.studio-ui #detail#detail#detail#detail .project-document-links{grid-template-columns:1fr;gap:20px}}
html body.studio-ui #detail#detail#detail#detail .project-document-links{border-top:1px solid #ffffff26!important;margin-top:40px!important;padding-top:28px!important}

/* Final shared chrome: no legacy mobile navigation and no title cross. */
html body.studio-ui #set-overview#set-overview#set-overview#set-overview#set-overview::before,
html body.studio-ui #set-overview#set-overview#set-overview#set-overview#set-overview::after{content:none!important;display:none!important}
html body.studio-ui>footer #archive-nav>button:not([data-open=about]),
html body.studio-ui>footer .footer-mobile-contact,
html body.studio-ui>footer .footer-mobile-about{display:none!important}
html body.studio-ui>footer #archive-nav{display:flex!important;position:fixed!important;left:var(--audit-edge)!important;bottom:var(--audit-bottom)!important;margin:0!important;height:44px!important;align-items:center!important}
html body.studio-ui>footer #archive-nav>[data-open=about]{display:block!important;padding:0!important;font:400 14px/20px var(--type-sans)!important}
html body.studio-ui #context-action:not(.is-cue):not([data-symbol]){color:color-mix(in srgb,var(--chrome-ink) 65%,transparent)!important}
html body.studio-ui #detail#detail#detail#detail .collection-toolbar{top:80%!important}
html body.studio-ui #detail#detail#detail#detail .favorite-note[open] .favorite-note-paper{animation:note-opacity 240ms ease 360ms both!important;translate:none!important}
html body.studio-ui #detail#detail#detail#detail .favorite-note-paper{height:auto!important;bottom:auto!important;max-height:calc(100dvh - 210px)!important;right:var(--audit-edge)!important}
html body.studio-ui #detail#detail#detail#detail .youtube-note .favorite-note-paper{top:38%!important;transform:none!important}
html body.studio-ui #detail#detail#detail#detail:is([data-panel=notes],[data-panel^=note-]) .audit-reveal{opacity:1!important;transform:none!important;animation:none!important;transition:none!important}
html body.studio-ui:has(#detail:is([data-panel=notes],[data-panel^=note-])) .reading-edge-fade{display:none!important}
html body.studio-ui #detail#detail#detail#detail[data-panel=experimental] .after-hours-column{border:0!important;scrollbar-width:none!important;color-scheme:dark}
html body.studio-ui #detail#detail#detail#detail[data-panel=experimental] .after-hours-column::-webkit-scrollbar{display:none!important}
html body.studio-ui #detail#detail#detail#detail[data-panel=experimental] :is(.video-item,.after-hours-videos){border-left:0!important}
html body.studio-ui #detail#detail#detail#detail:is([data-mode=panel],[data-mode=reader],[data-mode=collection]){right:var(--audit-edge)!important;min-height:0!important;height:auto!important;bottom:auto!important;max-height:calc(100dvh - 180px)!important}
html body.studio-ui #detail#detail#detail#detail[data-panel=demos]>.surface{min-height:0!important;padding-block:24px!important}
html body.studio-ui #detail#detail#detail#detail .book-preview{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:90px 24px 120px!important;box-sizing:border-box!important}
html body.studio-ui #detail#detail#detail#detail .book-preview .book-spread{position:relative!important;inset:auto!important;transform:none!important;max-height:calc(100dvh - 270px)!important}
html body.studio-ui #detail#detail#detail#detail .book-preview .book-paging{position:relative!important;inset:auto!important;transform:none!important;translate:none!important;margin:20px auto 0!important;flex:none!important}
html body.studio-ui .image-lightbox figure{margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;height:calc(100dvh - 160px)!important}
html body.studio-ui .image-lightbox figure img{max-height:calc(100dvh - 180px)!important}
html body.studio-ui .image-lightbox figcaption{position:fixed!important;bottom:32px!important;left:50%!important;transform:translateX(-50%)!important;margin:0!important;min-width:90px;text-align:center}
html body.studio-ui .image-lightbox :is(.lightbox-prev,.lightbox-next){position:fixed!important;top:auto!important;bottom:20px!important;transform:none!important;width:44px!important;height:44px!important}
html body.studio-ui .image-lightbox .lightbox-prev{left:calc(50% - 110px)!important;right:auto!important}
html body.studio-ui .image-lightbox .lightbox-next{left:auto!important;right:calc(50% - 110px)!important}
@media(min-width:701px){html body.studio-ui #detail#detail#detail#detail .paper-project .product-introduction{grid-template-columns:minmax(0,.85fr) minmax(0,1fr)!important}html body.studio-ui #detail#detail#detail#detail .paper-project .product-visual{max-height:620px!important}html body.studio-ui #detail#detail#detail#detail .paper-project .product-art-pair img{max-height:620px!important;object-fit:contain!important}}
@media(max-width:700px){
 html body.studio-ui #context-action.is-cue{font-size:11px!important;white-space:nowrap!important;letter-spacing:0!important}
 html body.studio-ui #set-overview#set-overview#set-overview#set-overview#set-overview{max-width:calc(100vw - 180px)!important;padding:0!important;font-size:12px!important}
 html body.studio-ui>footer #archive-nav>[data-open=about]{font-size:12px!important}
 html body.studio-ui #detail#detail#detail#detail .favorite-note-paper{top:40dvh!important;max-height:calc(60dvh - 110px)!important;left:var(--audit-edge)!important}
}
@media(prefers-reduced-motion:reduce){html body.studio-ui #detail#detail#detail#detail .favorite-note[open] .favorite-note-paper{animation:none!important}}
html body.studio-ui .mobile-section-nav{display:none!important}
@media(max-width:700px){html body.studio-ui #context-action.is-cue{max-width:140px!important;white-space:normal!important;text-align:center!important;line-height:15px!important}}
/* Fixed right edge belongs to day/night; music occupies the adjacent slot. */
html body.studio-ui.context-footer-ui>footer .room-controls.room-controls.room-controls.room-controls{right:var(--audit-edge)!important}
html body.studio-ui.context-footer-ui:not(.project-content-active) #project-music#project-music{right:calc(var(--audit-edge) + 44px)!important}
@media(max-width:700px){
 html body.studio-ui.studio-ui.studio-ui>header :is(button,a:not(.wordmark)),
 html body.studio-ui.studio-ui.studio-ui>footer :is(button,a),
 html body.studio-ui #context-action#context-action,
 html body.studio-ui #set-overview#set-overview#set-overview#set-overview#set-overview{font:400 12px/18px var(--type-sans)!important;letter-spacing:0!important}
 html body.studio-ui #context-action.is-cue{max-width:140px!important;line-height:16px!important}
 html body.studio-ui :is(#weather-toggle,#project-music){width:44px!important;height:44px!important;padding:0!important}
}
html body.studio-ui.context-footer-ui:has(#detail#detail#detail#detail)>footer .room-controls.room-controls{right:var(--audit-edge)!important}
@media(max-width:700px){
 html body.studio-ui #archive-nav#archive-nav>[data-open=about],
 html body.studio-ui>header :is(.mobile-menu,.desktop-about,[data-open=index]){font:400 12px/18px var(--type-sans)!important}
}
/* Caption and clothing surfaces keep their own palette independently of chrome. */
html body.studio-ui .rat-subtitle,html body.studio-ui .rat-subtitle *{color:#fff!important;-webkit-text-fill-color:#fff!important}
html body.studio-ui.clothing-view #detail#detail#detail#detail#detail{background:rgba(244,243,240,.86)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important}
html body.studio-ui.clothing-view #detail#detail#detail#detail#detail #detail-content .surface{background:transparent!important}
html body.studio-ui.clothing-view .image-lightbox{background:rgba(244,243,240,.86)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important}
html body.studio-ui.clothing-view .image-lightbox::backdrop{background:rgba(244,243,240,.18)!important}
html body.studio-ui.clothing-view .reading-edge-fade{display:none!important}
html body.studio-ui.clothing-view #detail#detail#detail#detail#detail::before,html body.studio-ui.clothing-view #detail#detail#detail#detail#detail::after{display:none!important}
/* Covers keep the gallery outer edge, with an independent editorial proportion. */
@media(min-width:701px){
 html body.studio-ui #detail#detail#detail#detail :is(.record-project,.paper-project) .product-introduction{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)!important;column-gap:22px!important}
 html body.studio-ui #detail#detail#detail#detail :is(.record-project,.paper-project) .product-copy{padding:0!important;max-width:none!important}
 html body.studio-ui #detail#detail#detail#detail .product-description{max-width:58ch}
 html body.studio-ui #detail#detail#detail#detail .paper-project [data-cover-carousel]>figure{aspect-ratio:270/380!important}
}
@media(max-width:700px){
 html body.studio-ui>header .wordmark.wordmark{translate:0 -2px!important}
 html body.studio-ui>header .mobile-menu.mobile-menu.mobile-menu{font:400 12px/18px var(--type-sans)!important}
}
@media(min-width:701px){
 html body.studio-ui #detail#detail#detail#detail .gallery-section.video-right{grid-template-columns:calc((100% - 44px)/3) minmax(0,1fr)!important}
 html body.studio-ui #detail#detail#detail#detail .gallery-section:not(.video-right){grid-template-columns:minmax(0,1fr) calc((100% - 44px)/3)!important}
 html body.studio-ui #detail#detail#detail#detail .gallery-section.is-expanded{grid-template-columns:1fr!important}
}
/* A shared outer grid with breathing room inside the editorial column. */
@media(min-width:701px){
 html body.studio-ui #detail#detail#detail#detail :is(.record-project,.paper-project) .product-copy{padding:0 clamp(16px,2vw,32px) 0 clamp(32px,4.5vw,64px)!important;box-sizing:border-box!important}
 html body.studio-ui #detail#detail#detail#detail :is(.record-project,.paper-project) .product-description{max-width:44ch!important;margin-top:32px!important;margin-bottom:40px!important}
 html body.studio-ui #detail#detail#detail#detail :is(.record-project,.paper-project) .product-introduction{margin-bottom:clamp(88px,10vw,136px)!important}
 html body.studio-ui #detail#detail#detail#detail .product-copy-credits{margin-top:32px!important}
}
@media(max-width:700px){
 html body.studio-ui #detail#detail#detail#detail :is(.record-project,.paper-project) .product-introduction{row-gap:36px!important;margin-bottom:64px!important}
}

/* The book cutout includes a transparent border; fill the cover frame optically. */
html body.studio-ui #detail#detail#detail#detail .paper-project .book-art-pair figure{overflow:hidden!important}
html body.studio-ui #detail#detail#detail#detail .paper-project .book-art-pair img{transform:scale(1.2)!important;transform-origin:center!important}

/* One shared metadata anchor for records, DVDs and book; never category-specific. */
html body.studio-ui #detail#detail#detail#detail .film-collection-stage .collection-toolbar{top:min(82%,calc(100% - 180px))!important;gap:12px!important}
html body.studio-ui #detail#detail#detail#detail .film-collection-stage .collection-heading{gap:7px!important}
html body.studio-ui #detail#detail#detail#detail .film-collection-stage .stage-meta-line{font:400 14px/20px var(--type-sans)!important;color:#eee!important}

html body.studio-ui #detail#detail#detail#detail .film-collection-stage .collection-heading>.project-actions{display:none!important}

/* Shared chrome contract: readable navigation, identical on all mobile routes. */
:root{--ui-mobile-size:12px;--ui-mobile-weight:500;--ui-line:18px;--ui-ink:#eee;--ui-panel:rgba(25,25,25,.94)}
@media(max-width:700px){
 html body.studio-ui.studio-ui #set-overview#set-overview#set-overview#set-overview#set-overview,
 html body.studio-ui.studio-ui>header .mobile-menu.mobile-menu.mobile-menu,
 html body.studio-ui.studio-ui #archive-nav#archive-nav>[data-open=about],
 html body.studio-ui.studio-ui #context-action#context-action{font-weight:var(--ui-mobile-weight)!important;font-size:var(--ui-mobile-size)!important;line-height:var(--ui-line)!important}
}



html body.studio-ui #detail[data-panel=contact]{overflow-x:clip!important}
.reading-edge-fade{background:linear-gradient(to bottom,rgba(var(--edge-rgb),0),rgba(var(--edge-rgb),.06) 45%,rgba(var(--edge-rgb),.4))}

html body.studio-ui #detail#detail#detail#detail .document-end{grid-template-columns:1fr 1fr!important}
html body.studio-ui #detail#detail#detail#detail .document-end .back-to-top{grid-column:2}

html body.studio-ui #detail#detail#detail#detail .about-cv{border-bottom:0!important}
html body.studio-ui #detail#detail#detail#detail .about-cv>details:last-child{border-bottom:0!important}
@media(hover:hover) and (pointer:fine){
 body.stage-menu-active:not([data-audit-index]) .project-edge-navigation{display:block}
 body.stage-menu-active .project-edge{top:var(--chrome-header-height,100px);bottom:120px}
}

/* The same reader typography and spacing, whether entered from Index or a project. */
html body.studio-ui #detail#detail#detail#detail[data-mode=reader] .screenplay{padding:16px!important;gap:12px}
html body.studio-ui #detail#detail#detail#detail[data-mode=reader] .reader-heading{justify-content:flex-start!important;margin:0!important}
html body.studio-ui #detail#detail#detail#detail[data-mode=reader] .paper-scroll{padding:0!important}
html body.studio-ui #detail#detail#detail#detail[data-mode=reader] .reader-toolbar{font:400 14px/20px var(--type-sans)!important;margin:0!important;padding:0!important}
html body.studio-ui #studio-index-popup .category-tabs{scrollbar-width:none!important}
html body.studio-ui #studio-index-popup .category-tabs::-webkit-scrollbar{display:none!important}
@media(max-width:380px){html body.studio-ui #studio-index-popup#studio-index-popup#studio-index-popup .category-tabs{flex-wrap:wrap!important;gap:0 12px!important;overflow:visible!important}html body.studio-ui #studio-index-popup .category-tabs button{padding-inline:0!important}}
/* Hotfix: shared centred windows and restrained mobile chrome. */
html body.studio-ui:not([data-audit-index]):has(#detail[data-panel=about][open]) #set-overview#set-overview#set-overview#set-overview#set-overview{visibility:visible!important;pointer-events:auto!important}
@media(min-width:701px){
 html body.studio-ui #detail#detail#detail#detail#detail:is([data-panel=notes],[data-panel^=note-],[data-panel=clothingcollection],[data-panel^=garment-]){left:max(var(--audit-edge),calc((100vw - 1120px)/2))!important;right:max(var(--audit-edge),calc((100vw - 1120px)/2))!important;translate:none!important;width:auto!important}
 html body.studio-ui #detail#detail#detail#detail#detail .favorite-note-paper{left:50%!important;right:auto!important;width:min(40vw,520px)!important;max-width:40vw!important}
}
@media(max-width:700px){
 html body.studio-ui #detail#detail#detail#detail#detail:is([data-mode=panel],[data-mode=reader],[data-mode=collection]),
 html body.studio-ui #studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup{top:66px!important;bottom:76px!important;height:calc(100dvh - 142px)!important;max-height:calc(100dvh - 142px)!important;min-height:0!important}
 html body.studio-ui #studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup .index-row strong{font-size:14px!important;line-height:19px!important}
 html body.studio-ui #studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup .index-row small{font-size:12px!important;line-height:18px!important}
 html body.studio-ui #detail#detail#detail#detail#detail .product-description{font-size:16px!important;line-height:24px!important}
}
html body.studio-ui.room-timo-playing>footer,html body.studio-ui.room-timo-playing #context-action,html body.studio-ui.room-timo-playing #project-music{opacity:0!important;pointer-events:none!important;transition:opacity 450ms ease!important}
html body.studio-ui #project-music .music-close{display:block!important;opacity:0;transform:rotate(-90deg);transform-origin:12px 12px;transition:opacity 220ms ease,transform 300ms cubic-bezier(.22,1,.36,1)}
html body.studio-ui #project-music.is-open .music-close{opacity:1;transform:rotate(0)}
html body.studio-ui #project-music .music-bar{display:block!important;transition:opacity 200ms ease}
html body.studio-ui #project-music.is-open .music-bar{opacity:0;animation:none!important}
html body.studio-ui.about-menu-open #archive-nav>[data-open=about],html body.studio-ui[data-audit-index] header [data-open=index]{font-size:0!important;position:relative}
html body.studio-ui.about-menu-open #archive-nav>[data-open=about]::after,html body.studio-ui[data-audit-index] header [data-open=index]::after{content:'';display:block;width:12px;height:12px;background:linear-gradient(45deg,transparent 44%,currentColor 45%,currentColor 55%,transparent 56%),linear-gradient(-45deg,transparent 44%,currentColor 45%,currentColor 55%,transparent 56%);animation:chrome-close-in 260ms ease both}
@keyframes chrome-close-in{from{opacity:0;transform:rotate(-60deg) scale(.8)}to{opacity:1;transform:rotate(0) scale(1)}}
@media(hover:hover) and (pointer:fine){
 html body.studio-ui.object-menu-open #set-overview#set-overview#set-overview#set-overview#set-overview#set-overview::after{content:''!important;display:block!important;left:50%!important;right:auto!important;top:50%!important;width:12px!important;height:12px!important;rotate:none!important;background:linear-gradient(45deg,transparent 44%,var(--chrome-ink) 45%,var(--chrome-ink) 55%,transparent 56%),linear-gradient(-45deg,transparent 44%,var(--chrome-ink) 45%,var(--chrome-ink) 55%,transparent 56%)!important;transform:translate(-50%,-50%) rotate(-60deg)!important;opacity:0!important;transition:opacity 220ms ease,transform 260ms ease!important}
 html body.studio-ui.object-menu-open #set-overview#set-overview#set-overview#set-overview#set-overview#set-overview:hover{color:transparent!important}
 html body.studio-ui.object-menu-open #set-overview#set-overview#set-overview#set-overview#set-overview#set-overview:hover::after{opacity:1!important;transform:translate(-50%,-50%) rotate(0)!important}
}
@media(prefers-reduced-motion:reduce){html body.studio-ui #project-music *,html body.studio-ui #set-overview::after,html body.studio-ui #archive-nav button::after{animation:none!important;transition:none!important}}
html body.studio-ui.entering-game>header,html body.studio-ui.entering-game>footer,
html body.studio-ui:has(#detail[data-panel=play-game][open])>header,html body.studio-ui:has(#detail[data-panel=play-game][open])>footer{opacity:0!important;pointer-events:none!important;transition:opacity 450ms ease!important}
html body.studio-ui:is(.entering-game,.room-timo-playing):has(#detail#detail#detail#detail#detail)>footer,
html body.studio-ui:has(#detail#detail#detail#detail#detail[data-panel=play-game][open])>footer{opacity:0!important;pointer-events:none!important;transition:opacity 450ms ease!important}

html body.studio-ui[data-audit-index] header button[data-open=index],html body.studio-ui.about-menu-open #archive-nav button[data-open=about]{color:transparent!important;-webkit-text-fill-color:transparent!important;width:44px!important;min-width:44px!important;font-size:0!important;}
html body.studio-ui[data-audit-index] header button[data-open=index]::after,html body.studio-ui.about-menu-open #archive-nav button[data-open=about]::after{position:absolute;right:0;top:50%;margin-top:-6px;width:12px;height:12px;color:var(--chrome-ink);}
html body.studio-ui.room-timo-playing>header{opacity:1!important;pointer-events:auto!important}
html body.studio-ui.room-timo-playing>header #set-overview{visibility:visible!important;opacity:1!important}
@media(max-width:700px){.object-target[data-object=clock]{min-width:44px;min-height:44px}}

@media(max-width:700px){.object-target[data-object=atari]{min-width:48px;min-height:48px}}
@media(min-width:701px){html body.studio-ui #detail#detail#detail#detail#detail .favorite-note-paper{max-height:calc(100dvh - 250px)!important}}

/* One close location for About and Index, aligned to the right safe margin. */
@media(hover:hover) and (pointer:fine){html body.studio-ui.object-menu-open #set-overview#set-overview#set-overview#set-overview#set-overview#set-overview:hover{-webkit-text-fill-color:transparent!important}}
html body.studio-ui #detail#detail#detail#detail#detail .blog-entries>.blog-ask{margin-bottom:16px!important}
html body.studio-ui #detail#detail#detail#detail#detail .blog-ask+article{margin-top:20px!important;padding-top:0!important}
html body.studio-ui.rat-in-cinema #set-overview,html body.studio-ui.rat-in-cinema header [data-open=index]{visibility:hidden!important;pointer-events:none!important}
html body.studio-ui .rat-cinema-ui{position:fixed!important;inset:auto 0 28px!important;display:flex!important;justify-content:center!important;align-items:center!important;gap:16px!important;font:400 14px/20px var(--type-sans)!important}
html body.studio-ui .rat-cinema-ui button{font:inherit!important;color:white!important}
/* Mobile panels use the freed bottom safe area; one header surface, no stacked strips. */
@media(max-width:700px){
 html body.studio-ui:is([data-audit-index],.about-menu-open):has(#detail#detail#detail#detail#detail)>footer,
 html body.studio-ui:has(#detail#detail#detail#detail#detail[data-panel=contact][open])>footer{opacity:0!important;pointer-events:none!important;visibility:hidden!important}
 html body.studio-ui #detail#detail#detail#detail#detail:is([data-panel=about],[data-panel=contact]),
 html body.studio-ui #studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup{bottom:16px!important;height:calc(100dvh - 82px)!important;max-height:calc(100dvh - 82px)!important}
 html body.studio-ui>header::before{display:none!important}
 html body.studio-ui>header{background:rgba(0,0,0,var(--project-header-fill,0))!important;box-shadow:none!important;backdrop-filter:none!important}
 html body.studio-ui #detail#detail#detail#detail#detail .film-collection-stage .collection-toolbar{position:fixed!important;top:auto!important;bottom:110px!important;left:var(--audit-edge)!important;right:var(--audit-edge)!important;z-index:5!important}
}

/* Timo: no title beneath the TV, and only the original logo exit while playing. */
html body.studio-ui #detail#detail#detail#detail#detail[data-panel=void] .film-collection-stage .collection-toolbar{display:none!important}
html body.studio-ui.entering-game #context-action#context-action#context-action,
html body.studio-ui:has(#detail[data-panel=play-game][open]) #context-action#context-action#context-action,
html body.studio-ui.entering-game .tv-choice,
html body.studio-ui.entering-game #detail#detail#detail#detail#detail .film-collection-stage :is(.collection-toolbar,.stage-information){opacity:0!important;pointer-events:none!important;transition:opacity 450ms ease!important}
html body.studio-ui:has(#detail#detail#detail#detail#detail[data-panel=play-game][open])>header{display:block!important;opacity:1!important;visibility:visible!important;background:transparent!important;pointer-events:none!important;z-index:1000!important}
html body.studio-ui:has(#detail[data-panel=play-game][open])>header::before{display:none!important}
html body.studio-ui:has(#detail[data-panel=play-game][open])>header>:not(#set-overview){opacity:0!important;visibility:hidden!important;pointer-events:none!important}
html body.studio-ui:has(#detail[data-panel=play-game][open]) #set-overview#set-overview#set-overview#set-overview#set-overview#set-overview{display:flex!important;align-items:center!important;justify-content:center!important;position:fixed!important;left:50%!important;top:24px!important;transform:translateX(-50%)!important;width:76px!important;height:44px!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}
html body.studio-ui:has(#detail[data-panel=play-game][open]) #set-overview#set-overview#set-overview#set-overview#set-overview#set-overview::after{display:none!important}
html body.studio-ui:has(#detail[data-panel=play-game][open]) #set-overview .timo-exit-logo{width:76px!important;filter:brightness(0) invert(.42)!important}
html body.studio-ui:has(#detail[data-panel=play-game][open]) #set-overview:is(:hover,:focus-visible) .timo-exit-logo{filter:brightness(0) invert(1)!important}

html body.studio-ui:has(#detail[data-panel=play-game][open]) #set-overview#set-overview#set-overview#set-overview#set-overview#set-overview{padding:0!important}
html body.studio-ui:has(#detail[data-panel=play-game][open]) #set-overview .timo-exit-logo{opacity:1!important;flex:none!important}
@media(min-width:701px){html body.studio-ui:not(.project-content-active):not(:has(#detail[open] .film-collection-stage))>header::before{display:block!important;opacity:0!important;transition:opacity 450ms ease!important}}
html body.studio-ui #detail#detail#detail#detail#detail[data-panel=play-game]{background:#000!important;backdrop-filter:none!important;inset:0!important;width:100vw!important;height:100dvh!important;max-height:none!important;border:0!important;box-shadow:none!important}

/* A single frosted surface per clothing window; never blur the content again. */
html body.studio-ui.clothing-view #detail#detail#detail#detail#detail #detail-content,
html body.studio-ui.clothing-view #detail#detail#detail#detail#detail #detail-content .surface{filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
/* Keep the room's top shade alive through object release. */
html body.studio-ui>header::before{transition:opacity 480ms ease!important}
/* Inspection shading lives in the room composite, including during release.
   Content pages retain their own black background and reading fades. */
html body.studio-ui:has(#living-room) >header::before{background:none!important}
html body.studio-ui #detail#detail#detail#detail#detail .film-collection-stage::after{background:linear-gradient(transparent,#000)!important;top:auto!important;bottom:0!important;height:32%!important}
/* Legacy collection blur used to re-blur the entire already rendered canvas. */
html body.studio-ui #living-room{filter:none!important}

/* Photo controls are fixed: the photograph owns the entire remaining grid. */
html body.studio-ui dialog.image-lightbox[open]{grid-template-columns:minmax(0,1fr)!important;place-items:center;gap:0!important}
html body.studio-ui .image-lightbox figure{grid-column:1/-1!important;width:100%!important;min-width:0!important}
html body.studio-ui .image-lightbox figure img{width:100%!important;height:100%!important;object-fit:contain!important}
html body.studio-ui .image-lightbox button{border:0!important;box-shadow:none!important;outline:none!important}
html body.studio-ui .image-lightbox button:focus-visible{background:rgba(255,255,255,.1)!important;border-radius:0}


/* Standalone readers use the same bounded flex layout as project documents. */
html body.studio-ui #detail#detail#detail#detail#detail:has(.screenplay){height:calc(100dvh - 174px)!important;max-height:none!important;overflow:hidden!important;padding:24px!important;box-sizing:border-box!important}
html body.studio-ui #detail#detail#detail#detail#detail:has(.screenplay) #detail-content{height:100%!important;min-height:0!important;padding:0!important;overflow:hidden!important}
html body.studio-ui #detail#detail#detail#detail#detail .screenplay{height:100%!important;min-height:0!important;display:flex!important;flex-direction:column!important;gap:12px!important;padding:0!important}
@media(max-width:700px){html body.studio-ui #detail#detail#detail#detail#detail:has(.screenplay){top:66px!important;height:calc(100dvh - 144px)!important;padding:16px!important}}
/* Every entry route opens the same document component. */
html body.studio-ui #detail[data-document-host=true]{visibility:hidden!important;pointer-events:none!important}
html body.studio-ui[data-active-panel=visualizer] .reading-edge-fade{display:none!important}
html body.studio-ui.clothing-view #detail#detail#detail#detail#detail{overflow-y:auto!important;overscroll-behavior:contain;touch-action:pan-y}
html body.studio-ui.clothing-view #detail#detail#detail#detail#detail #detail-content{height:auto!important;min-height:100%;overflow:visible!important}

/* Clothing keeps the light window treatment, including its native scrollbar. */
html body.studio-ui.clothing-view #detail#detail#detail#detail#detail,
html body.studio-ui.clothing-view #detail#detail#detail#detail#detail *{
 color-scheme:light!important;scrollbar-color:rgba(35,37,33,.28) transparent!important;
}
html body.studio-ui.clothing-view #detail#detail#detail#detail#detail::-webkit-scrollbar,
html body.studio-ui.clothing-view #detail#detail#detail#detail *::-webkit-scrollbar{width:5px;height:5px;background:transparent!important}
html body.studio-ui.clothing-view #detail#detail#detail#detail#detail::-webkit-scrollbar-track,
html body.studio-ui.clothing-view #detail#detail#detail#detail *::-webkit-scrollbar-track,
html body.studio-ui.clothing-view #detail#detail#detail#detail#detail::-webkit-scrollbar-corner{background:transparent!important}
html body.studio-ui.clothing-view #detail#detail#detail#detail#detail::-webkit-scrollbar-thumb,
html body.studio-ui.clothing-view #detail#detail#detail#detail *::-webkit-scrollbar-thumb{background:rgba(35,37,33,.28)!important;border:0!important;border-radius:0}
html body.studio-ui.clothing-view #detail#detail#detail#detail#detail::-webkit-scrollbar-thumb:hover{background:rgba(35,37,33,.45)!important}

/* Book keeps a single visible reading action; section navigation stays available to gestures. */
html body.studio-ui #detail#detail#detail#detail#detail[data-panel="book"] .collection-controls>button[data-open]{display:none!important}
html body.studio-ui:not(.book-inspecting) #detail#detail#detail#detail#detail[data-panel="book"] .collection-controls>.book-inside-action[data-read-book]{visibility:visible!important;pointer-events:auto!important;width:auto!important}

/* UI audit 06 October: one document surface and one geometry owner. */
:root{--sheet-top:66px;--sheet-bottom:max(12px,env(safe-area-inset-bottom));--control-size:12px;--control-hit:44px;--surface-dark:rgba(25,25,25,.94)}
html body.studio-ui .project-file-overlay{position:fixed;inset:84px auto 28px 50%;transform:translateX(-50%);width:min(1440px,calc(100vw - 2*var(--audit-edge)));height:calc(100dvh - 112px);max-height:none;margin:0;padding:20px 24px;box-sizing:border-box;display:flex;flex-direction:column;gap:16px;overflow:hidden;background:var(--surface-dark);color:#eee;border:1px solid #ffffff26;border-radius:0;outline:none;z-index:1000;color-scheme:dark;animation:document-arrive 260ms ease both}
html body.studio-ui .project-file-overlay[data-context=project]{background:rgba(25,25,25,.99);--day-surface-opacity:.995}
html body.studio-ui .project-file-overlay:not([open]){display:none}
html body.studio-ui .project-file-overlay.is-closing{opacity:0;transition:opacity 220ms ease;animation:none;pointer-events:none}
@keyframes document-arrive{from{opacity:0}to{opacity:1}}
html body.studio-ui .project-file-overlay .file-navigation{position:static;display:flex;align-items:center;gap:24px;min-height:44px;flex:none;padding:0 0 10px;border-bottom:1px solid #ffffff26}
html body.studio-ui .project-file-overlay .file-navigation button{position:static;inset:auto;min-height:44px;flex:none;padding:0;border:0;background:none;color:inherit;font:400 13px/18px var(--type-sans);text-transform:uppercase;white-space:nowrap}
html body.studio-ui .project-file-overlay .file-navigation button[hidden]{display:none}
html body.studio-ui .file-caption{flex:1;min-width:0;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font:400 13px/18px var(--type-sans);color:#b9b9b5}
html body.studio-ui .project-file-overlay .project-file-close{margin-left:auto;width:36px;display:grid;place-items:center}
html body.studio-ui .project-file-close svg,.music-panel-close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.3}
html body.studio-ui .project-file-overlay .file-content{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}
html body.studio-ui .project-file-overlay[data-view=document] .file-content{overflow:hidden}
html body.studio-ui :is(#detail,.project-file-overlay) .screenplay{height:100%;min-height:0;display:flex;flex-direction:column;gap:8px;padding:0!important;color:inherit;background:none}
html body.studio-ui :is(#detail,.project-file-overlay) .screenplay>h1{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;margin:0!important;padding:0!important}
html body.studio-ui .project-file-overlay .reader-heading:empty{display:none}
html body.studio-ui .project-file-overlay .reader-heading{display:flex;justify-content:flex-end;gap:16px;flex:none;margin:0;padding:0}
html body.studio-ui :is(#detail,.project-file-overlay) .screenplay :is(button,input,label,.reader-scale){font:400 13px/18px var(--type-sans)!important;color:inherit}
html body.studio-ui :is(#detail,.project-file-overlay) .screenplay button{min-height:44px!important;min-width:36px!important;padding:4px 8px!important;border:0!important;background:transparent!important;border-radius:0!important}
html body.studio-ui .screenplay button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.2}
html body.studio-ui .screenplay .reader-toolbar{position:relative;order:10;display:flex;align-items:center;justify-content:center;gap:8px;flex:none;flex-wrap:wrap;margin:0;padding:0}
html body.studio-ui .screenplay .reader-toolbar[hidden]{display:none}
html body.studio-ui .screenplay .page-choice{display:flex;align-items:center;gap:6px;white-space:nowrap}
html body.studio-ui .screenplay [data-reader-page]{width:34px!important;height:36px;padding:4px!important;text-align:center;background:none!important;border:0!important;border-bottom:1px solid #ffffff30!important;border-radius:0;appearance:textfield}
html body.studio-ui .screenplay input::-webkit-inner-spin-button{appearance:none}
html body.studio-ui .screenplay .paper-edge{display:none!important}
html body.studio-ui :is(#detail,.project-file-overlay) .screenplay.reader-scalable .paper-scroll{flex:1;min-height:0!important;overflow:auto!important;display:block!important;padding:0 4px!important;overscroll-behavior:contain;touch-action:pan-x pan-y;outline:none}
html body.studio-ui :is(#detail,.project-file-overlay) .screenplay.reader-scalable.reader-zoomed .paper-scroll{touch-action:none}
html body.studio-ui :is(#detail,.project-file-overlay) .screenplay.reader-scalable .paper-page{width:var(--reader-width)!important;height:var(--reader-height)!important;min-width:0!important;max-width:none!important;max-height:none!important;margin:var(--reader-top,0px) auto 0!important;transform:none!important;flex:none!important}
html body.studio-ui :is(#detail,.project-file-overlay) .screenplay.reader-scalable .paper-page img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;transform:none!important}
html body.studio-ui .screenplay .reader-scale{display:none!important;align-items:center;justify-content:center;gap:8px;font-variant-numeric:tabular-nums}
html body.studio-ui .screenplay.reader-adjusting .reader-scale{display:flex!important;position:absolute;inset:0 86px 0 0;transform:none;width:auto!important;max-width:none;padding:0 8px;background:var(--surface-bg,#202020);border:0;z-index:2}
html body.studio-ui .screenplay .reader-scale input{width:100px;height:24px;accent-color:#eee}
html body.studio-ui .screenplay .reader-scale output{min-width:42px;text-align:right}
html body.studio-ui .screenplay:not(.reader-zoomed) [data-reader-fit]{display:none}
html body.studio-ui .screenplay-library{color:inherit}
html body.studio-ui .project-file-overlay .screenplay-library{padding:0;background:none}
html body.studio-ui .project-file-overlay .screenplay-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
html body.studio-ui .project-file-overlay .screenplay-grid[hidden]{display:none}
html body.studio-ui .project-file-overlay .screenplay-card{display:flex;flex-direction:column;align-items:stretch;gap:12px;min-width:0;padding:0;color:inherit;text-align:left}
html body.studio-ui .project-file-overlay .screenplay-card img{width:100%;height:auto;aspect-ratio:.707;object-fit:contain;background:white}
html body.studio-ui .project-file-overlay .screenplay-meta{display:flex;flex-direction:column;gap:4px}
html body.studio-ui .project-file-overlay .screenplay-card-title{font:400 15px/21px var(--type-sans)}
html body.studio-ui .project-file-overlay .screenplay-card small{font:400 12px/18px var(--type-sans);color:#b9b9b5}
html body.studio-ui .project-file-overlay .screenplay-tabs{display:flex;gap:24px;border-bottom:1px solid #ffffff26;margin:16px 0}
html body.studio-ui .project-file-overlay .screenplay-tabs button{font:400 13px/18px var(--type-sans);min-height:44px;color:#aaa}
html body.studio-ui .project-file-overlay .screenplay-tabs [aria-pressed=true]{color:#eee;border-bottom:1px solid currentColor}
html body.studio-ui #detail[data-document-host=true]{visibility:hidden!important;pointer-events:none!important}
html body.studio-ui .project-file-overlay::backdrop{background:transparent}
html body.studio-ui .project-file-overlay :focus-visible{outline:1px solid #aaa;outline-offset:3px;box-shadow:none}
html body.studio-ui .project-file-overlay button:focus-visible{outline:none;text-decoration:underline;text-underline-offset:5px}
html body.studio-ui.document-window-open .reading-edge-fade{opacity:0!important}
html body.studio-ui .window-suppressed{opacity:0!important;pointer-events:none!important;visibility:hidden!important}
/* Closed book action and open spread are mutually exclusive, with the same fade. */
html body.studio-ui #detail#detail#detail#detail#detail[data-panel=book] .collection-toolbar{transition:opacity 350ms ease!important}
html body.studio-ui.book-inspecting #detail#detail#detail#detail#detail[data-panel=book] .collection-toolbar{visibility:visible!important;transition:none!important}
html body.studio-ui.book-inspecting .book-action-hint{display:none!important}
/* Native cursor, restrained focus and readable supporting labels. */
html body.studio-ui :is(button,a,input,textarea,select):focus:not(:focus-visible){outline:none!important;box-shadow:none!important}
html body.studio-ui #studio-index-popup input:focus-visible{outline:1px solid #aaa!important;outline-offset:3px;box-shadow:none!important}
html body.studio-ui .index-clear{display:block;font:400 12px/18px var(--type-sans);padding:8px 0;min-height:36px;color:#ccc;background:none;border:0}
html body.studio-ui .index-clear[hidden]{display:none}
html body.studio-ui #studio-index-popup :is(.index-empty,.empty-state,.empty-search){color:#b9b9b5}
html body.studio-ui #detail#detail#detail#detail#detail .about-representation h2{font:500 12px/18px var(--type-sans)!important;letter-spacing:.02em!important;color:#b9b9b5!important}
html body.studio-ui #detail#detail#detail#detail#detail .about-bottom-links{align-items:center;gap:20px}
html body.studio-ui #detail#detail#detail#detail#detail .about-bottom-links :is(a,button){min-height:44px;display:inline-flex;align-items:center}
html body.studio-ui #detail#detail#detail#detail#detail .blog-paging{display:flex;justify-content:space-between;gap:24px;border-top:1px solid #ffffff26;margin-top:40px;padding-top:12px}
html body.studio-ui .blog-paging button{background:none;border:0;color:inherit;min-height:44px;padding:0;font:400 12px/18px var(--type-sans);text-transform:uppercase}
html body.studio-ui #detail#detail#detail#detail#detail .blog-entry-heading{overflow-wrap:anywhere}
html body.studio-ui .music-panel-close{display:grid;place-items:center;position:absolute;top:6px;right:6px;width:36px;height:36px;border:0;background:none;color:inherit}
html body.studio-ui #player-details :is(#playing-album,#audio-status){padding-right:28px;min-height:20px}
@media(min-width:701px){
 html body.studio-ui #detail#detail#detail#detail#detail[data-panel=about]{left:50%!important;right:auto!important;translate:-50% 0!important;width:min(880px,calc(100vw - 2*var(--audit-edge)))!important}
}
@media(min-width:701px) and (max-width:1100px){
 html body.studio-ui #detail#detail#detail#detail#detail .film-fact-columns{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:28px!important}
 html body.studio-ui #detail#detail#detail#detail#detail .film-fact-columns>.fact-story{grid-column:1/-1}
}
@media(min-width:1600px){
 html body.studio-ui #detail#detail#detail#detail#detail :is(.film-stills,.campaign-gallery,.unified-gallery,.project-photographs,.project-videos){max-width:1440px!important;width:100%!important}
}
/* A mobile sheet fills the available height, with one scroll owner. Typography stays compact. */
@media(max-width:700px),(max-height:500px){
 html body.studio-ui #detail#detail#detail#detail#detail:is([data-mode=panel],[data-mode=reader],[data-mode=collection],[data-panel=contact]),
 html body.studio-ui #studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup,
 html body.studio-ui .project-file-overlay{position:fixed!important;top:var(--sheet-top)!important;bottom:var(--sheet-bottom)!important;left:var(--audit-edge)!important;right:var(--audit-edge)!important;translate:none!important;transform:none!important;width:auto!important;height:calc(100dvh - var(--sheet-top) - var(--sheet-bottom))!important;max-height:none!important;min-height:0!important;box-sizing:border-box!important}
 html body.studio-ui .project-file-overlay{padding:12px!important;gap:10px}
 html body.studio-ui .project-file-overlay .file-navigation{gap:12px;padding-bottom:6px;min-height:36px}
 html body.studio-ui .project-file-overlay .file-navigation button{font-size:11px!important;min-height:36px!important}
 html body.studio-ui .project-file-overlay .file-caption{font-size:11px;line-height:16px;text-align:left}
 html body.studio-ui .project-file-overlay .project-file-close{width:28px}
 html body.studio-ui .project-file-overlay .screenplay-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}
 html body.studio-ui .screenplay .reader-toolbar{gap:2px!important;flex-wrap:nowrap!important}
 html body.studio-ui .screenplay.reader-zoomed .reader-toolbar{flex-wrap:nowrap!important}
 html body.studio-ui :is(#detail,.project-file-overlay) .screenplay :is(button,input,label,.reader-scale){font-size:12px!important;line-height:18px!important}
 html body.studio-ui .screenplay .reader-scale{width:100%}
 html body.studio-ui #detail#detail#detail#detail#detail[data-panel=contact]{overflow-y:auto!important;background:var(--surface-dark)!important;border:1px solid #ffffff26!important;padding:24px!important}
 html body.studio-ui #detail#detail#detail#detail#detail[data-panel=contact] :is(#detail-content,.surface,.contact-form,.mirror-form){position:static!important;inset:auto!important;transform:none!important;width:100%!important;height:auto!important;min-height:0!important;overflow:visible!important}
 html body.studio-ui #detail#detail#detail#detail#detail .contact-fields{position:static!important;inset:auto!important;width:100%!important;height:auto!important;max-height:none!important;overflow:visible!important;transform:none!important;margin:0!important;padding:0!important;background:none!important;border:0!important;backdrop-filter:none!important}
 html body.studio-ui #detail#detail#detail#detail#detail .contact-fields :is(input,textarea){font-size:16px!important;line-height:24px!important}
 html body.studio-ui #detail#detail#detail#detail#detail :is(.record-project,.paper-project) .product-visual{width:min(100%,calc((100dvh - 120px)*.52))!important;max-height:none!important;margin-left:0!important}
 html body.studio-ui #detail#detail#detail#detail#detail .product-introduction{row-gap:28px!important}
 html body.studio-ui #detail#detail#detail#detail#detail .product-description p{font-size:16px!important;line-height:24px!important}
 html body.studio-ui #detail#detail#detail#detail#detail .film-collection-stage .collection-toolbar{bottom:86px!important;top:auto!important;height:128px!important;min-height:128px!important;gap:6px!important;justify-content:flex-start!important}
 html body.studio-ui #detail#detail#detail#detail#detail .collection-heading h1{font-size:22px!important;line-height:26px!important}
 html body.studio-ui #detail#detail#detail#detail#detail .stage-meta-line{font-size:12px!important;line-height:18px!important}
 html body.studio-ui #detail#detail#detail#detail#detail .garment-thumbnails{display:none!important}
}
@media(max-height:500px){
 :root{--sheet-top:58px;--sheet-bottom:8px}
 html body.studio-ui .project-file-overlay{gap:6px}
 html body.studio-ui .screenplay.reader-zoomed .reader-scale{display:none!important}
 html body.studio-ui .project-file-overlay .file-navigation{padding-bottom:2px}
 html body.studio-ui #detail#detail#detail#detail#detail .film-collection-stage .collection-toolbar{bottom:58px!important;height:76px!important;min-height:76px!important}
 html body.studio-ui #detail#detail#detail#detail#detail .collection-heading h1{font-size:18px!important;line-height:22px!important}
}
@media(prefers-reduced-motion:reduce){html body.studio-ui .project-file-overlay{animation:none;transition:none}}

html body.studio-ui:is(.mobile-sheet-open,.document-window-open):has(#detail#detail#detail#detail#detail)>footer,
html body.studio-ui :is(#context-action#context-action#context-action#context-action,#project-music#project-music#project-music).window-suppressed{opacity:0!important;visibility:hidden!important;pointer-events:none!important}

/* Shared scroll material; one unobtrusive thumb, no platform-coloured track. */
html body.studio-ui :is(#detail,#studio-index-popup,#player-details,.project-file-overlay),
html body.studio-ui :is(#detail,#studio-index-popup,#player-details,.project-file-overlay) *{scrollbar-width:thin;scrollbar-color:#ffffff40 transparent}
html body.studio-ui :is(#detail,#studio-index-popup,#player-details,.project-file-overlay)::-webkit-scrollbar,
html body.studio-ui :is(#detail,#studio-index-popup,#player-details,.project-file-overlay) *::-webkit-scrollbar{width:5px;height:5px}
html body.studio-ui :is(#detail,#studio-index-popup,#player-details,.project-file-overlay)::-webkit-scrollbar-track,
html body.studio-ui :is(#detail,#studio-index-popup,#player-details,.project-file-overlay) *::-webkit-scrollbar-track{background:transparent}
html body.studio-ui :is(#detail,#studio-index-popup,#player-details,.project-file-overlay)::-webkit-scrollbar-thumb,
html body.studio-ui :is(#detail,#studio-index-popup,#player-details,.project-file-overlay) *::-webkit-scrollbar-thumb{background:#ffffff40;border:0;border-radius:0}
html body.studio-ui #detail#detail#detail#detail#detail .garment-heading h1{position:static!important;clip-path:none!important;width:auto!important;height:auto!important;overflow:visible!important;white-space:normal!important;font:400 20px/26px var(--type-sans)!important;margin:0!important}
html body.studio-ui #detail#detail#detail#detail#detail .garment-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:20px}
html body.studio-ui .garment-thumbs-toggle{display:none}
@media(max-width:700px),(max-height:500px){
 html body.studio-ui #detail#detail#detail#detail#detail .mirror-portrait{position:static!important;inset:auto!important;width:100%!important;height:auto!important;transform:none!important;margin:8px 0 16px!important;color:inherit!important}
 html body.studio-ui #detail#detail#detail#detail#detail .mirror-portrait:not(:has(video:not([hidden]),img:not([hidden]))) .portrait-frame{display:none!important}
 html body.studio-ui #detail#detail#detail#detail#detail .mirror-portrait .portrait-frame{position:static!important;max-width:160px;height:160px!important}
 html body.studio-ui #detail#detail#detail#detail#detail .mirror-portrait :is([data-portrait-toggle],.portrait-tools){position:static!important;inset:auto!important;transform:none!important;color:#b9b9b5!important;text-align:left!important;font:400 12px/18px var(--type-sans)!important}
 html body.studio-ui #detail#detail#detail#detail#detail .mirror-portrait [data-portrait-toggle]{min-height:44px;padding:0!important}
 html body.studio-ui #detail#detail#detail#detail#detail .garment-heading h1{font-size:17px!important;line-height:23px!important}
 html body.studio-ui #detail#detail#detail#detail#detail .garment-image{height:calc(100dvh - 280px)!important;min-height:180px;display:grid;place-items:center}
 html body.studio-ui #detail#detail#detail#detail#detail .garment-image img{width:100%!important;height:100%!important;max-height:100%!important;object-fit:contain!important}
 html body.studio-ui #detail#detail#detail#detail#detail .garment-thumbs{display:none!important}
 html body.studio-ui #detail#detail#detail#detail#detail .show-thumbnails .garment-thumbs{display:flex!important;gap:8px;overflow-x:auto}
 html body.studio-ui #detail#detail#detail#detail#detail .garment-thumbs-toggle{display:block!important;min-height:44px;padding:0;background:none;border:0;color:inherit;font:400 12px/18px var(--type-sans);text-transform:uppercase}
}

html body.studio-ui #detail#detail#detail#detail#detail .blog-directory{width:100%;max-width:62ch;margin:0 auto 32px;border-bottom:1px solid #ffffff26;padding-bottom:8px}
html body.studio-ui #detail#detail#detail#detail#detail .blog-directory summary{font:400 12px/18px var(--type-sans);text-transform:uppercase;min-height:44px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}
html body.studio-ui .blog-directory summary::after{content:'+'}
html body.studio-ui .blog-directory[open] summary::after{content:'−'}
html body.studio-ui .blog-directory nav{display:grid;gap:8px;padding:8px 0 20px}
html body.studio-ui .blog-directory button{font:400 13px/20px var(--type-sans);min-height:44px;text-align:left;padding:8px 0;background:none;border:0;border-top:1px solid #ffffff18;color:inherit}
html body.studio-ui #detail#detail#detail#detail#detail .garment-viewer{display:grid!important;grid-template-rows:minmax(0,var(--garment-photo-height,48dvh)) 44px!important;height:auto!important;overflow:visible!important}
html body.studio-ui #detail#detail#detail#detail#detail .garment-image{height:100%!important;min-height:0!important}
html body.studio-ui #detail#detail#detail#detail#detail .garment-paging{position:static!important;margin:0!important;height:44px!important;align-self:end}
html body.studio-ui #detail#detail#detail#detail#detail .garment-heading :is(h1,p){text-align:left!important;padding:0!important;background:none!important;backdrop-filter:none!important}
html body.studio-ui :is(.file-navigation button,.reader-toolbar button,.back-collection,.blog-back,.book-inside-action,.project-document-links>button,.document-end button){text-transform:uppercase!important}
html body.studio-ui #player-details :is(#playing-track,#playing-album){white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:20px;max-width:100%}
@media(max-width:700px),(max-height:500px){html body.studio-ui #detail#detail#detail#detail#detail .garment-viewer{--garment-photo-height:clamp(180px,calc(100dvh - 290px),500px)}}
@media(min-width:1600px){
 html body.studio-ui #detail#detail#detail#detail#detail :is(.film-hero,.film-information)>.document-width{max-width:1440px!important;width:calc(100% - 2*var(--audit-edge))!important}
 html body.studio-ui #detail#detail#detail#detail#detail .film-information :is(.project-introduction,.film-fact-columns,.film-credits){max-width:1080px;margin-inline:auto}
}

@media(max-width:700px),(max-height:500px){html body.studio-ui :is(#detail,.project-file-overlay) .screenplay .reader-toolbar button{min-width:32px!important;padding:4px!important}}
html body.studio-ui .project-file-overlay .screenplay-library>h1{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:0;padding:0}
@media(max-height:500px){
 html body.studio-ui{--audit-top:12px;--audit-edge:20px;--audit-bottom:10px}
 html body.studio-ui>header .wordmark,html body.studio-ui>header .wordmark img{width:68px!important}
 html body.studio-ui>header :is(button,a){font-size:12px!important;line-height:18px!important}
}

/* Suppressed chrome leaves softly; inert takes effect immediately. */
html body.studio-ui .window-suppressed{transition:opacity 120ms ease!important}
@media(prefers-reduced-motion:reduce){html body.studio-ui .window-suppressed{transition:none!important}}

html body.studio-ui #player #player-tracks [data-player-track]{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body.studio-ui #player #player-tracks [data-player-track]>span{display:inline-block;width:26px}

/* Blog has one mobile inset; long reader questions should not consume the screen. */
@media(max-width:700px),(max-height:500px){
 html body.studio-ui #detail#detail#detail#detail#detail:is([data-panel=notes],[data-panel^="note-"]) #detail-content{padding:24px!important}
 html body.studio-ui #detail#detail#detail#detail#detail:is([data-panel=notes],[data-panel^="note-"]) .surface{padding:0!important}
 html body.studio-ui #detail#detail#detail#detail#detail .long-question-title{font-size:20px!important;line-height:26px!important}
}
@media(max-width:350px){html body.studio-ui #detail#detail#detail#detail#detail .long-question-title{font-size:18px!important;line-height:24px!important}}

/* Final restrained surface treatment: one small radius, never rounded page edges. */
:root{--surface-radius:3px}
html body.studio-ui :is(#studio-index-popup#studio-index-popup#studio-index-popup,#detail#detail#detail#detail#detail:is([data-mode=panel],[data-mode=reader],[data-mode=collection]),.project-file-overlay,#player-details,#object-hint#object-hint#object-hint,.favorite-note[open],.patient-note,.index-row,.garment-card,.blog-directory,.book-action-hint,.vinyl-play-hint){border-radius:0!important}
html body.studio-ui #detail :is(.surface,.floating-note,.prose-note){border-radius:0!important}
html body.studio-ui #context-action#context-action#context-action{display:grid;transition:color 400ms ease,opacity 650ms ease!important}
#context-action>span{grid-area:1/1;white-space:inherit}
html body.studio-ui.project-content-active #detail#detail#detail#detail#detail .collection-toolbar{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity 450ms ease,visibility 0s 450ms!important}
html body.studio-ui.project-content-active>footer{opacity:0!important;pointer-events:none!important}
@media(max-width:700px),(pointer:coarse){
 html body.studio-ui #detail#detail#detail#detail#detail .mirror-portrait{display:none!important}
}
/* The mark remains sharp; only a tiny masked light sweep repaints while loading. */
#arrival-mark .arrival-letter path{transition:fill 650ms ease}
body[data-arrival=loading] #arrival-mark .arrival-letter path{fill:#484846}
#arrival-mark .arrival-letters::after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,#242423 25%,#c5c5be 48%,#242423 71%);background-size:240% 100%;mask:url('/art/veras-wordmark.svg') center/contain no-repeat;-webkit-mask:url('/art/veras-wordmark.svg') center/contain no-repeat;opacity:0;transition:opacity 650ms ease;pointer-events:none}
body[data-arrival=loading] #arrival-mark .arrival-letters::after{opacity:1;animation:arrival-loading-wave 2200ms ease-in-out infinite}
@keyframes arrival-loading-wave{from{background-position:130% 0}to{background-position:-130% 0}}
@media(prefers-reduced-motion:reduce){#arrival-mark .arrival-letters::after{animation:none!important}#context-action>span{animation:none!important}}

.vinyl-play-action{position:fixed;inset:0;z-index:440;pointer-events:none;opacity:0;visibility:hidden;transition:opacity 350ms ease,visibility 0s 350ms}
.vinyl-play-action[data-active=true]{opacity:1;visibility:visible;transition:opacity 350ms ease}
html body.studio-ui .vinyl-play-target{position:absolute;pointer-events:auto;background:none!important;border:0!important;margin:0!important;padding:0!important;cursor:pointer;outline:none!important}
.vinyl-play-target svg{width:100%;height:100%;display:block;overflow:visible;opacity:0;transition:opacity 250ms ease}
.vinyl-play-target path{fill:none;stroke:#ffffffe0;stroke-width:1.2;vector-effect:non-scaling-stroke}
.vinyl-play-action .vinyl-play-hint{opacity:0;visibility:hidden;animation:none;font:400 12px/18px var(--type-sans);padding:10px 14px;border:1px solid #ffffff20;box-shadow:0 4px 20px #00000012;border-radius:0;background:rgba(22,22,22,.72);backdrop-filter:blur(16px) saturate(110%);transition:opacity 250ms ease,visibility 0s 250ms}
@media(hover:hover) and (pointer:fine){.vinyl-play-target:hover svg,.vinyl-play-target:focus-visible svg{opacity:1}.vinyl-play-action[data-ready=true]:has(.vinyl-play-target:hover,.vinyl-play-target:focus-visible) .vinyl-play-hint{opacity:1;visibility:visible;transition:opacity 250ms ease}}

/* The disc itself is the control; a quiet label sits on its exposed inlay. */
.vinyl-play-target svg{display:none!important}
.vinyl-play-action .vinyl-play-hint{font-size:11px;padding:6px 9px;white-space:nowrap;background:rgba(22,22,22,.72)}
#context-action::after{grid-area:1/2}
html body.studio-ui #detail#detail#detail#detail#detail :is(.favorite-note-paper,.contact-fields,.after-hours-column,.garment-viewer,.gallery-image-frame){border-radius:0!important}

@media(max-width:700px){html body.studio-ui #detail#detail#detail#detail#detail .youtube-note .favorite-note-paper{top:40dvh!important}}

/* Mobile contextual notes rise from the bottom; preserve room for the object above. */
@media(max-width:700px){
 html body.studio-ui #detail#detail#detail#detail#detail .favorite-note .favorite-note-paper{top:auto!important;bottom:86px!important;max-height:32dvh!important;left:var(--audit-edge)!important;right:var(--audit-edge)!important;width:auto!important;margin:0!important;overflow-y:auto!important}
}

/* Interaction follow-up: the visible sheet, including its scrollbar, owns input. */
:root{--surface-radius:6px}
html body.studio-ui :is(#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup,#detail#detail#detail#detail#detail:is([data-mode=panel],[data-mode=reader],[data-mode=collection],[data-panel=contact]),.project-file-overlay,.favorite-note-paper,.patient-note,#player-details,#object-hint,.index-search,.mirror-portrait,.portrait-frame,.clock-time-actions){border-radius:0!important}
html body.studio-ui #detail#detail#detail#detail#detail:is([data-panel=contact],[data-panel=clothingcollection],[data-panel^=garment-]){pointer-events:auto!important;touch-action:pan-y!important;overflow-y:auto!important;overscroll-behavior:contain}
html body.studio-ui [data-portrait-toggle],html body.studio-ui #studio-time .clock-time-actions button{color:#eee!important}
html body.studio-ui #studio-time .clock-time-actions button:disabled{color:#aaa!important}
html body.studio-ui #detail#detail#detail#detail#detail .garment-thumbs-toggle{display:none!important}
html body.studio-ui #detail#detail#detail#detail#detail .garment-heading{flex-direction:column;align-items:center;justify-content:center;gap:4px}
html body.studio-ui #detail#detail#detail#detail#detail .garment-heading :is(h1,p){text-align:center!important;margin:0!important}
html body.studio-ui #detail#detail#detail#detail#detail .garment-year{order:-1;font-size:12px!important;line-height:18px!important}
html body.studio-ui #studio-index-popup#studio-index-popup#studio-index-popup input[type=search]{font-size:16px!important;line-height:22px!important;padding:10px 0!important;border:0!important;border-bottom:1px solid #ffffff26!important;border-radius:0!important;background:transparent!important}
html body.studio-ui #detail#detail#detail#detail#detail .blog-directory,html body.studio-ui #detail#detail#detail#detail#detail .blog-ask{max-width:62ch!important;width:100%!important;margin-left:auto!important;margin-right:auto!important}
html body.studio-ui.entering-game #detail#detail#detail#detail#detail :is(.collection-toolbar,.shelf-title,.stage-information,.stage-title,.collection-heading){opacity:0!important;pointer-events:none!important;transition:opacity 450ms ease!important}
@media(min-width:701px){html body.studio-ui #detail#detail#detail#detail#detail[data-panel=about]{left:var(--audit-edge)!important;right:auto!important;translate:none!important}}
@media(max-width:700px),(max-height:500px){
 html body.studio-ui #detail#detail#detail#detail#detail[data-panel=contact] #detail-content{pointer-events:auto!important}
 html body.studio-ui #detail#detail#detail#detail#detail .contact-representation{gap:12px!important;margin-top:24px!important;line-height:1.3!important}
 html body.studio-ui #detail#detail#detail#detail#detail .contact-representation :is(dt,dd,a){line-height:1.3!important;margin-top:0!important;margin-bottom:0!important}
 html body.studio-ui #detail#detail#detail#detail#detail .garment-viewer{--garment-photo-height:clamp(160px,calc(100dvh - 340px),390px)}
 html body.studio-ui #detail#detail#detail#detail#detail .garment-image img{max-width:84%!important;margin:auto!important}
 html body.studio-ui #detail#detail#detail#detail#detail .garment-card img{max-width:82%!important;margin-inline:auto!important}
}

@media(max-width:700px),(max-height:500px){
 html body.studio-ui #detail#detail#detail#detail#detail .contact-representation{padding-top:8px!important}
 html body.studio-ui #detail#detail#detail#detail#detail .contact-representation dl{row-gap:6px!important;margin-block:8px!important}
 html body.studio-ui #detail#detail#detail#detail#detail .contact-representation a{min-height:32px!important;line-height:18px!important}
}

html body.studio-ui #detail#detail#detail#detail#detail .blog-tools{width:100%;max-width:62ch;margin:0 auto 28px}
html body.studio-ui #detail#detail#detail#detail#detail .blog-tools :is(.blog-ask,.blog-directory){margin:0!important;padding:0!important;border-bottom:1px solid #ffffff26!important}
html body.studio-ui #detail#detail#detail#detail#detail .blog-tools summary{font:400 12px/18px var(--type-sans)!important;min-height:44px!important;padding:0!important}
html body.studio-ui .blog-directory button{display:grid;grid-template-columns:32px 1fr;gap:12px}
html body.studio-ui .blog-directory button small{font-size:11px;color:#aaa}
@media(min-width:701px){
 html body.studio-ui #detail#detail#detail#detail#detail[data-panel=notes] .blog-entries{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(0,2fr);column-gap:44px;align-items:start}
 html body.studio-ui #detail#detail#detail#detail#detail .blog-tools{grid-column:1;grid-row:1 / span 100;position:sticky;top:0;max-height:calc(100dvh - 200px);overflow-y:auto;margin:0!important}
 html body.studio-ui #detail#detail#detail#detail#detail .blog-entries>.blog-entry{grid-column:2;width:100%;min-width:0}
 html body.studio-ui .blog-directory button span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
}
/* Photographs have intrinsic rows; a fixed-height grid previously crushed them. */
html body.studio-ui #detail#detail#detail#detail#detail[data-panel=clothingcollection] #detail-content,
html body.studio-ui #detail#detail#detail#detail#detail .clothing-archive.viewing-photographs,
html body.studio-ui #detail#detail#detail#detail .clothing-archive.viewing-photographs .rich-credits{height:auto!important;max-height:none!important;min-height:0!important;overflow:visible!important;display:block!important}
html body.studio-ui #detail#detail#detail#detail#detail .clothing-archive .campaign-gallery{height:auto!important;max-height:none!important;overflow:visible!important;grid-template-rows:none!important;grid-auto-rows:max-content!important;align-content:start!important}
html body.studio-ui #detail#detail#detail#detail#detail .clothing-archive .campaign-gallery>.gallery-image-frame{height:auto!important;min-height:0!important}
@media(max-width:700px),(max-height:500px){html body.studio-ui #detail#detail#detail#detail#detail .contact-representation dl>div{min-height:32px!important;grid-template-rows:auto!important}}

/* Stable sheets: fade at their final geometry, with the edge inside the radius. */
@keyframes sheet-opacity{from{opacity:0}to{opacity:1}}
html body.studio-ui :is(#studio-index-popup[open],#detail[open][data-mode=panel],#detail[open][data-mode=reader],#detail[open][data-mode=collection]){animation:sheet-opacity 320ms ease both!important}
.reading-edge-fade{border-radius:0;overflow:hidden}
html body.studio-ui #detail#detail#detail#detail#detail .favorite-note[open] .favorite-note-paper{animation:note-opacity 360ms ease both!important;translate:none!important}
html body.studio-ui #detail#detail#detail#detail#detail .favorite-note-paper :is(.audit-reveal,p,h2,a){translate:none!important;transform:none!important;animation:none!important;opacity:1!important}

html body.studio-ui .image-lightbox :is(.lightbox-prev,.lightbox-next){width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;padding:0!important;display:grid;place-items:center;background:none!important;color:#eee!important}
html body.studio-ui .image-lightbox .audit-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
@media(prefers-reduced-motion:reduce){html body.studio-ui :is(#studio-index-popup[open],#detail[open]){animation:none!important}html body.studio-ui #detail#detail#detail#detail#detail .favorite-note[open] .favorite-note-paper{animation:none!important}}
html body.studio-ui[data-audit-index] .reading-edge-fade{display:none!important}
html body.studio-ui #studio-index-popup[open],html body.studio-ui #detail#detail#detail#detail#detail[open][data-panel=about]{transform:none!important}

/* The wordmark fades as the room is revealed. */
body[data-arrival=focusing] #arrival-mark{animation:hotfix-logo-out 850ms ease both!important}
body[data-arrival=focusing] #arrival-curtain{animation:studio-first-image 1100ms 500ms ease both!important}
@keyframes hotfix-logo-out{from{opacity:1}to{opacity:0;visibility:hidden}}
html body.studio-ui.about-menu-open #archive-nav button[data-open=about]{visibility:visible!important;pointer-events:auto!important}
html body.studio-ui.about-menu-open #archive-nav button[data-open=about]::after{left:0;right:auto}
html body.studio-ui #detail#detail#detail#detail#detail .blog-ask{max-width:none!important;width:100%!important;margin:0 0 20px!important;padding:0!important;border-bottom:1px solid #ffffff26!important}
html body.studio-ui.clothing-view #detail#detail#detail#detail#detail{background:rgba(244,243,240,.96)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}

/* The first article follows the Ask divider; avoid a second rule. */
html body.studio-ui #detail#detail#detail#detail#detail[data-panel=notes] .blog-entries>.blog-entry:first-of-type{border-top:0!important;padding-top:0!important}
/* Navigation chrome: medium weight without changing its compact metrics. */
html body.studio-ui>header :is(button,a),
html body.studio-ui>header #set-overview#set-overview#set-overview#set-overview#set-overview,
html body.studio-ui>footer #archive-nav#archive-nav button,
html body.studio-ui.studio-ui #context-action#context-action{font-weight:500!important}
html body.studio-ui>header button[data-open=index].mobile-menu.mobile-menu.mobile-menu,
html body.studio-ui>header button[data-open=index]{font-weight:500!important}

/* About keeps the bottom close control outside its scrolling sheet. */
@media(max-width:700px),(max-height:500px){
 html body.studio-ui #detail#detail#detail#detail#detail[open][data-panel=about]{bottom:calc(var(--audit-bottom) + 56px)!important;height:calc(100dvh - var(--sheet-top) - var(--audit-bottom) - 56px)!important}
 html body.studio-ui.about-menu-open.mobile-sheet-open:not(.document-window-open):has(#detail#detail#detail#detail#detail[open][data-panel=about])>footer:not(.window-suppressed){opacity:1!important;visibility:visible!important;pointer-events:auto!important}
}
/* Remove the old wordmark-shaped cutout: fade an uninterrupted curtain. */
html body[data-arrival=focusing] #arrival-curtain{-webkit-mask:none!important;mask:none!important;animation:arrival-solid-fade 1100ms 720ms cubic-bezier(.4,0,.2,1) both!important}
@keyframes arrival-solid-fade{from{opacity:1}to{opacity:0}}

/* About uses the scene's shared dimming, without a second blur surface or
   detached bottom gradient that can leave a rectangular strip in Safari. */
html body.studio-ui #detail#detail#detail#detail#detail[data-panel=about]{background:rgba(25,25,25,.97)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html body.studio-ui.about-menu-open:not([data-audit-index]) .reading-edge-fade{opacity:0!important;visibility:hidden!important}

/* Game controls always use the dark game palette, independently of room lighting. */
html body.studio-ui .timo-room-help,
html body.studio-ui .timo-room-controls button{background:rgba(22,23,25,.94)!important;color:#eee!important;-webkit-text-fill-color:#eee!important;border:1px solid #ffffff30!important;border-radius:0!important}
html body.studio-ui .timo-room-controls button[aria-pressed=true]{background:#424448!important;color:#fff!important}
html body.studio-ui [data-rat].visible{pointer-events:auto!important;cursor:pointer;touch-action:manipulation}
@media(max-width:700px),(pointer:coarse){
 html body.studio-ui .timo-room-controls{bottom:calc(env(safe-area-inset-bottom,0px) + 18px)!important;left:20px!important;right:20px!important}
 html body.studio-ui .rat-subtitle{bottom:calc(env(safe-area-inset-bottom,0px) + 136px)!important;left:20px!important;right:20px!important;width:auto!important;max-width:none!important;transform:none!important;margin:0!important;font-size:13px!important;line-height:1.45!important}
}
/* Explore uses exactly the same typography as the persistent About control. */
html body.studio-ui #context-action#context-action#context-action.is-cue,
html body.studio-ui #context-action#context-action#context-action.is-cue>span{font:500 14px/20px var(--type-sans)!important;letter-spacing:normal!important;font-stretch:normal!important;text-shadow:none!important}

@media(max-width:700px){
 html body.studio-ui #context-action#context-action#context-action.is-cue,
 html body.studio-ui #context-action#context-action#context-action.is-cue>span{font-size:var(--ui-mobile-size)!important;line-height:var(--ui-line)!important}
}

.mobile-rat-note{position:fixed;left:50%;bottom:calc(var(--audit-bottom) + 80px);transform:translateX(-50%);z-index:460;pointer-events:auto!important;background:rgba(22,23,25,.94);color:#eee;border:1px solid #ffffff20;border-radius:0;padding:12px 16px;font:400 12px/18px var(--type-sans);white-space:nowrap;touch-action:manipulation}
@media(max-width:700px),(pointer:coarse){html body.studio-ui:has(.mobile-rat-note) #object-hint[data-rat]{opacity:0!important;pointer-events:none!important}}
html body.studio-ui.room-timo-playing .timo-room-controls .timo-room-help{background:rgba(22,23,25,.94)!important;color:#eee!important;-webkit-text-fill-color:#eee!important;border:1px solid #ffffff30!important}
@media(max-width:700px),(pointer:coarse){html body.studio-ui.room-timo-playing .timo-room-controls .timo-room-help{display:none!important}}
/* Finish the logo exit on solid black before revealing the loaded room. */
html body[data-arrival=focusing] #arrival-mark{display:grid!important;animation:arrival-mark-soft-exit 700ms cubic-bezier(.22,.61,.36,1) both!important;pointer-events:none!important}
@keyframes arrival-mark-soft-exit{0%{opacity:1;filter:blur(0)}100%{opacity:0;filter:blur(6px);visibility:hidden}}
@media(prefers-reduced-motion:reduce){html body[data-arrival=focusing] #arrival-mark{animation-duration:1ms!important}}

/* Keep held game controls free of text selection and iOS long-press callouts. */
html body.studio-ui .timo-room-controls,html body.studio-ui .timo-room-controls *,html body.studio-ui #detail#detail#detail#detail[data-mode] .timo-room-controls,html body.studio-ui #detail#detail#detail#detail[data-mode] .timo-room-controls *{-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important}

/* Scoped follow-up: quiet reading, stable portrait controls and continuous project arrival. */
html body.studio-ui #detail#detail#detail#detail#detail:is([data-panel=notes],[data-panel^="note-"]) :is(.blog-entry,.blog-entry *,.blog-tools,.blog-tools *){-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important}
html body.studio-ui #detail#detail#detail#detail#detail[data-panel=book] .product-copy-credits[open]{padding-bottom:24px!important}
html body.studio-ui #detail#detail#detail#detail#detail[data-panel=contact] .portrait-actions{position:static!important;transform:none!important;width:100%!important;display:flex!important;align-items:center!important;justify-content:center;gap:8px 20px!important;margin:8px 0 0!important;padding:0!important;background:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html body.studio-ui #detail#detail#detail#detail#detail[data-panel=contact] .portrait-actions :is(button,label){display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:row!important;min-height:40px!important;margin:0!important;padding:0!important;font:400 12px/18px var(--type-sans)!important;color:#eee!important}
html body.studio-ui #detail#detail#detail#detail#detail[data-panel=contact] [data-portrait-toggle] span{display:none!important}
html body.studio-ui #detail#detail#detail#detail#detail[data-panel=contact] .portrait-open .contact-fields{margin-top:0!important}
html body.studio-ui.film-open>header{background:rgba(0,0,0,var(--project-header-fill,0))!important;box-shadow:none!important;backdrop-filter:none!important}
html body.studio-ui.film-open::before{opacity:var(--project-header-fill,0)!important;background:#000!important;transition:none!important}
html body.studio-ui.studio-ui.studio-ui.studio-ui:has(#detail[open] .film-collection-stage)>header::before{background:#000!important;opacity:var(--project-header-fill,0)!important;transition:none!important}
html body.studio-ui #detail#detail#detail#detail#detail[data-mode=film] .film-collection-stage #room{opacity:var(--scene-opacity,1)!important}
@media(max-width:700px),(max-height:500px){
 html body.studio-ui #detail#detail#detail#detail#detail[data-panel=contact]{bottom:0!important;height:calc(100dvh - var(--sheet-top))!important;max-height:none!important;border-radius:0!important;padding-bottom:calc(28px + env(safe-area-inset-bottom,0px))!important}
 html body.studio-ui #detail#detail#detail#detail#detail[data-panel=contact] .mirror-portrait{display:block!important;margin:0 0 24px!important}
 html body.studio-ui #detail#detail#detail#detail#detail[data-panel=contact] .portrait-actions{justify-content:flex-start!important}
 html body.studio-ui #detail#detail#detail#detail#detail[data-panel=contact] [data-portrait-toggle]{color:#eee!important}
}

@media(max-width:700px),(max-height:500px){
 html body.studio-ui #detail#detail#detail#detail#detail[data-panel=contact] .mirror-portrait{display:flex!important;flex-direction:column!important;align-items:flex-start!important}
 html body.studio-ui #detail#detail#detail#detail#detail[data-panel=contact] [data-portrait-toggle]{order:-1;width:auto!important;margin:0!important;text-align:left!important}
}

html body.studio-ui #detail#detail#detail#detail#detail[data-panel=contact] .mirror-portrait [hidden]{display:none!important}

/* Top-layer projection: camera video stays visible above the scrolling form. */
html body.studio-ui #detail#detail#detail#detail#detail[data-panel=contact] .portrait-frame[popover]{position:fixed!important;inset:auto!important;left:var(--mirror-left)!important;top:var(--mirror-top)!important;width:var(--mirror-width)!important;height:var(--mirror-height)!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transform:none!important;overflow:hidden!important;pointer-events:none!important}
html body.studio-ui #detail#detail#detail#detail#detail[data-panel=contact] .portrait-frame[popover]:popover-open{display:block!important}
html body.studio-ui #detail#detail#detail#detail#detail[data-panel=contact] .portrait-frame[popover] :is(video,img){position:absolute!important;inset:7.5%!important;width:85%!important;height:85%!important;border-radius:0!important;object-fit:cover!important}
html body.studio-ui #detail#detail#detail#detail#detail[data-panel=contact] .portrait-frame[popover] video{transform:scaleX(-1)!important}
html body.studio-ui #detail#detail#detail#detail#detail[data-panel=contact] .portrait-frame[popover]::backdrop{background:transparent!important;pointer-events:none!important}

/* Keep the real mirror visible above the mobile form, with portrait controls first. */
html body.studio-ui .mirror-status:not(:empty){background:#1b1b1b!important;color:#eee!important;border:1px solid #393939!important;border-radius:0!important;padding:16px 20px!important;box-shadow:none!important}
html body.studio-ui #toast{background:#1b1b1b!important;color:#eee!important;border:1px solid #393939!important;border-radius:0!important;box-shadow:none!important}
@media(max-width:700px){
 html body.studio-ui:has(#detail[open][data-panel=contact])>footer{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
 html body.studio-ui #detail#detail#detail#detail#detail[data-panel=contact]{top:42dvh!important;height:58dvh!important;max-height:58dvh!important}
 html body.studio-ui #detail#detail#detail#detail#detail[data-panel=contact] .portrait-frame{position:fixed!important;left:calc(var(--mirror-left) + var(--mirror-width)*.075)!important;top:calc(var(--mirror-top) + var(--mirror-height)*.075)!important;width:calc(var(--mirror-width)*.85)!important;height:calc(var(--mirror-height)*.85)!important;max-width:none!important;margin:0!important;transform:none!important;border-radius:0!important;overflow:hidden!important;pointer-events:none!important}
 html body.studio-ui #detail#detail#detail#detail#detail[data-panel=contact] .portrait-frame :is(video,img){width:100%!important;height:100%!important;object-fit:cover!important}
}

@media(min-width:761px){html body.studio-ui #detail#detail#detail#detail#detail[data-panel=contact] .mirror-portrait:has(.portrait-frame[popover]){padding-top:calc(var(--mirror-height) + 18px)!important;box-sizing:border-box!important}}

/* The family film stays a compact floating player on phones. */
@media(max-width:760px){
 html body.studio-ui #detail#detail#detail#detail#detail[data-panel=portrait-video]{position:fixed!important;inset:50% auto auto 50%!important;transform:translate(-50%,-50%)!important;width:calc(100vw - 40px)!important;max-width:420px!important;height:auto!important;min-height:0!important;max-height:calc(100dvh - 160px)!important;margin:0!important;padding:16px!important;overflow:auto!important;border-radius:0!important}
 html body.studio-ui #detail#detail#detail#detail#detail[data-panel=portrait-video] :is(#detail-content,.surface,.rich-media){height:auto!important;min-height:0!important;padding:0!important;margin:0!important}
 html body.studio-ui #detail#detail#detail#detail#detail[data-panel=portrait-video] .video-item{margin:0!important}
 html body.studio-ui #detail#detail#detail#detail#detail[data-panel=portrait-video] .video-host{width:100%!important;height:auto!important;aspect-ratio:var(--video-ratio)!important}
 html body.studio-ui #detail#detail#detail#detail#detail[data-panel=portrait-video] figcaption{margin:12px 0 0!important;font:400 12px/18px var(--type-sans)!important}
}

/* Document captions share the navigation typography and remain truly centered. */
html body.studio-ui .project-file-overlay .file-navigation{position:relative}
html body.studio-ui .project-file-overlay .file-caption{position:absolute;left:50%;transform:translateX(-50%);width:calc(100% - 360px);font:400 13px/18px var(--type-sans)!important;text-transform:uppercase;text-align:center!important;color:inherit;pointer-events:none}
@media(max-width:700px){html body.studio-ui .project-file-overlay .file-navigation{flex-wrap:wrap;padding-top:24px}
html body.studio-ui .project-file-overlay .file-caption{top:0;width:100%;font-size:11px!important;line-height:16px!important}}

html body.studio-ui .project-file-overlay .file-navigation{width:100%;box-sizing:border-box}
html body.studio-ui .project-file-overlay .file-caption{color:#eee!important}

html body.studio-ui .project-file-overlay .file-navigation{inset:auto!important}

/* A restrained glow stays on the logo, and leaves with its existing exit fade. */
#arrival-mark .arrival-letters{filter:drop-shadow(0 0 9px rgba(235,235,220,.18))}

.chrome-letter-transition{position:fixed;z-index:1500;pointer-events:none;display:flex;align-items:center;white-space:pre;text-transform:uppercase}
.chrome-letter-transition>span{display:inline-block}

html body.studio-ui #studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup .index-bottom{margin-top:8px!important;padding-top:14px!important}
.theme-icon-ghost{position:fixed;z-index:1500;pointer-events:none;display:grid;place-items:center}
.theme-icon-ghost svg{width:20px;height:20px;stroke-width:1.35}

/* Directional entrances originate at the edge of the shared floating surface. */
html body.studio-ui #studio-index-popup#studio-index-popup[open]{transform-origin:top left!important;animation:sheet-glide-index 480ms cubic-bezier(.22,1,.36,1) both!important}
html body.studio-ui #detail#detail#detail[open]:is([data-mode=panel],[data-mode=collection],[data-mode=reader]){transform-origin:top right!important;animation:sheet-glide-about 480ms cubic-bezier(.22,1,.36,1) both!important}
@keyframes sheet-glide-index{from{opacity:0;translate:-14px -10px;scale:.975}to{opacity:1;translate:0 0;scale:1}}
@keyframes sheet-glide-about{from{opacity:0;translate:14px -10px;scale:.975}to{opacity:1;translate:0 0;scale:1}}
#weather-toggle{position:relative}
#light-icon.theme-native{visibility:hidden!important}
.theme-morph{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}
.theme-morph svg{width:20px;height:20px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round}
.theme-disc{transition:r 650ms cubic-bezier(.22,.61,.36,1),fill-opacity 500ms ease;fill:currentColor;fill-opacity:0;stroke:currentColor}
.theme-cutout{transition:transform 650ms cubic-bezier(.22,.61,.36,1)}
.theme-rays{transform-origin:12px 12px;transition:opacity 350ms ease,transform 650ms cubic-bezier(.22,.61,.36,1)}
.theme-morph.is-night .theme-disc{r:9px;fill-opacity:1}
.theme-morph.is-night .theme-cutout{transform:translate(-14px,12px)}
.theme-morph.is-night .theme-rays{opacity:0;transform:rotate(40deg) scale(.6)}
@media(prefers-reduced-motion:reduce){html body.studio-ui #studio-index-popup#studio-index-popup[open],html body.studio-ui #detail#detail#detail[open]{animation:none!important}.theme-morph *{transition:none!important}}

/* Keep the closing surface present only for its short, non-interactive exit. */
@supports (transition-behavior:allow-discrete){
 html body.studio-ui #studio-index-popup#studio-index-popup{transition:opacity 300ms ease,scale 300ms ease,display 300ms allow-discrete,overlay 300ms allow-discrete}
 html body.studio-ui #studio-index-popup#studio-index-popup:not([open]){opacity:0;scale:.975;pointer-events:none}
 html body.studio-ui #studio-index-popup#studio-index-popup[open]{opacity:1;scale:1}
}

/* Project pages travel together like adjacent sheets, with no cross-dissolve. */
::view-transition-group(project-page){animation-duration:620ms;animation-timing-function:cubic-bezier(.22,.75,.18,1)}
::view-transition-old(project-page){animation:audit-page-out 620ms cubic-bezier(.22,.75,.18,1) both;mix-blend-mode:normal}
::view-transition-new(project-page){animation:audit-page-in 620ms cubic-bezier(.22,.75,.18,1) both;mix-blend-mode:normal}
::view-transition-image-pair(project-page){isolation:isolate;overflow:clip}
@keyframes audit-page-out{from{transform:translateX(0);opacity:1}to{transform:translateX(var(--page-exit-x));opacity:1}}
@keyframes audit-page-in{from{transform:translateX(var(--page-enter-x));opacity:1}to{transform:translateX(0);opacity:1}}
html body.studio-ui #detail#detail#detail#detail#detail .media-lift-reveal{translate:0 var(--audit-lift,0px)!important;transition:opacity 260ms ease-out,translate 480ms cubic-bezier(.22,.61,.36,1)!important}
@media(prefers-reduced-motion:reduce){html body.studio-ui #detail#detail#detail#detail#detail .media-lift-reveal{translate:none!important;opacity:1!important;transition:none!important}::view-transition-old(project-page),::view-transition-new(project-page){animation:none!important}}

/* Day material: one owner, transparent nested surfaces, matching ink and hairlines. */
html body.studio-ui:not(.night) :is(#detail#detail#detail#detail#detail#detail,#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup,.project-file-overlay,.temporary-panel,.section-menu)[data-day-surface],html body.studio-ui:not(.night) :is(#detail#detail#detail#detail#detail#detail,#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup,.project-file-overlay,.temporary-panel,.section-menu) [data-day-surface]{
 --surface-dark:rgba(244,242,236,.96);--float-ink:#222321;--float-muted:#64645e;--review-ink:#222321;--review-muted:#64645e;--review-rule:#24242030;--ui-ink:#222321;--ui-muted:#64645e;--ui-line:#24242030;--hair:#24242030;--muted:#64645e;
 background:rgba(244,242,236,var(--day-surface-opacity,.96))!important;color:#222321!important;border-color:#24242030!important;color-scheme:light!important;scrollbar-color:#53544a70 transparent!important;
}
:is(html body.studio-ui:not(.night) :is(#detail#detail#detail#detail#detail#detail,#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup,.project-file-overlay,.temporary-panel,.section-menu)[data-day-surface],html body.studio-ui:not(.night) :is(#detail#detail#detail#detail#detail#detail,#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup,.project-file-overlay,.temporary-panel,.section-menu) [data-day-surface]) :where(h1,h2,h3,h4,p,span,strong,b,em,i,small,a,button,label,input,textarea,select,dt,dd,summary,figcaption,output,nav,section,div,article,li,time,details){color:inherit!important;-webkit-text-fill-color:currentColor!important;border-color:#24242030!important;caret-color:#222321}
:is(html body.studio-ui:not(.night) :is(#detail#detail#detail#detail#detail#detail,#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup,.project-file-overlay,.temporary-panel,.section-menu)[data-day-surface],html body.studio-ui:not(.night) :is(#detail#detail#detail#detail#detail#detail,#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup,.project-file-overlay,.temporary-panel,.section-menu) [data-day-surface]) :where(.surface,.about-page,.about-bio,.blog-entries,.blog-entry,.screenplay,.screenplay-library,.file-content,.contact-representation){background:transparent!important;color:inherit!important}
:is(html body.studio-ui:not(.night) :is(#detail#detail#detail#detail#detail#detail,#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup,.project-file-overlay,.temporary-panel,.section-menu)[data-day-surface],html body.studio-ui:not(.night) :is(#detail#detail#detail#detail#detail#detail,#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup,.project-file-overlay,.temporary-panel,.section-menu) [data-day-surface]) :where(small,.eyebrow,.index-kind,.index-year,.screenplay-meta small,.about-representation h2,dt){color:#64645e!important}
:is(html body.studio-ui:not(.night) :is(#detail#detail#detail#detail#detail#detail,#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup,.project-file-overlay,.temporary-panel,.section-menu)[data-day-surface],html body.studio-ui:not(.night) :is(#detail#detail#detail#detail#detail#detail,#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup,.project-file-overlay,.temporary-panel,.section-menu) [data-day-surface]) :where(input,textarea,select){background:transparent!important;accent-color:#33352f}
:is(html body.studio-ui:not(.night) :is(#detail#detail#detail#detail#detail#detail,#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup,.project-file-overlay,.temporary-panel,.section-menu)[data-day-surface],html body.studio-ui:not(.night) :is(#detail#detail#detail#detail#detail#detail,#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup,.project-file-overlay,.temporary-panel,.section-menu) [data-day-surface]) :where(input,textarea)::placeholder{color:#72746c!important;opacity:1}
:is(html body.studio-ui:not(.night) :is(#detail#detail#detail#detail#detail#detail,#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup,.project-file-overlay,.temporary-panel,.section-menu)[data-day-surface],html body.studio-ui:not(.night) :is(#detail#detail#detail#detail#detail#detail,#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup,.project-file-overlay,.temporary-panel,.section-menu) [data-day-surface]) :where(.reader-scale,.reader-toolbar,.portrait-options){background:#eeece5!important;border-color:#24242030!important}
:is(html body.studio-ui:not(.night) :is(#detail#detail#detail#detail#detail#detail,#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup,.project-file-overlay,.temporary-panel,.section-menu)[data-day-surface],html body.studio-ui:not(.night) :is(#detail#detail#detail#detail#detail#detail,#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup,.project-file-overlay,.temporary-panel,.section-menu) [data-day-surface]) :where(.about-representation,.contact-representation) img{filter:brightness(0)!important}
:is(html body.studio-ui:not(.night) :is(#detail#detail#detail#detail#detail#detail,#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup,.project-file-overlay,.temporary-panel,.section-menu)[data-day-surface],html body.studio-ui:not(.night) :is(#detail#detail#detail#detail#detail#detail,#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup,.project-file-overlay,.temporary-panel,.section-menu) [data-day-surface]) :where(button,a):hover{color:#000!important}
:is(html body.studio-ui:not(.night) :is(#detail#detail#detail#detail#detail#detail,#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup,.project-file-overlay,.temporary-panel,.section-menu)[data-day-surface],html body.studio-ui:not(.night) :is(#detail#detail#detail#detail#detail#detail,#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup,.project-file-overlay,.temporary-panel,.section-menu) [data-day-surface]) :where(.index-row):hover{background:#24242008!important}
:is(html body.studio-ui:not(.night) :is(#detail#detail#detail#detail#detail#detail,#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup,.project-file-overlay,.temporary-panel,.section-menu)[data-day-surface],html body.studio-ui:not(.night) :is(#detail#detail#detail#detail#detail#detail,#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup,.project-file-overlay,.temporary-panel,.section-menu) [data-day-surface]) :where(hr){border-color:#24242030!important;background:#24242030!important}
:is(html body.studio-ui:not(.night) :is(#detail#detail#detail#detail#detail#detail,#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup,.project-file-overlay,.temporary-panel,.section-menu)[data-day-surface],html body.studio-ui:not(.night) :is(#detail#detail#detail#detail#detail#detail,#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup,.project-file-overlay,.temporary-panel,.section-menu) [data-day-surface]) :where(button[type=submit]):hover{background:#292a27!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
:is(html body.studio-ui:not(.night) :is(#detail#detail#detail#detail#detail#detail,#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup,.project-file-overlay,.temporary-panel,.section-menu)[data-day-surface],html body.studio-ui:not(.night) :is(#detail#detail#detail#detail#detail#detail,#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup,.project-file-overlay,.temporary-panel,.section-menu) [data-day-surface]) :where(.video-poster,.video-play,.video-play-label,.video-play-icon){color:#fff!important;-webkit-text-fill-color:#fff!important}
:is(html body.studio-ui:not(.night) :is(#detail#detail#detail#detail#detail#detail,#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup,.project-file-overlay,.temporary-panel,.section-menu)[data-day-surface],html body.studio-ui:not(.night) :is(#detail#detail#detail#detail#detail#detail,#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup,.project-file-overlay,.temporary-panel,.section-menu) [data-day-surface]) :where(.file-caption){color:#222321!important}
html body.studio-ui:not(.night) .project-file-overlay.project-file-overlay{background:rgba(244,242,236,.98)!important}
html body.studio-ui:not(.night) .project-file-overlay .screenplay [data-reader-page]{border-bottom-color:#24242040!important}
html body.studio-ui:not(.night) .project-file-overlay .screenplay-tabs [aria-pressed=true]{border-bottom-color:#222321!important;color:#222321!important}

:is(html body.studio-ui:not(.night) :is(#detail#detail#detail#detail#detail#detail,#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup,.project-file-overlay,.temporary-panel,.section-menu)[data-day-surface],html body.studio-ui:not(.night) :is(#detail#detail#detail#detail#detail#detail,#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup,.project-file-overlay,.temporary-panel,.section-menu) [data-day-surface]) .film-play,:is(html body.studio-ui:not(.night) :is(#detail#detail#detail#detail#detail#detail,#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup,.project-file-overlay,.temporary-panel,.section-menu)[data-day-surface],html body.studio-ui:not(.night) :is(#detail#detail#detail#detail#detail#detail,#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup,.project-file-overlay,.temporary-panel,.section-menu) [data-day-surface]) .film-play *{color:#fff!important;-webkit-text-fill-color:#fff!important}
html body.studio-ui [data-day-surface]{transition:background-color 450ms ease,color 350ms ease,border-color 450ms ease,opacity 300ms ease,scale 300ms ease,display 300ms allow-discrete,overlay 300ms allow-discrete}
@media(prefers-reduced-motion:reduce){html body.studio-ui [data-day-surface]{transition:none!important}}

:is(html body.studio-ui:not(.night) :is(#detail#detail#detail#detail#detail#detail,#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup,.project-file-overlay,.temporary-panel,.section-menu)[data-day-surface],html body.studio-ui:not(.night) :is(#detail#detail#detail#detail#detail#detail,#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup,.project-file-overlay,.temporary-panel,.section-menu) [data-day-surface]) :where(*){border-color:#24242030!important}
:is(html body.studio-ui:not(.night) :is(#detail#detail#detail#detail#detail#detail,#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup,.project-file-overlay,.temporary-panel,.section-menu)[data-day-surface],html body.studio-ui:not(.night) :is(#detail#detail#detail#detail#detail#detail,#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup,.project-file-overlay,.temporary-panel,.section-menu) [data-day-surface]) :where(header,footer,fieldset,legend){color:inherit!important}

/* Cabinet chrome belongs to the departing stage, not the reading viewport. */
html body.studio-ui:has(#detail[open] .film-collection-stage)>footer,
html body.studio-ui:has(#detail[open] .film-collection-stage) #context-action#context-action,
html body.studio-ui:has(#detail[open] .film-collection-stage) #project-music{
 translate:0 var(--context-chrome-y,0px)!important;
}
/* Project header has one surface. Its size never switches at a scroll threshold. */
html body.studio-ui.studio-ui:has(#detail#detail[open] .film-collection-stage)::before{opacity:0!important}
html body.studio-ui.studio-ui.studio-ui.studio-ui.studio-ui:has(#detail[open] .film-collection-stage)>header{
 background:transparent!important;
 transition:none!important;
}
/* Entrance is owned by window-motion, so nested fades never double up. */
html body.studio-ui #studio-index-popup#studio-index-popup[open],
html body.studio-ui #detail#detail#detail[open]:is([data-mode=panel],[data-mode=collection],[data-mode=reader]),
html body.studio-ui .project-file-overlay,
html body.studio-ui .image-lightbox,
html body.studio-ui #player-details:not([hidden]),
html body.studio-ui #detail#detail#detail#detail#detail .favorite-note[open] .favorite-note-paper{animation:none!important}
html body.studio-ui #studio-time:not([hidden]){animation:none!important}
@media(max-width:700px){
 html body.studio-ui:not(.night) #detail#detail#detail#detail#detail#detail[data-panel=contact]{background:rgba(244,242,236,.96)!important;color:#222321!important}
 html body.studio-ui:not(.night) #detail#detail#detail#detail#detail#detail[data-panel=contact] .contact-fields{background:transparent!important}
}

/* Hover labels and Clothing use the same day/night surface palette. */
html body.studio-ui{--floating-surface:rgba(244,242,236,.96);--floating-text:#222321;--floating-muted:#64645e;--floating-rule:#24242030}
html body.studio-ui.night{--floating-surface:rgba(24,24,24,.96);--floating-text:#eeeeea;--floating-muted:#b5b5b0;--floating-rule:#ffffff26}
html body.studio-ui #object-hint#object-hint#object-hint#object-hint#object-hint#object-hint#object-hint,
html body.studio-ui .vinyl-play-action .vinyl-play-hint,
html body.studio-ui .book-action-hint{background:var(--floating-surface)!important;color:var(--floating-text)!important;border-color:var(--floating-rule)!important;--muted:var(--floating-muted);--float-ink:var(--floating-text)}
html body.studio-ui #object-hint#object-hint#object-hint#object-hint#object-hint#object-hint#object-hint *{color:inherit!important;-webkit-text-fill-color:currentColor!important}
html body.studio-ui.night.clothing-view #detail#detail#detail#detail#detail#detail,
html body.studio-ui.night.clothing-view .image-lightbox{background:var(--floating-surface)!important;color:var(--floating-text)!important;--float-ink:var(--floating-text);--float-muted:var(--floating-muted);--review-ink:var(--floating-text);--review-muted:var(--floating-muted);--review-rule:var(--floating-rule);--hair:var(--floating-rule);color-scheme:dark!important;scrollbar-color:#ffffff50 transparent!important}
html body.studio-ui.night.clothing-view #detail#detail#detail#detail#detail#detail :is(.surface,.clothing-archive,.garment-viewer,.clothing-years){background:transparent!important;color:inherit!important}
html body.studio-ui.night.clothing-view #detail#detail#detail#detail#detail#detail :where(h1,h2,h3,p,span,small,button,a,summary,nav,section,div,time){color:inherit!important;-webkit-text-fill-color:currentColor!important;border-color:var(--floating-rule)!important}
html body.studio-ui.night.clothing-view #detail#detail#detail#detail#detail#detail *::-webkit-scrollbar-thumb{background:#ffffff50!important}
html body.studio-ui.night.clothing-view .image-lightbox::backdrop{background:#0009!important}
.chrome-letter-transition svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;flex:none}

/* Quiet cabinet navigation: title/counter centred, context at the left edge. */
html body.studio-ui #detail#detail#detail#detail#detail .film-collection-stage .stage-meta-line{display:none!important}
#stage-footer-meta{display:none;color:var(--chrome-ink);font:500 14px/20px var(--type-sans);text-transform:none;letter-spacing:normal;pointer-events:none}
html body.studio-ui.stage-has-metadata #archive-nav#archive-nav#archive-nav#archive-nav>[data-open=about]{display:none!important}
html body.studio-ui.stage-has-metadata #stage-footer-meta{display:block;max-width:calc(50vw - 80px)}
html body.studio-ui #context-action#context-action[data-kind=project]{width:44px;max-width:44px;color:var(--chrome-ink)!important}
.project-down-arrow{display:block;width:24px;height:38px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;transition:transform 400ms cubic-bezier(.22,1,.36,1)}
@media(hover:hover){#context-action[data-kind=project]:hover .project-down-arrow{transform:translateY(4px)}}
@media(max-width:700px){#stage-footer-meta{font-size:12px;line-height:17px}.project-down-arrow{height:32px;width:22px}}
@media(prefers-reduced-motion:reduce){.project-down-arrow{transition:none!important}}

html body.studio-ui:has(#detail#detail#detail#detail#detail[open] .film-collection-stage)>footer :is(#archive-nav#archive-nav,.room-controls){position:relative!important;inset:auto!important;translate:none!important;transform:none!important}

html body.studio-ui:has(#detail#detail#detail#detail#detail[open] .film-collection-stage)>footer{justify-content:space-between!important}

/* Scroll owns opacity directly: no delayed movement chasing the scroll position. */
html body.studio-ui:has(#detail#detail#detail#detail#detail[open] .film-collection-stage)>footer,
html body.studio-ui:has(#detail[open] .film-collection-stage) :is(#context-action#context-action#context-action,#project-music.at-footer){transition:none!important;translate:0 var(--context-chrome-y,0px)!important}
html body.studio-ui:has(#detail[open] .film-collection-stage)>header{transition:none!important}
html body.studio-ui #detail#detail#detail#detail#detail .film-collection-stage .collection-toolbar{transition:none!important}
html body.studio-ui #detail#detail#detail#detail#detail#detail#detail[data-panel=contact] .mirror-portrait :is([data-portrait-toggle],.portrait-tools,.portrait-tools *){color:#fff!important;-webkit-text-fill-color:#fff!important}
html body.studio-ui #detail#detail#detail#detail#detail#detail#detail[data-panel=contact] .portrait-options{background:rgba(24,24,24,.94)!important;color:#fff!important}
html body.studio-ui #detail#detail#detail#detail#detail#detail#detail[data-panel=contact] .portrait-options *{color:#fff!important;-webkit-text-fill-color:#fff!important}
html body.studio-ui #detail#detail#detail#detail#detail .garment-card small,
html body.studio-ui #detail#detail#detail#detail#detail .garment-year{font-weight:500!important}
/* One clean header band; only the whole surface fades, never the image beneath. */
html body.studio-ui.studio-ui.studio-ui.studio-ui.studio-ui:has(#detail[open] .film-collection-stage)>header::before{
 content:'';display:block!important;position:fixed!important;inset:0 0 auto!important;
 width:100vw!important;height:calc(var(--audit-top,28px) + 68px + env(safe-area-inset-top,0px))!important;
 background:#000!important;
 opacity:var(--project-header-fill,0)!important;transform:none!important;filter:none!important;
 transition:opacity 180ms linear!important;pointer-events:none;z-index:-1;
}
@media(prefers-reduced-motion:reduce){html body.studio-ui.studio-ui.studio-ui.studio-ui.studio-ui:has(#detail[open] .film-collection-stage)>header::before{transition:none!important}}
/* On a phone this control sits on the light form, rather than over the mirror. */
@media(max-width:760px){html body.studio-ui:not(.night) #detail#detail#detail#detail#detail#detail#detail[data-panel=contact] .mirror-portrait :is([data-portrait-toggle],.portrait-tools,.portrait-tools *){color:#222321!important;-webkit-text-fill-color:#222321!important}}

/* Index: one quiet row for filtering and searching. */
html body.studio-ui #studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup .index-header{display:block!important;margin-bottom:24px!important}
html body.studio-ui #studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup .index-tools{display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--floating-rule);margin-bottom:18px}
html body.studio-ui #studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup .category-tabs{margin:0!important;border:0!important;flex:0 1 auto;gap:18px!important}
html body.studio-ui #studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup .index-search-inline{display:flex;align-items:center;gap:8px;margin-left:auto;width:210px;flex:0 1 210px;min-width:170px;border-radius:0;transition:background 180ms ease}
html body.studio-ui #studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup .index-search-inline:focus-within{background:color-mix(in srgb,var(--floating-text) 6%,transparent)}
html body.studio-ui #studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup .index-search-inline svg{width:14px;height:14px;flex:none;fill:none;stroke:currentColor;stroke-width:1.4;margin-left:6px}
html body.studio-ui #studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup .search{border:0!important;outline:none!important;background:transparent!important;padding:0!important;height:44px!important;font:400 12px/18px var(--type-sans)!important;border-radius:0!important;box-shadow:none!important;color:inherit!important}
html body.studio-ui #studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup .search::placeholder{color:inherit;opacity:.75}
html body.studio-ui #studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup .index-clear{position:static!important;flex:none;width:28px;height:36px;padding:0;border:0;background:none;font-size:18px}
html body.studio-ui #studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup .index-row{border-radius:0!important;border-bottom:1px solid var(--floating-rule)!important}
html body.studio-ui #studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup .index-row :is(.index-kind,.index-year){font-size:12px!important;line-height:18px!important;color:var(--floating-muted)!important;opacity:1!important}
.index-list-edge{position:fixed;height:24px;background:linear-gradient(transparent,var(--floating-surface));pointer-events:none;z-index:1001;border-radius:0}
.index-list-edge[hidden]{display:none!important}
@media(max-width:700px){
 html body.studio-ui #studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup .index-tools{flex-wrap:wrap;gap:0;padding-bottom:4px}
 html body.studio-ui #studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup .category-tabs{width:100%;gap:clamp(8px,calc(10vw - 24px),14px)!important;flex-wrap:nowrap!important}
 html body.studio-ui #studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup .index-search-inline{width:100%;flex-basis:100%;margin:0}
}
html body.studio-ui #studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup .index-row{border-radius:0!important;border:0!important;border-top:1px solid var(--floating-rule)!important}
html body.studio-ui #studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup .search::placeholder{font:inherit!important;letter-spacing:inherit!important}
@media(max-width:700px){html body.studio-ui #studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup #index-results>.index-row:first-child{border-top:0!important}}
/* Mobile Index owns the screen; studio footer controls never overlap its rows. */
@media(max-width:700px),(max-height:500px){
 html body.studio-ui:has(#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup[open])>footer,
 html body.studio-ui:has(#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup[open]) #context-action#context-action#context-action,
 html body.studio-ui:has(#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup[open]) #project-music#project-music{display:none!important;visibility:hidden!important;pointer-events:none!important}
}

/* The cabinet footer is viewport anchored; only its shared opacity follows scroll. */
html body.studio-ui:has(#detail#detail#detail#detail#detail[open] .film-collection-stage)>footer{position:fixed!important;top:auto!important;bottom:var(--audit-bottom)!important;height:44px!important;transform:none;translate:0 var(--context-chrome-y,0px)!important}
#stage-footer-meta{transition:none!important;transform:none!important;translate:none!important}
/* Directional feedback belongs to the icon, never to the hit target. */
.project-down-arrow,.project-up-arrow{transition:transform 260ms cubic-bezier(.22,1,.36,1);transform:translateY(0)}
html body.studio-ui .back-to-top{display:inline-flex!important;align-items:center;gap:8px;min-height:44px}
.project-up-arrow{display:block;width:16px;height:25px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
@media(hover:hover){#context-action[data-kind=project]:hover .project-down-arrow{transform:translateY(3px)}.back-to-top:hover .project-up-arrow{transform:translateY(-3px)}}
#context-action[data-kind=project]:active .project-down-arrow{transform:translateY(5px)}
.back-to-top:active .project-up-arrow{transform:translateY(-5px)}
@media(prefers-reduced-motion:reduce){.project-down-arrow,.project-up-arrow{transition:none!important;transform:none!important}}
/* Inline photo expansion shares the video's responsive gallery chapters. */
html body.studio-ui #detail#detail#detail#detail#detail#detail .inline-photo-group{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:16px!important;align-items:start!important;overflow-anchor:none}
html body.studio-ui #detail#detail#detail#detail#detail#detail .inline-photo-feature{position:relative;grid-column:1/-1!important;grid-row:1!important;margin:0!important;width:100%;min-width:0;overflow:hidden;border-radius:0;background:#080808}
html body.studio-ui #detail#detail#detail#detail#detail#detail .inline-photo-feature>img{display:block!important;width:100%!important;height:auto!important;max-height:min(68vh,720px)!important;aspect-ratio:auto!important;object-fit:contain!important;margin:0!important;cursor:zoom-out;opacity:1!important;transform:none!important}
html body.studio-ui #detail#detail#detail#detail#detail#detail .inline-photo-group>.gallery-video{grid-column:1/3!important;grid-row:2!important}
html body.studio-ui #detail#detail#detail#detail#detail#detail .inline-photo-group>.gallery-section-photos{grid-column:3/-1!important;grid-row:2!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}
html body.studio-ui #detail#detail#detail#detail#detail#detail .inline-photo-group>img{width:100%!important;height:auto!important;aspect-ratio:4/3!important;object-fit:cover!important;grid-column:auto!important;opacity:.7!important;cursor:zoom-in}
html body.studio-ui #detail#detail#detail#detail#detail#detail .inline-photo-group img[aria-expanded=true]{opacity:1!important;outline:1px solid #fff8;outline-offset:3px}
.inline-photo-close{position:absolute;top:10px;right:10px;width:44px;height:44px;border:0!important;border-radius:0;background:#0008!important;color:#fff!important;display:grid;place-items:center;cursor:pointer}
.inline-photo-close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
@media(max-width:700px){
 html body.studio-ui #detail#detail#detail#detail#detail#detail .inline-photo-group{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}
 html body.studio-ui #detail#detail#detail#detail#detail#detail .inline-photo-feature>img{height:auto!important;max-height:min(55dvh,520px)!important}
 html body.studio-ui #detail#detail#detail#detail#detail#detail .inline-photo-group>.gallery-video{grid-column:1/3!important}
 html body.studio-ui #detail#detail#detail#detail#detail#detail .inline-photo-group>.gallery-section-photos{grid-column:3/-1!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
}

/* Compact object captions; shared day/night glass, quiet hierarchy. */
html body.studio-ui #object-hint#object-hint#object-hint#object-hint#object-hint#object-hint#object-hint#object-hint{
 box-sizing:border-box!important;padding:12px 15px!important;height:auto!important;min-height:0!important;border:0!important;border-radius:0!important;text-align:left!important;
 background:var(--floating-surface)!important;backdrop-filter:blur(16px) saturate(110%)!important;-webkit-backdrop-filter:blur(16px) saturate(110%)!important;
 box-shadow:0 3px 14px #0000000d!important;transition:opacity 140ms ease,background-color 220ms ease,color 220ms ease!important;
}
html body.studio-ui #object-hint#object-hint#object-hint#object-hint#object-hint#object-hint#object-hint#object-hint strong{display:block!important;font:400 17px/21px var(--type-sans)!important;color:var(--floating-text)!important;margin:0!important}
html body.studio-ui #object-hint#object-hint#object-hint#object-hint#object-hint#object-hint#object-hint#object-hint small{display:block!important;font:400 12.5px/17px var(--type-sans)!important;color:var(--floating-muted)!important;margin:4px 0 0!important;white-space:normal!important}
html body.studio-ui #object-hint small:empty{display:none!important}
html body.studio-ui #object-tether path{stroke-width:1!important;opacity:.8}
html body.studio-ui #set-overview#set-overview#set-overview#set-overview#set-overview#set-overview#set-overview::after{transform:translate(-50%,-50%)!important;transition:opacity 130ms ease!important}
@media(prefers-reduced-motion:reduce){html body.studio-ui #object-hint{transition:none!important}}

html body.studio-ui .vinyl-play-action .vinyl-play-hint,html body.studio-ui .book-action-hint{border:0!important;border-radius:0!important;box-shadow:0 3px 14px #0000000d!important;backdrop-filter:blur(16px) saturate(110%)!important;-webkit-backdrop-filter:blur(16px) saturate(110%)!important;transition:opacity 140ms ease,visibility 0s 140ms!important}

/* Keep both corner controls on the same viewport baseline as the stage UI. */
html body.studio-ui:has(#detail#detail#detail#detail#detail#detail#detail#detail#detail[open] .film-collection-stage)>footer #archive-nav#archive-nav{position:fixed!important;left:var(--audit-edge)!important;right:auto!important;top:auto!important;bottom:var(--audit-bottom)!important;height:44px!important;transform:none!important;translate:none!important;margin:0!important}
html body.studio-ui:has(#detail#detail#detail#detail#detail#detail#detail#detail#detail[open] .film-collection-stage)>footer .room-controls.room-controls.room-controls{position:fixed!important;left:auto!important;right:var(--audit-edge)!important;top:auto!important;bottom:var(--audit-bottom)!important;height:44px!important;transform:none!important;translate:none!important;margin:0!important}
/* These centered archives fade in place; no inherited legacy translate/scale. */
html body.studio-ui #detail#detail#detail#detail#detail#detail:is([data-panel=notes],[data-panel=clothingcollection],[data-panel^="garment-"]){transform:none!important;scale:none!important;transition:opacity 300ms ease!important}

/* Zoom replaces the pagination in the same toolbar, leaving paper height stable. */
html body.studio-ui .screenplay [data-reader-fit]{display:none!important}
html body.studio-ui .screenplay.reader-adjusting [data-reader-fit]{display:block!important;position:absolute;right:84px;z-index:3}
html body.studio-ui .screenplay.reader-adjusting .reader-scale{padding-right:60px}
html body.studio-ui .screenplay.reader-adjusting .reader-scale input{width:clamp(70px,18vw,140px)}
html body.studio-ui .screenplay.reader-adjusting .reader-toolbar{min-height:44px}
html body.studio-ui .screenplay.reader-adjusting .reader-toolbar> :not(.reader-scale):not([data-reader-fit]):not([data-reader-zoom]){visibility:hidden}

html body.studio-ui .screenplay.reader-adjusting [data-reader-zoom]{position:absolute;right:0;z-index:3}
html body.studio-ui .screenplay.reader-adjusting .reader-scale{right:140px;padding-right:0}

/* One compact screenplay heading; the site header owns closing. */
html body.studio-ui .project-file-overlay[data-context=studio] .project-file-close{display:none!important}
html body.studio-ui .project-file-overlay[data-view=library] .file-navigation{min-height:32px!important;padding:0 0 8px!important;flex-wrap:nowrap!important}
html body.studio-ui .project-file-overlay[data-view=library] .file-caption{position:static!important;transform:none!important;width:100%!important}
html body.studio-ui .project-file-overlay[data-view=library] .file-content>.surface{padding:0!important}
html body.studio-ui .project-file-overlay[data-view=library] .script-tabs{border:0!important;padding:0!important;margin:0 0 12px!important}
html body.studio-ui .project-file-overlay[data-view=library] [role=group]{border:0!important;margin:0 0 12px!important;padding:0!important}
/* Existing images grow in place, without a duplicate feature panel. */
html body.studio-ui #detail#detail#detail#detail#detail#detail .inline-photo-group{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:12px!important}
html body.studio-ui #detail#detail#detail#detail#detail#detail .inline-photo-group>img{grid-column:span 2!important;cursor:pointer!important;transition:opacity 180ms;outline:none!important}
html body.studio-ui #detail#detail#detail#detail#detail#detail .inline-photo-group>img[aria-expanded=true]{grid-column:1/-1!important;width:100%!important;height:auto!important;max-height:72dvh;aspect-ratio:auto!important;object-fit:contain!important;opacity:1!important;outline:none!important}
html body.studio-ui #detail#detail#detail#detail#detail#detail .gallery-section:has(img[aria-expanded=true]){grid-template-columns:1fr 3fr!important}
html body.studio-ui #detail#detail#detail#detail#detail#detail :is(.film-stills,.gallery-strip,.campaign-gallery,.clothing-gallery) img{cursor:pointer!important}
@media(max-width:700px){html body.studio-ui #detail#detail#detail#detail#detail#detail .gallery-section:has(img[aria-expanded=true]){grid-template-columns:1fr!important}}

html body.studio-ui #player-details:not([hidden]),html body.studio-ui #studio-index-popup#studio-index-popup[open]{animation:none!important;transition:none!important}
html body.studio-ui #project-music :is(.music-bar,.music-close){transition:opacity 120ms ease!important;transform:none!important}

/* Mobile search shares the Index heading; filters retain their own row. */
@media(max-width:700px){
 html body.studio-ui #studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup .index-header{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between;gap:12px;margin-bottom:14px!important}
 html body.studio-ui #studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup .index-header h1{margin:0!important;flex:none}
 html body.studio-ui #studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup .index-header .index-search-inline{width:164px;min-width:0;flex:0 1 164px;margin:0}
 html body.studio-ui #studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup .index-header .search{width:100%!important;min-width:0!important}
}
@media(max-width:700px){
 html body.studio-ui .screenplay.reader-adjusting .reader-scale{right:140px;gap:5px;padding:0;min-width:0}
 html body.studio-ui .screenplay.reader-adjusting .reader-scale input{width:54px;min-width:0;flex:1}
 html body.studio-ui .screenplay.reader-adjusting .reader-scale button{width:22px;min-width:22px;padding:0}
 html body.studio-ui .screenplay.reader-adjusting .reader-scale output{font-size:11px;min-width:32px}
}

#stage-footer-meta .stage-meta-group + .stage-meta-group::before{content:' · '}
@media(max-width:700px){
 html body.studio-ui:has(#detail#detail#detail#detail#detail[open] .film-collection-stage)>footer{bottom:calc(var(--audit-bottom) + 58px)!important}
 html body.studio-ui.stage-has-metadata #stage-footer-meta{max-width:calc(100vw - 112px);text-align:left}
 #stage-footer-meta .stage-meta-group{display:block;white-space:nowrap}
 #stage-footer-meta .stage-meta-group + .stage-meta-group::before{content:none}
}
@media(max-width:700px){
 html body.studio-ui:has(#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail[open] .film-collection-stage)>footer :is(#archive-nav#archive-nav#archive-nav,.room-controls){position:relative!important;inset:auto!important;transform:none!important;translate:none!important}
}
/* Mobile cabinet browsing groups project context under its title. */
@media(max-width:700px){
 html body.studio-ui #detail#detail#detail#detail#detail#detail .film-collection-stage .stage-meta-line{display:block!important;font:400 12px/17px var(--type-sans)!important;color:#eee!important;white-space:nowrap;text-align:center;max-width:100%;margin:0}
 html body.studio-ui #detail#detail#detail#detail#detail#detail .film-collection-stage .collection-heading{gap:5px!important}
 html body.studio-ui:has(#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail[open] .film-collection-stage)>footer{display:none!important}
}

html body.studio-ui #detail#detail#detail#detail .blog-directory [aria-current=true],html body.studio-ui #detail#detail#detail#detail .blog-directory [aria-current=true] span{font-weight:600!important;color:var(--floating-text)!important}
html body.studio-ui #detail .work-category a.credit-row{text-decoration:none;color:inherit}
html body.studio-ui:has(#detail[open][data-panel=about]) #player-details{display:none!important}

/* One stationary chrome group: exactly the title's opacity and blur. */
html body.studio-ui:has(#detail[open] .film-collection-stage) .collection-toolbar,
html body.studio-ui:has(#detail[open] .film-collection-stage)>footer,
html body.studio-ui:has(#detail[open] .film-collection-stage) #context-action,
html body.studio-ui:has(#detail[open] .film-collection-stage) #project-music.at-footer{filter:blur(var(--stage-chrome-blur,0px))!important}
html body.studio-ui:has(#detail[open] .film-collection-stage) #project-music.at-footer{opacity:var(--context-chrome-opacity,1)!important}
html body.studio-ui #detail#detail#detail#detail .document-end :is(.back-to-studio,.back-to-top){display:inline-flex!important;align-items:center;gap:8px}
html body.studio-ui #detail#detail#detail#detail#detail#detail#detail:is([data-panel=notes],[data-panel^="note-"]) :is(.blog-entry,.blog-entry *){user-select:text!important;-webkit-user-select:text!important;-webkit-touch-callout:default!important}
html body.studio-ui #detail:is([data-panel=notes],[data-panel^="note-"]) ::selection{background:#171717;color:#fff}
html body.studio-ui.night #detail:is([data-panel=notes],[data-panel^="note-"]) ::selection{background:#fff;color:#111}
.file-window-backdrop{position:fixed;inset:0;z-index:999;background:transparent}
html body.studio-ui .project-file-overlay .screenplay-tabs [aria-pressed=true]{font-weight:600!important;color:var(--floating-text)!important}
html body.studio-ui .project-file-overlay .screenplay-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
@media(min-width:1500px){html body.studio-ui .project-file-overlay .screenplay-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:700px){html body.studio-ui .project-file-overlay .screenplay-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}
html body.studio-ui:has(#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail[open] .film-collection-stage)>footer :is(#archive-nav#archive-nav,.room-controls){position:relative!important;inset:auto!important;transform:none!important;translate:none!important}

.file-window-backdrop{top:84px}
html body.studio-ui #studio-time{color:var(--chrome-ink)!important}
html body.studio-ui #studio-time .clock-time-actions button{color:inherit!important}
html body.studio-ui #studio-time .clock-time-actions button:disabled{color:inherit!important;opacity:.35}
html body.studio-ui #project-music#project-music svg{overflow:visible}
html body.studio-ui #project-music#project-music .music-bar{transform-box:view-box;transform-origin:12px 12px;transition:opacity 180ms ease,transform 280ms cubic-bezier(.22,1,.36,1)!important}
html body.studio-ui #project-music#project-music.is-open .music-bar{transform:scaleY(.2)!important;opacity:0}
html body.studio-ui #project-music#project-music .music-close{transform-box:view-box;transform-origin:12px 12px;transform:rotate(-45deg) scale(.7)!important;transition:opacity 180ms ease,transform 280ms cubic-bezier(.22,1,.36,1)!important}
html body.studio-ui #project-music#project-music.is-open .music-close{transform:rotate(0) scale(1)!important;opacity:1}
@media(prefers-reduced-motion:reduce){html body.studio-ui #project-music#project-music :is(.music-bar,.music-close){transition:none!important}}

/* Clear subtitle edges against both the bright sky and the night studio. */
html body.studio-ui .rat-subtitle{font-family:Arial,Helvetica,sans-serif!important;font-size:17px!important;font-weight:500!important;line-height:1.4!important;text-shadow:0 1px 2px #000,1px 0 1px #000,-1px 0 1px #000,0 -1px 1px #000!important;-webkit-text-stroke:.2px rgba(0,0,0,.65);}
@media(max-width:700px){html body.studio-ui .rat-subtitle{font-size:14px!important;}}

/* AJ: selection chrome follows the title's stage coordinates, not the viewport. */
html body.studio-ui:has(#detail[open] .film-collection-stage) #project-music:not(.at-footer){translate:none!important;filter:none!important;opacity:1!important}
html body.studio-ui #detail#detail#detail#detail#detail#detail#detail:is([data-panel=notes],[data-panel^="note-"]),
html body.studio-ui #detail#detail#detail#detail#detail#detail#detail:is([data-panel=notes],[data-panel^="note-"]) :is(.surface,.prose,.prose *,p,h1,h2,h3){user-select:text!important;-webkit-user-select:text!important;-webkit-touch-callout:default!important}
html body.studio-ui .project-file-overlay [data-script-group][aria-pressed=true]{font-weight:600!important;color:var(--floating-text)!important;background:color-mix(in srgb,currentColor 8%,transparent);border-radius:0;box-shadow:inset 0 -2px currentColor}
html body.studio-ui .project-file-overlay [data-script-group]{padding:9px 12px!important}
html body.studio-ui #studio-time .clock-ruler :is(i,span){background:currentColor!important;border-color:currentColor!important}
html body.studio-ui #studio-time input{accent-color:currentColor;color:inherit}
html body.studio-ui #detail[data-document-host=true]{visibility:hidden!important;pointer-events:none!important;transition:none!important;animation:none!important}
html body.studio-ui #studio-index-popup[data-closing=true]{pointer-events:none!important}
html body.studio-ui:has(#studio-index-popup[open]) #context-action{visibility:hidden!important}
/* Blend the last part of the room into the project paper before its physical edge. */
html body.studio-ui #detail .film-collection-stage::after{content:"";position:absolute;inset:auto 0 0;height:32%;background:linear-gradient(transparent,#000);pointer-events:none;z-index:1}
html body.studio-ui #detail .collection-toolbar{z-index:3!important}

/* Keep the entire selection UI pinned while the room scrolls away; one fade above owns it. */
@media(min-width:701px){html body.studio-ui #detail#detail#detail#detail#detail#detail#detail#detail .film-collection-stage .collection-toolbar{position:fixed!important;top:auto!important;bottom:90px!important;left:var(--audit-edge)!important;right:var(--audit-edge)!important;transform:none;translate:none!important}}



/* One gallery motion owner; no hover zoom or entrance transform competing with FLIP. */
html body.studio-ui #detail#detail#detail#detail#detail#detail .inline-gallery-photo{cursor:pointer!important;transition:opacity 220ms ease!important;animation:none!important;}
html body.studio-ui #detail#detail#detail#detail#detail .inline-photo-group{overflow:visible!important;align-content:start!important;}


/* Dialogs have one opacity animator; CSS scale transitions must not create a
   moving containing block for the fixed selection title. */
html body.studio-ui #detail#detail#detail#detail#detail#detail#detail#detail[open]{scale:none!important;translate:none!important;rotate:none!important;animation:none!important;transition:background-color .3s,color .3s,border-color .3s!important}
html body.studio-ui #detail#detail#detail#detail#detail#detail#detail#detail[data-mode=film],
html body.studio-ui #detail#detail#detail#detail#detail#detail#detail#detail[data-mode=film] :is(#detail-content,.surface,.film-collection-stage){transform:none!important;translate:none!important;scale:none!important;filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;perspective:none!important;contain:none!important;will-change:auto!important}
html body.studio-ui #detail#detail#detail#detail#detail#detail#detail#detail#detail .film-collection-stage .collection-toolbar{position:fixed!important;top:auto!important;bottom:90px!important;transform:none;translate:none!important;filter:none!important;transition:none!important}
@media(max-width:700px){html body.studio-ui #detail#detail#detail#detail#detail#detail#detail#detail#detail .film-collection-stage .collection-toolbar{bottom:110px!important}}
html body.studio-ui .collection-heading,html body.studio-ui #set-overview{filter:none!important}

/* Portrait readiness, validation and thank-you messages use the current surface. */
html body.studio-ui #detail#detail#detail#detail#detail#detail#detail#detail#detail[data-panel=contact] .mirror-status:not(:empty){background:var(--floating-surface)!important;color:var(--floating-text)!important;-webkit-text-fill-color:var(--floating-text)!important;border-color:var(--floating-rule)!important}
html body.studio-ui #detail#detail#detail#detail#detail#detail#detail#detail#detail[data-panel=contact] .mirror-status *{color:var(--floating-text)!important;-webkit-text-fill-color:var(--floating-text)!important}

html body.studio-ui #context-action#context-action[data-kind=project]{translate:0 var(--context-arrow-y,0px)!important;filter:none!important}

/* Mobile's old display:none left artwork visible above the black header. */

/* AR: keep legacy discrete/scale transitions disabled through closing too.
   window-motion owns opacity; material is ready before its first frame. */
html body.studio-ui #detail#detail#detail#detail#detail#detail#detail#detail{
 scale:none!important;translate:none!important;rotate:none!important;animation:none!important;
 transition:background-color .3s,color .3s,border-color .3s!important;
}
html body.studio-ui :is(#studio-index-popup,.project-file-overlay,#player-details,#studio-time,.temporary-panel,.contact-fields,.favorite-note-paper){
 animation:none!important;transition:background-color .3s,color .3s,border-color .3s!important;
}
html body.studio-ui [data-window-opening=true][data-window-opening=true],
html body.studio-ui #detail#detail#detail#detail#detail#detail#detail#detail[data-window-opening=true]{transition:none!important}
html body.studio-ui :is(#detail#detail#detail#detail#detail#detail#detail#detail,#studio-index-popup,.project-file-overlay):not([open]),
html body.studio-ui :is(#player-details,#studio-time,.temporary-panel)[hidden]{display:none!important}

/* Selection controls belong to the 3D section, not the reading viewport. */
html body.studio-ui #detail#detail#detail#detail#detail#detail#detail#detail#detail#detail .film-collection-stage .collection-toolbar{
 position:fixed!important;top:auto!important;bottom:90px!important;left:var(--audit-edge)!important;right:var(--audit-edge)!important;
 transform:none;translate:none!important;filter:none!important;
}
@media(max-width:700px){html body.studio-ui #detail#detail#detail#detail#detail#detail#detail#detail#detail#detail .film-collection-stage .collection-toolbar{bottom:110px!important}}

/* Day contact needs a darker edge; keep the approved night treatment. */

html body.studio-ui .tv-choice{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;white-space:nowrap;font:400 14px/20px var(--type-sans);padding:0 6px}
html body.studio-ui .tv-choice[hidden]{display:none!important}
html body.studio-ui .tv-choice svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;flex:none}
html body.studio-ui:is([data-active-panel=void],[data-active-panel=visualizer]) #stage-footer-meta{display:none!important}
html body.studio-ui:is([data-active-panel=void],[data-active-panel=visualizer]) #archive-nav#archive-nav#archive-nav#archive-nav#archive-nav{display:none!important;visibility:hidden!important;pointer-events:none!important}
html body.studio-ui #detail#detail#detail#detail#detail#detail#detail#detail#detail#detail[data-panel=book] .book-inside-action{min-width:150px!important;width:150px!important;min-height:44px;pointer-events:auto!important;transform:none!important;translate:none!important}
html body.studio-ui #detail#detail#detail#detail#detail#detail#detail#detail#detail#detail[data-panel=book] .collection-controls{pointer-events:auto!important}
html body.studio-ui #detail#detail#detail#detail#detail#detail#detail#detail#detail#detail[data-panel=book] .collection-toolbar{z-index:60!important}
@media(max-width:700px){html body.studio-ui .tv-choice{font-size:12px;gap:7px}}
/* Lunar sky remains dark in both weather modes. */
html body.studio-ui.room-timo-playing.rat-dark-sky:has(#set-overview#set-overview){--chrome-ink:#f1f0ec!important;--chrome-logo:brightness(0) invert(1)!important}
.rat-bite[hidden]{display:none!important}
html body.rat-moon-reflection .timo-room-controls :is(.timo-pad,.timo-jump,.timo-room-help){opacity:0!important;pointer-events:none!important;transition:opacity 400ms ease!important}

/* The HUD's top-layer box cannot inherit the dialog's scroll offset. */
html body.studio-ui .collection-toolbar[popover],
html body.studio-ui>footer[popover]{margin:0!important;padding:0!important;border:0!important;background:transparent!important;overflow:visible!important;color:inherit;max-width:none!important;max-height:none!important}
html body.studio-ui .collection-toolbar[popover]::backdrop,
html body.studio-ui>footer[popover]::backdrop{background:transparent!important;pointer-events:none!important}
html body.studio-ui>footer[popover]{top:auto!important;left:var(--audit-edge)!important;right:var(--audit-edge)!important;bottom:var(--audit-bottom)!important;width:auto!important}

html body.studio-ui .collection-toolbar[popover]{width:auto!important;box-sizing:border-box!important}

/* Opening the book replaces its title with paging, without adding another row. */
html body.studio-ui .collection-heading.show-book-paging>*{visibility:hidden!important}
html body.studio-ui #detail#detail#detail#detail#detail#detail .book-preview .book-paging[popover]{position:fixed!important;top:var(--book-paging-top)!important;bottom:auto!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;translate:none!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:24px!important;width:240px!important;height:36px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;overflow:visible!important;color:var(--chrome-ink)!important;font:400 16px/24px var(--type-sans)!important}
html body.studio-ui .book-paging[popover]::backdrop{background:transparent!important;pointer-events:none!important}
html body.studio-ui .book-paging[hidden]{display:none!important}
html body.studio-ui .book-paging[popover] button{color:inherit!important;background:transparent!important;border:0!important;min-width:36px;min-height:36px}

/* One cabinet HUD; no independent text movement during project scroll. */
html body.studio-ui #detail .collection-toolbar:popover-open :is(.collection-heading,.collection-controls,.stage-meta-line){translate:none!important;transform:none!important;animation:none!important;transition:none!important}

/* Selection title uses the exact compact header type before it docks. */
html body.studio-ui #detail#detail#detail#detail#detail#detail#detail#detail .film-collection-stage .collection-heading h1{font:500 14px/20px var(--type-sans)!important;text-transform:uppercase!important;letter-spacing:0!important}
@media(max-width:700px){html body.studio-ui #detail#detail#detail#detail#detail#detail#detail#detail .film-collection-stage .collection-heading h1{font-size:12px!important;line-height:18px!important}}


/* A direct project link is a reading page from its first frame. The deferred
   cabinet reserves only the header clearance; loading it must not move the page. */
html body.studio-ui #detail#detail[data-mode=film] .film-collection-stage.studio-stage-pending{height:calc(var(--audit-top,28px) + 64px)!important;min-height:0!important}
html body.studio-ui #detail#detail[data-mode=film] :is(.record-project,.paper-project) .film-collection-stage.studio-stage-pending{height:calc(var(--audit-top,28px) + 80px)!important}
html body.studio-ui #detail .studio-stage-pending .collection-toolbar{visibility:hidden!important;pointer-events:none!important}

/* TV actions use the cabinet's native scroll and the same bounded fade. */
html body.studio-ui.project-scrolling .tv-choice:not([hidden]){display:inline-flex!important}

/* Reading-page exit: reveal the studio from below, no intermediate black frame. */
html.studio-page-return::view-transition-group(root){animation-duration:620ms;animation-timing-function:cubic-bezier(.22,.75,.18,1)}
html.studio-page-return::view-transition-old(root){animation:studio-page-out 620ms cubic-bezier(.22,.75,.18,1) both;mix-blend-mode:normal;z-index:2}
html.studio-page-return::view-transition-new(root){animation:studio-page-in 620ms cubic-bezier(.22,.75,.18,1) both;mix-blend-mode:normal;z-index:1}
html.studio-page-return::view-transition-image-pair(root){isolation:isolate;overflow:clip}
@keyframes studio-page-out{to{transform:translateY(var(--studio-exit-y));opacity:0}}
@keyframes studio-page-in{from{transform:translateY(var(--studio-enter-y))}to{transform:translateY(0)}}

/* Demos share the central viewing axis, leaving the shelf below unobstructed. */
html body.studio-ui #detail#detail#detail#detail#detail#detail[data-panel=demos]{left:max(20px,calc(50vw - 290px))!important;right:auto!important;top:calc((100dvh - min(400px,100dvh - 220px))/2)!important;bottom:auto!important;translate:none!important;transform:none!important;width:min(580px,calc(100vw - 40px))!important;max-height:calc(100dvh - 220px)!important;height:min(400px,calc(100dvh - 220px))!important;transition:opacity 180ms ease!important}
html body.studio-ui #detail#detail#detail#detail#detail#detail[data-panel=demos] .demo-tracklist>button{padding-block:7px!important;min-height:0!important}
html body.studio-ui #detail#detail#detail#detail#detail#detail[data-panel=demos] #detail-content{padding:0!important}
@media(max-width:680px){html body.studio-ui #detail#detail#detail#detail#detail#detail[data-panel=demos]{left:16px!important;top:90px!important;height:auto!important;max-height:calc(100dvh - 200px)!important;width:calc(100vw - 32px)!important}}

html body.studio-ui #detail#detail#detail#detail#detail#detail[data-panel=demos] .demo-tracklist{margin:0!important}
html body.studio-ui #detail#detail#detail#detail#detail#detail[data-panel=demos] .surface{padding:16px 28px!important}

/* Clothing thumbnails: one horizontal strip, no nested vertical scrollbar. */
html body.studio-ui.clothing-view #detail#detail#detail#detail#detail .garment-thumbs{overflow-x:auto!important;overflow-y:hidden!important;justify-content:safe center;scrollbar-width:none!important;padding-bottom:0!important}
html body.studio-ui.clothing-view #detail#detail#detail#detail#detail .garment-thumbs::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}


/* Notes accompany the restored model move; one fade owns their entrance. */
html body.studio-ui #detail#detail#detail#detail#detail .favorite-note[open] .favorite-note-paper{animation:note-opacity 360ms ease 120ms both!important}
@media(prefers-reduced-motion:reduce){html body.studio-ui #detail#detail#detail#detail#detail .favorite-note[open] .favorite-note-paper{animation:none!important}}

/* Mobile captions sit below the selected DVD/record, clear of its artwork. */
@media(max-width:700px){
 html body.studio-ui #detail#detail#detail#detail#detail#detail#detail#detail#detail#detail .film-collection-stage .collection-toolbar{bottom:42px!important;gap:12px!important}
}

@media(max-width:700px){
 html body.studio-ui #detail#detail#detail#detail#detail#detail .favorite-note .favorite-note-paper{bottom:78px!important;max-height:40dvh!important;padding:22px!important;font-size:15px!important;line-height:1.55!important}
 html body.studio-ui #detail#detail#detail#detail#detail#detail .favorite-note-paper p{font-size:15px!important;line-height:1.55!important}
}

/* Clothing overview years share the existing numeric mono face. */
html body.studio-ui #detail#detail#detail#detail#detail#detail .garment-card small{font-family:"Studio Mono",monospace!important;font-size:13px!important;line-height:20px!important;font-weight:600!important;font-variant-numeric:tabular-nums;letter-spacing:0!important}

/* Clothing detail years use the same mono numerals as the overview. */
html body.studio-ui #detail#detail#detail#detail#detail#detail .garment-year{font-family:"Studio Mono",monospace!important;font-size:13px!important;line-height:20px!important;font-weight:600!important;font-variant-numeric:tabular-nums;letter-spacing:0!important}
/* Approved milk-glass hover captions: shape remains visible through a tight blur. */
html body.studio-ui{--hover-milk:rgba(255,255,255,.48);--hover-ink:#20211f;--hover-secondary:#363733}
html body.studio-ui.night{--hover-milk:rgba(235,233,227,.13);--hover-ink:#f8f6f1;--hover-secondary:#eeeae3}
html body.studio-ui #object-hint#object-hint#object-hint#object-hint#object-hint#object-hint#object-hint#object-hint,
html body.studio-ui .vinyl-play-action .vinyl-play-hint,
html body.studio-ui .book-action-hint{
 background:var(--hover-milk)!important;color:var(--hover-ink)!important;border:0!important;border-radius:0!important;box-shadow:none!important;
 backdrop-filter:blur(9px) saturate(.25) brightness(1.22)!important;-webkit-backdrop-filter:blur(9px) saturate(.25) brightness(1.22)!important;
}
html body.studio-ui #object-hint#object-hint#object-hint#object-hint#object-hint#object-hint#object-hint#object-hint strong{
 color:var(--hover-ink)!important;font:400 17px/20px var(--type-sans)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
html body.studio-ui #object-hint#object-hint#object-hint#object-hint#object-hint#object-hint#object-hint#object-hint small{
 color:var(--hover-secondary)!important;font:400 12.5px/17px var(--type-sans)!important;margin:2px 0 0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}

/* One square milk-glass surface across floating windows. */
:root{--surface-radius:0px}
html body.studio-ui{--window-milk:rgba(255,255,255,.55);--window-ink:#20211f;--window-muted:#4a4b46;--window-rule:#24242030}
html body.studio-ui.night{--window-milk:rgba(205,203,197,.13);--window-ink:#f8f6f1;--window-muted:#d7d5cf;--window-rule:#ffffff26}
html body.studio-ui :is(#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail[data-mode=panel],#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail[data-mode=reader],#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail[data-mode=collection],#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup,.project-file-overlay,.temporary-panel,.section-menu,#player-details,.favorite-note-paper,.patient-note,.floating-note,.prose-note,.mirror-status:not(:empty),#toast){background:var(--window-milk)!important;color:var(--window-ink)!important;--float-ink:var(--window-ink);--float-muted:var(--window-muted);--review-ink:var(--window-ink);--review-muted:var(--window-muted);--floating-text:var(--window-ink);--floating-muted:var(--window-muted);--hair:var(--window-rule);border-radius:0!important;box-shadow:none!important;backdrop-filter:blur(9px) saturate(.25) brightness(1.22)!important;-webkit-backdrop-filter:blur(9px) saturate(.25) brightness(1.22)!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 :is(.surface,.about-page,.text-surface,.blog-entries,.screenplay-library,.demo-tapes,.clothing-archive,.garment-detail){background:transparent!important;border-radius:0!important}
html body.studio-ui :is(.gallery-image-frame,.gallery-item,.gallery-video,.video-item,.inline-photo-feature,.gallery-section-photos img,.project-cover img,.album-artwork img,.image-lightbox,.image-lightbox img){border-radius:0!important}

/* Reading requires a quiet field; retain the glass edge without room contrast. */
html body.studio-ui #detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail:is([data-panel=notes],[data-panel^="note-"],[data-mode=reader]){background:rgba(250,249,245,.93)!important}
html body.studio-ui.night #detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail:is([data-panel=notes],[data-panel^="note-"],[data-mode=reader]){background:rgba(28,28,27,.93)!important}
html body.studio-ui .index-list-edge{display:none!important}
html body.studio-ui #studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup[open]{animation:none!important;transition:none!important;mask:none!important;-webkit-mask:none!important;background:rgba(250,249,245,.825)!important}
html body.studio-ui.night #studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup[open]{background:rgba(28,28,27,.825)!important}

/* Quiet reading glass for the notes; keep the short hover cards airy. */
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 :is(.favorite-note-paper,.patient-note,.floating-note,.prose-note){background:rgba(238,237,232,.94)!important}
html body.studio-ui.night #detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail :is(.favorite-note-paper,.patient-note,.floating-note,.prose-note){background:rgba(24,24,23,.94)!important}

/* Floating surfaces have no outer stroke or cast shadow. */
html body.studio-ui :is(#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail,#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup,#object-hint,.project-file-overlay,.temporary-panel,.section-menu,#player-details,#studio-time,.contact-fields,.mirror-status:not(:empty),.favorite-note-paper,.patient-note,.floating-note,.prose-note,.vinyl-play-hint,.book-action-hint,.mobile-rat-note,.image-lightbox,.image-lightbox img,#toast){border:0!important;outline:0!important;box-shadow: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 :is(.surface,.favorite-note-paper,.patient-note,.floating-note,.prose-note,.about-page,.text-surface,.clothing-archive,.garment-detail){border:0!important;outline:0!important;box-shadow:none!important}
html body.studio-ui .image-lightbox button,html body.studio-ui .image-lightbox button:is(:focus,:focus-visible,:hover,:active),html body.studio-ui .inline-photo-close{background:transparent!important;border:0!important;outline:0!important;box-shadow:none!important}

/* Long-form windows share Blog's quiet reading surface. */
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([data-panel=about],[data-panel=clothingcollection],[data-panel^="garment-"]){background:rgba(250,249,245,.93)!important}
html body.studio-ui.night #detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail#detail:is([data-panel=about],[data-panel=clothingcollection],[data-panel^="garment-"]){background:rgba(28,28,27,.93)!important}

/* Hover labels stay still: remove the legacy intermittent rat shiver. */
html body.studio-ui #object-hint#object-hint#object-hint#object-hint#object-hint#object-hint#object-hint#object-hint strong,
html body.studio-ui #object-hint#object-hint#object-hint#object-hint#object-hint#object-hint#object-hint#object-hint small {
 animation:none!important;translate:none!important;scale:none!important;transform:none!important;
}

/* Timo has a real header: the iframe never occupies the logo's area. */
html body.studio-ui:has(#detail[data-panel=play-game][open]){--timo-header:calc(80px + env(safe-area-inset-top,0px))}
html body.studio-ui:has(#detail#detail#detail#detail#detail[data-panel=play-game][open])>header{position:fixed!important;inset:0 0 auto!important;height:var(--timo-header)!important;background:#000!important;border:0!important}
html body.studio-ui:has(#detail[data-panel=play-game][open]) #set-overview#set-overview#set-overview#set-overview#set-overview#set-overview{top:calc(18px + env(safe-area-inset-top,0px))!important}
html body.studio-ui #detail#detail#detail#detail#detail[data-panel=play-game] .game-screen{inset:var(--timo-header) 0 0!important;height:auto!important}
html body.studio-ui #detail#detail#detail#detail#detail[data-panel=play-game] .game-screen iframe{width:100%!important;height:100%!important}
@media(max-width:700px){html body.studio-ui:has(#detail[data-panel=play-game][open]){--timo-header:calc(64px + env(safe-area-inset-top,0px))}html body.studio-ui:has(#detail[data-panel=play-game][open]) #set-overview#set-overview#set-overview#set-overview#set-overview#set-overview{top:calc(8px + env(safe-area-inset-top,0px))!important}}

/* Only the central scroll cue fades; camera, stage and navigation stay unchanged. */
@keyframes studio-scroll-cue-out{from{opacity:1}to{opacity:0}}
html body.studio-ui[data-scroll-cue-exit] #context-action#context-action#context-action#context-action{opacity:1!important;visibility:visible!important;pointer-events:none!important}
html body.studio-ui[data-scroll-cue-exit] #context-action#context-action#context-action#context-action>span{animation:studio-scroll-cue-out .40s ease-out both!important}
@media(prefers-reduced-motion:reduce){html body.studio-ui[data-scroll-cue-exit] #context-action#context-action#context-action#context-action{opacity:0!important}html body.studio-ui[data-scroll-cue-exit] #context-action#context-action#context-action#context-action>span{animation:none!important}}

.surface-press{display:none!important}

/* The existing stage gradient fades while the original camera returns. */
@keyframes selection-gradient-out{from{opacity:1}to{opacity:0}}
@keyframes selection-gradient-in{from{opacity:0}to{opacity:1}}
html body.studio-ui #detail#detail#detail#detail#detail .film-collection-stage::after{animation:selection-gradient-in .6s ease-in-out both!important}
html body.studio-ui.media-leaving #detail#detail#detail#detail#detail .film-collection-stage::after{animation:selection-gradient-out .6s ease-in-out both!important}
html body.studio-ui.media-leaving #detail .film-collection-stage{pointer-events:none}
@media(prefers-reduced-motion:reduce){html body.studio-ui #detail .film-collection-stage::after{animation:none!important}}

/* Keep film pages opaque when a light About/Index sheet changes purpose. */
html body.studio-ui #detail#detail#detail#detail#detail[data-mode=film]{transition:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html body.studio-ui[data-direct-project] #detail#detail#detail#detail#detail[data-mode=film]{background:#141414!important}
html body.studio-ui.media-leaving #detail#detail#detail#detail#detail .film-collection-stage::after{animation-duration:.42s!important}
html body.studio-ui.media-leaving #detail#detail#detail#detail#detail .collection-toolbar{opacity:0!important;transition:none!important;animation:collection-hide .32s ease-out both!important}
html body.studio-ui #detail#detail#detail#detail#detail .collection-toolbar{animation:collection-reveal .36s ease-out both!important}
html body.studio-ui>header,html body.studio-ui>footer{transition:none!important}
/* Compact Timo frame with an intentional top and bottom breathing space. */
html body.studio-ui:has(#detail[data-panel=play-game][open]){--timo-header:calc(60px + env(safe-area-inset-top,0px))}
html body.studio-ui #detail#detail#detail#detail#detail[data-panel=play-game] .game-screen{inset:var(--timo-header) 0 18px!important}
html body.studio-ui:has(#detail[data-panel=play-game][open]) #set-overview#set-overview#set-overview#set-overview#set-overview#set-overview{top:calc(10px + env(safe-area-inset-top,0px))!important}
html body.studio-ui .timo-exit-logo{width:66px!important;height:auto!important;opacity:.48!important}
@media(max-width:700px){html body.studio-ui:has(#detail[data-panel=play-game][open]){--timo-header:calc(52px + env(safe-area-inset-top,0px))}html body.studio-ui #detail#detail#detail#detail#detail[data-panel=play-game] .game-screen{bottom:12px!important}}

@property --collection-reveal{syntax:"<number>";inherits:false;initial-value:1}
@keyframes collection-reveal{from{--collection-reveal:0}to{--collection-reveal:1}}
html body.studio-ui:has(#detail[data-panel=play-game][open]) #set-overview#set-overview .timo-exit-logo{width:66px!important;opacity:1!important;filter:brightness(0) invert(.35)!important}
@media(prefers-reduced-motion:reduce){html body.studio-ui #detail .collection-toolbar{animation:none!important;transition:none!important}}

@keyframes collection-hide{from{--collection-reveal:1}to{--collection-reveal:0}}

@keyframes studio-return-arrow{from{opacity:var(--return-arrow-opacity,0)}to{opacity:0}}
html body.studio-ui[data-inspection-returning] #context-action#context-action#context-action#context-action{animation:studio-return-arrow .36s ease-out forwards!important;pointer-events:none!important;visibility:visible!important}
html body.studio-ui[data-inspection-returning] #context-action>span{animation:none!important}
html body.studio-ui.media-leaving #detail#detail#detail#detail#detail .film-collection-stage::after{animation-duration:.378s!important}
html body.studio-ui.media-leaving #detail#detail#detail#detail#detail .collection-toolbar{animation-duration:.288s!important}
@media(prefers-reduced-motion:reduce){html body.studio-ui[data-inspection-returning] #context-action#context-action#context-action#context-action{animation:none!important;opacity:0!important}}

/* Returning chrome follows the synchronous text state, not delayed sheet close. */
html body.studio-ui.studio-ui.studio-ui.studio-ui[data-inspection-returning]:not(.night){--chrome-ink:#151515!important;--chrome-logo:brightness(0)!important}
html body.studio-ui.studio-ui.studio-ui.studio-ui[data-inspection-returning].night{--chrome-ink:#eee!important;--chrome-logo:brightness(0) invert(1)!important}
html body.studio-ui.studio-ui.studio-ui.studio-ui[data-inspection-returning]>header :is(a,button,.wordmark,.wordmark::before,.wordmark::after),
html body.studio-ui.studio-ui.studio-ui.studio-ui[data-inspection-returning]>footer :is(a,button),
html body.studio-ui.studio-ui.studio-ui.studio-ui[data-inspection-returning] :is(#archive-nav,.room-controls,#project-music){transition-property:opacity!important;color:var(--chrome-ink)!important}
html body.studio-ui.studio-ui.studio-ui.studio-ui[data-inspection-returning]>header .wordmark img{transition:none!important;filter:var(--chrome-logo)!important}

/* Begin the colour fade with the text change, without waiting for sheet cleanup. */
html body.studio-ui.studio-ui.studio-ui.studio-ui[data-inspection-returning]>header :is(a,button,.wordmark,.wordmark::before,.wordmark::after),
html body.studio-ui.studio-ui.studio-ui.studio-ui[data-inspection-returning]>footer :is(a,button),
html body.studio-ui.studio-ui.studio-ui.studio-ui[data-inspection-returning] :is(#archive-nav,.room-controls,#project-music){transition-property:color,background-color,opacity!important;transition-duration:280ms!important}
html body.studio-ui.studio-ui.studio-ui.studio-ui[data-inspection-returning]>header .wordmark img{transition:filter 280ms ease!important}
html body.studio-ui #detail#detail#detail#detail#detail .about-intro-label{font:500 12px/18px var(--type-sans)!important;letter-spacing:.02em!important;color:#b9b9b5!important;margin:0 0 14px!important}
html body.studio-ui:not(.night) #detail#detail#detail#detail#detail .about-intro-label{color:#64645e!important}
html body.studio-ui .vinyl-play-action .vinyl-play-hint{background:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:0!important;font:400 12px/18px var(--type-sans)!important;letter-spacing:0!important;color:#eee!important;text-shadow:none!important}
#studio-index-popup#studio-index-popup .index-column-headings [data-index-sort=title]{grid-column:1/3!important}
#studio-index-popup#studio-index-popup .index-column-headings [data-index-sort=type]{grid-column:3!important}
#studio-index-popup#studio-index-popup .index-column-headings [data-index-sort=year]{grid-column:4!important}
#studio-index-popup#studio-index-popup .index-column-headings::before{display:none!important}
@media(prefers-reduced-motion:reduce){html body.studio-ui[data-inspection-returning]>header :is(a,button,.wordmark img){transition:none!important}}

html body.studio-ui #detail#detail#detail#detail#detail .film-collection-stage::after{inset:0!important;height:100%!important;background:linear-gradient(#0000 55%,#08080822 65%,#08080880 78%,#080808dc 91%,#080808 100%)!important;animation:selection-gradient-in 1.05s cubic-bezier(.4,0,.2,1) both!important}
html body.studio-ui:not(.media-leaving) #detail#detail#detail#detail#detail .collection-toolbar{animation:collection-reveal 1.05s cubic-bezier(.4,0,.2,1) both!important}
/* Begin the colour fade with the text change, without waiting for sheet cleanup. */
html body.studio-ui.studio-ui.studio-ui.studio-ui[data-inspection-returning]>header :is(a,button,.wordmark,.wordmark::before,.wordmark::after),
html body.studio-ui.studio-ui.studio-ui.studio-ui[data-inspection-returning]>footer :is(a,button),
html body.studio-ui.studio-ui.studio-ui.studio-ui[data-inspection-returning] :is(#archive-nav,.room-controls,#project-music){transition-property:color,background-color,opacity!important;transition-duration:280ms!important}
html body.studio-ui.studio-ui.studio-ui.studio-ui[data-inspection-returning]>header .wordmark img{transition:filter 280ms ease!important}
html body.studio-ui #detail#detail#detail#detail#detail .about-intro-label{font:500 12px/18px var(--type-sans)!important;letter-spacing:.02em!important;color:#b9b9b5!important;margin:0 0 14px!important}
html body.studio-ui:not(.night) #detail#detail#detail#detail#detail .about-intro-label{color:#64645e!important}
html body.studio-ui .vinyl-play-action .vinyl-play-hint{background:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:0!important;font:400 12px/18px var(--type-sans)!important;letter-spacing:0!important;color:#eee!important;text-shadow:none!important}
#studio-index-popup#studio-index-popup .index-column-headings [data-index-sort=title]{grid-column:1/3!important}
#studio-index-popup#studio-index-popup .index-column-headings [data-index-sort=type]{grid-column:3!important}
#studio-index-popup#studio-index-popup .index-column-headings [data-index-sort=year]{grid-column:4!important}
#studio-index-popup#studio-index-popup .index-column-headings::before{display:none!important}
@media(prefers-reduced-motion:reduce){html body.studio-ui[data-inspection-returning]>header :is(a,button,.wordmark img){transition:none!important}}

html body.studio-ui #detail#detail#detail#detail#detail .film-collection-stage::after{inset:0!important;height:100%!important;background:linear-gradient(#0000 55%,#08080822 65%,#08080880 78%,#080808dc 91%,#080808 100%)!important;animation:selection-gradient-in 1.05s cubic-bezier(.4,0,.2,1) both!important}
html body.studio-ui:not(.media-leaving) #detail#detail#detail#detail#detail .collection-toolbar{animation:collection-reveal 1.05s cubic-bezier(.4,0,.2,1) both!important}
/* Begin the colour fade with the text change, without waiting for sheet cleanup. */
html body.studio-ui.studio-ui.studio-ui.studio-ui[data-inspection-returning]>header :is(a,button,.wordmark,.wordmark::before,.wordmark::after),
html body.studio-ui.studio-ui.studio-ui.studio-ui[data-inspection-returning]>footer :is(a,button),
html body.studio-ui.studio-ui.studio-ui.studio-ui[data-inspection-returning] :is(#archive-nav,.room-controls,#project-music){transition-property:color,background-color,opacity!important;transition-duration:280ms!important}
html body.studio-ui.studio-ui.studio-ui.studio-ui[data-inspection-returning]>header .wordmark img{transition:filter 280ms ease!important}
html body.studio-ui #detail#detail#detail#detail#detail .about-intro-label{font:500 12px/18px var(--type-sans)!important;letter-spacing:.02em!important;color:#b9b9b5!important;margin:0 0 14px!important}
html body.studio-ui:not(.night) #detail#detail#detail#detail#detail .about-intro-label{color:#64645e!important}
html body.studio-ui .vinyl-play-action .vinyl-play-hint{background:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:0!important;font:400 12px/18px var(--type-sans)!important;letter-spacing:0!important;color:#eee!important;text-shadow:none!important}
#studio-index-popup#studio-index-popup .index-column-headings [data-index-sort=title]{grid-column:1/3!important}
#studio-index-popup#studio-index-popup .index-column-headings [data-index-sort=type]{grid-column:3!important}
#studio-index-popup#studio-index-popup .index-column-headings [data-index-sort=year]{grid-column:4!important}
#studio-index-popup#studio-index-popup .index-column-headings::before{display:none!important}
@media(prefers-reduced-motion:reduce){html body.studio-ui[data-inspection-returning]>header :is(a,button,.wordmark img){transition:none!important}}

html body.studio-ui #detail#detail#detail#detail#detail .film-collection-stage::after{inset:0!important;height:100%!important;background:linear-gradient(#0000 55%,#08080822 65%,#08080880 78%,#080808dc 91%,#080808 100%)!important;animation:selection-gradient-in 1.05s cubic-bezier(.4,0,.2,1) both!important}
html body.studio-ui:not(.media-leaving) #detail#detail#detail#detail#detail .collection-toolbar{animation:collection-reveal 1.05s cubic-bezier(.4,0,.2,1) both!important}
/* Begin the colour fade with the text change, without waiting for sheet cleanup. */
html body.studio-ui.studio-ui.studio-ui.studio-ui[data-inspection-returning]>header :is(a,button,.wordmark,.wordmark::before,.wordmark::after),
html body.studio-ui.studio-ui.studio-ui.studio-ui[data-inspection-returning]>footer :is(a,button),
html body.studio-ui.studio-ui.studio-ui.studio-ui[data-inspection-returning] :is(#archive-nav,.room-controls,#project-music){transition-property:color,background-color,opacity!important;transition-duration:280ms!important}
html body.studio-ui.studio-ui.studio-ui.studio-ui[data-inspection-returning]>header .wordmark img{transition:filter 280ms ease!important}
html body.studio-ui #detail#detail#detail#detail#detail .about-intro-label{font:500 12px/18px var(--type-sans)!important;letter-spacing:.02em!important;color:#b9b9b5!important;margin:0 0 14px!important}
html body.studio-ui:not(.night) #detail#detail#detail#detail#detail .about-intro-label{color:#64645e!important}
html body.studio-ui .vinyl-play-action .vinyl-play-hint{background:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:0!important;font:400 12px/18px var(--type-sans)!important;letter-spacing:0!important;color:#eee!important;text-shadow:none!important}
#studio-index-popup#studio-index-popup .index-column-headings [data-index-sort=title]{grid-column:1/3!important}
#studio-index-popup#studio-index-popup .index-column-headings [data-index-sort=type]{grid-column:3!important}
#studio-index-popup#studio-index-popup .index-column-headings [data-index-sort=year]{grid-column:4!important}
#studio-index-popup#studio-index-popup .index-column-headings::before{display:none!important}
@media(prefers-reduced-motion:reduce){html body.studio-ui[data-inspection-returning]>header :is(a,button,.wordmark img){transition:none!important}}

html body.studio-ui #detail#detail#detail#detail#detail .film-collection-stage::after{inset:0!important;height:100%!important;background:linear-gradient(#0000 55%,#08080822 65%,#08080880 78%,#080808dc 91%,#080808 100%)!important;animation:selection-gradient-in 1.05s cubic-bezier(.4,0,.2,1) both!important}
html body.studio-ui:not(.media-leaving) #detail#detail#detail#detail#detail .collection-toolbar{animation:collection-reveal 1.05s cubic-bezier(.4,0,.2,1) both!important}
/* Begin the colour fade with the text change, without waiting for sheet cleanup. */
html body.studio-ui.studio-ui.studio-ui.studio-ui[data-inspection-returning]>header :is(a,button,.wordmark,.wordmark::before,.wordmark::after),
html body.studio-ui.studio-ui.studio-ui.studio-ui[data-inspection-returning]>footer :is(a,button),
html body.studio-ui.studio-ui.studio-ui.studio-ui[data-inspection-returning] :is(#archive-nav,.room-controls,#project-music){transition-property:color,background-color,opacity!important;transition-duration:280ms!important}
html body.studio-ui.studio-ui.studio-ui.studio-ui[data-inspection-returning]>header .wordmark img{transition:filter 280ms ease!important}
html body.studio-ui #detail#detail#detail#detail#detail .about-intro-label{font:500 12px/18px var(--type-sans)!important;letter-spacing:.02em!important;color:#b9b9b5!important;margin:0 0 14px!important}
html body.studio-ui:not(.night) #detail#detail#detail#detail#detail .about-intro-label{color:#64645e!important}
html body.studio-ui .vinyl-play-action .vinyl-play-hint{background:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:0!important;font:400 12px/18px var(--type-sans)!important;letter-spacing:0!important;color:#eee!important;text-shadow:none!important}
#studio-index-popup#studio-index-popup .index-column-headings [data-index-sort=title]{grid-column:1/3!important}
#studio-index-popup#studio-index-popup .index-column-headings [data-index-sort=type]{grid-column:3!important}
#studio-index-popup#studio-index-popup .index-column-headings [data-index-sort=year]{grid-column:4!important}
#studio-index-popup#studio-index-popup .index-column-headings::before{display:none!important}
@media(prefers-reduced-motion:reduce){html body.studio-ui[data-inspection-returning]>header :is(a,button,.wordmark img){transition:none!important}}

html body.studio-ui #detail#detail#detail#detail#detail .film-collection-stage::after{inset:0!important;height:100%!important;background:linear-gradient(#0000 55%,#08080822 65%,#08080880 78%,#080808dc 91%,#080808 100%)!important;animation:selection-gradient-in 1.05s cubic-bezier(.4,0,.2,1) both!important}
html body.studio-ui:not(.media-leaving) #detail#detail#detail#detail#detail .collection-toolbar{animation:collection-reveal 1.05s cubic-bezier(.4,0,.2,1) both!important}
/* Begin the colour fade with the text change, without waiting for sheet cleanup. */
html body.studio-ui.studio-ui.studio-ui.studio-ui[data-inspection-returning]>header :is(a,button,.wordmark,.wordmark::before,.wordmark::after),
html body.studio-ui.studio-ui.studio-ui.studio-ui[data-inspection-returning]>footer :is(a,button),
html body.studio-ui.studio-ui.studio-ui.studio-ui[data-inspection-returning] :is(#archive-nav,.room-controls,#project-music){transition-property:color,background-color,opacity!important;transition-duration:280ms!important}
html body.studio-ui.studio-ui.studio-ui.studio-ui[data-inspection-returning]>header .wordmark img{transition:filter 280ms ease!important}
html body.studio-ui #detail#detail#detail#detail#detail .about-intro-label{font:500 12px/18px var(--type-sans)!important;letter-spacing:.02em!important;color:#b9b9b5!important;margin:0 0 14px!important}
html body.studio-ui:not(.night) #detail#detail#detail#detail#detail .about-intro-label{color:#64645e!important}
html body.studio-ui .vinyl-play-action .vinyl-play-hint{background:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:0!important;font:400 12px/18px var(--type-sans)!important;letter-spacing:0!important;color:#eee!important;text-shadow:none!important}
#studio-index-popup#studio-index-popup .index-column-headings [data-index-sort=title]{grid-column:1/3!important}
#studio-index-popup#studio-index-popup .index-column-headings [data-index-sort=type]{grid-column:3!important}
#studio-index-popup#studio-index-popup .index-column-headings [data-index-sort=year]{grid-column:4!important}
#studio-index-popup#studio-index-popup .index-column-headings::before{display:none!important}
@media(prefers-reduced-motion:reduce){html body.studio-ui[data-inspection-returning]>header :is(a,button,.wordmark img){transition:none!important}}

html body.studio-ui[data-collection-switch]:not(.media-leaving) #detail#detail#detail#detail#detail .film-collection-stage::after,
html body.studio-ui[data-collection-switch]:not(.media-leaving) #detail#detail#detail#detail#detail .collection-toolbar{animation:none!important;--collection-reveal:1;opacity:1}

/* Original record action: attached to the projected sleeve, not a separate tooltip. */
html body.studio-ui .object-target.record-selected::after{display:block!important;content:attr(data-action)!important;white-space:nowrap;font:13px/1.5 var(--type-mono)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;color:#fff!important;text-shadow:none!important;background:none!important;padding:8px 12px!important;opacity:0!important;transition:opacity .32s!important;position:absolute!important;top:calc(100% + 8px)!important;left:50%!important;transform:translate(-50%)!important;pointer-events:auto;cursor:pointer;text-transform:uppercase}
html body.studio-ui .object-target.record-selected:is(:hover,:focus-visible)::after{opacity:1!important}
html body.studio-ui[data-room-hover=hetniets] [data-object=hetniets].record-selected::after,
html body.studio-ui[data-room-hover=remixed] [data-object=remixed].record-selected::after,
html body.studio-ui[data-room-hover=destructie] [data-object=destructie].record-selected::after,
html body.studio-ui[data-room-hover=ali] [data-object=ali].record-selected::after{opacity:1!important}
html body.studio-ui .object-target.record-selected[data-action=""]::after{display:none!important}
@media(prefers-reduced-motion:reduce){html body.studio-ui .object-target.record-selected::after{transition:none!important}}

/* Color interpolation applies on both entrance and return, including unchanged chrome. */
html body.studio-ui.studio-ui.studio-ui.studio-ui>header :is(a,button,.wordmark,.wordmark::before,.wordmark::after),html body.studio-ui.studio-ui.studio-ui.studio-ui>footer :is(a,button),html body.studio-ui.studio-ui.studio-ui.studio-ui :is(#archive-nav,.room-controls,#project-music){transition-property:color,background-color,opacity!important;transition-duration:400ms!important;transition-timing-function:ease!important}
html body.studio-ui.studio-ui.studio-ui.studio-ui>header .wordmark img{transition:filter 400ms ease!important}
html body.studio-ui .object-target.media-selected[data-object=game]::after{display:block!important;content:attr(data-action);position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);color:#fff;font:13px/1.5 var(--type-mono);background:none;padding:8px 12px;opacity:0;transition:opacity .32s}
html body.studio-ui .object-target.media-selected[data-object=game]:hover::after{opacity:1}

html body.studio-ui.studio-ui.studio-ui.studio-ui>header,html body.studio-ui.studio-ui.studio-ui.studio-ui>footer{transition:color 400ms ease!important}

/* Existing IBM Plex Mono for studio navigation and interaction UI. */
:root,html body.studio-ui{--type-mono:'Studio Mono',monospace;--ui-font:var(--type-mono)}
html body.studio-ui.studio-ui.studio-ui.studio-ui :is(header,footer,#archive-nav,.room-controls,#context-action,#object-hint,.collection-toolbar,.book-paging,#player,#project-music,.mobile-explore,.chrome-letter-transition),
html body.studio-ui.studio-ui.studio-ui.studio-ui :is(header,footer,#archive-nav,.room-controls,#context-action,#object-hint,.collection-toolbar,.book-paging,#player,#project-music,.mobile-explore) :is(a,button,span,strong,small,p,label){font-family:var(--type-mono)!important}
html body.studio-ui.studio-ui.studio-ui.studio-ui[data-startup-chrome] :is(header,footer,.mobile-explore,#context-action){transition:opacity 600ms cubic-bezier(.22,.61,.36,1),color 400ms ease,background-color 400ms ease!important}
html body.studio-ui.studio-ui.studio-ui.studio-ui[data-startup-chrome=pending]:not([data-arrival-navigation]) :is(header,footer,.mobile-explore,#context-action){opacity:0!important}

html body.studio-ui :is(header,footer,#archive-nav,.room-controls,#context-action,#object-hint,.collection-toolbar,.book-paging,#player,#project-music,.mobile-explore){--type-sans:'Studio Mono',monospace;--type-mono:'Studio Mono',monospace}

/* About and Contact stay on top of the Index at the original studio footer position. */
html body.studio-ui.studio-ui.studio-ui.studio-ui[data-audit-index]>footer{display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:none!important;z-index:1100!important;--context-chrome-opacity:1;--type-sans:'Studio Mono',monospace}
html body.studio-ui.studio-ui.studio-ui.studio-ui[data-audit-index] #archive-nav#archive-nav#archive-nav{display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;position:relative;z-index:1101;color:var(--chrome-ink)}
html body.studio-ui[data-audit-index] #archive-nav>:not([data-open=about]):not([data-open=contact]){display:none!important}

html body.studio-ui:has(#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup[open])>footer{display:flex!important;visibility:visible!important;pointer-events:none!important}

html body.studio-ui #studio-index-popup{--type-sans:'Studio Mono',monospace;--type-mono:'Studio Mono',monospace;font-family:var(--type-mono)!important}

html body.studio-ui[data-audit-index] #archive-nav#archive-nav#archive-nav :is([data-open=about],[data-open=contact]){display:inline-flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}

/* v129 reading reveal: retain copy position, fade from .3 to 1 over .55s. */
html body.studio-ui #detail#detail#detail#detail#detail#detail#detail#detail#detail#detail .scroll-reveal{opacity:.3!important;transition:opacity .55s!important;translate:none!important;transform:none!important}
html body.studio-ui #detail#detail#detail#detail#detail#detail#detail#detail#detail#detail :is(.scroll-reveal-visible,.scroll-reveal:focus-within){opacity:1!important}
html body.studio-ui #detail#detail#detail#detail#detail#detail#detail#detail#detail#detail .film-collection-stage::after{background:linear-gradient(#0000 55%,#08080822 65%,#08080880 78%,#080808dc 91%,#080808 100%)!important}
html body.studio-ui #detail .collection-toolbar,html body.studio-ui #detail .collection-toolbar *{--type-sans:'Studio Mono',monospace;--type-mono:'Studio Mono',monospace;font-family:'Studio Mono',monospace!important}
html body.studio-ui #detail#detail#detail#detail#detail#detail#detail#detail#detail#detail .collection-project-name{font-family:'Studio Mono',monospace!important}
@media(prefers-reduced-motion:reduce){html body.studio-ui #detail#detail#detail#detail#detail#detail#detail#detail#detail#detail .scroll-reveal{opacity:1!important;transition:none!important}}

@keyframes classic-film-page-arrival{from{opacity:0}to{opacity:1}}
html body.studio-ui #detail#detail#detail#detail#detail .film-page>:is(.film-hero,.film-information){animation:classic-film-page-arrival .65s backwards!important}
@media(prefers-reduced-motion:reduce){html body.studio-ui #detail#detail#detail#detail#detail .film-page>:is(.film-hero,.film-information){animation:none!important}}

/* Final v129 gradient, including the black overlap before the project begins. */
html body.studio-ui #detail#detail#detail#detail#detail#detail#detail#detail#detail#detail .film-collection-stage::after{background:linear-gradient(#0000 58%,#0003 70%,#000c 82%,#000 96%)!important}
html body.studio-ui #detail#detail#detail#detail#detail#detail#detail#detail#detail#detail .film-collection-stage :is(.collection-project-name,.collection-credit,.stage-meta-line,.collection-meta,.collection-counter,.collection-controls,.collection-toolbar button){font:400 12px/18px 'Studio Mono',monospace!important;text-transform:uppercase!important;color:#fff!important;letter-spacing:0!important}
html body.studio-ui #detail#detail#detail#detail#detail#detail#detail#detail#detail#detail .film-collection-stage .scroll-reveal{opacity:1!important}
html body.studio-ui:has(#detail[open] .film-collection-stage):not([data-inspection-returning]) #set-overview#set-overview#set-overview#set-overview#set-overview#set-overview{color:#fff!important;font:400 12px/18px 'Studio Mono',monospace!important;text-transform:uppercase!important}
html body.studio-ui #stage-footer-meta,#stage-footer-meta *{font:400 12px/18px 'Studio Mono',monospace!important;text-transform:uppercase!important;color:#fff!important}
html body.studio-ui #object-hint#object-hint#object-hint#object-hint#object-hint#object-hint#object-hint#object-hint#object-hint#object-hint{transition:opacity .22s ease,visibility .22s ease!important;transform:none!important}
html body.studio-ui #object-hint#object-hint#object-hint#object-hint#object-hint#object-hint#object-hint#object-hint#object-hint#object-hint strong{font:400 14px/1.4 'Studio Mono',monospace!important;text-transform:uppercase!important;color:#fff!important}
html body.studio-ui #object-hint#object-hint#object-hint#object-hint#object-hint#object-hint#object-hint#object-hint#object-hint#object-hint small{font:400 12px/1.5 'Studio Mono',monospace!important;text-transform:uppercase!important}

/* Editorial names stay sans; navigation and metadata use mono. */
html body.studio-ui #studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup .index-row :is(strong,.index-title){font-family:'Studio Sans',Arial,sans-serif!important}
html body.studio-ui .tv-choice.tv-choice span{font:400 12px/18px 'Studio Mono',monospace!important;text-transform:uppercase!important;color:#fff!important}
html body.studio-ui.tv-choices-visible #detail .object-target.media-selected[data-object=game]::after{display:none!important}
html body.studio-ui[data-startup-input-locked] :is(header,footer,#room,.mobile-explore,#context-action){pointer-events:none!important}


/* Selection copy belongs to the viewport and ends before the project reading area. */
html body.studio-ui #detail#detail#detail#detail#detail#detail#detail#detail#detail#detail .film-collection-stage[data-stage-copy-hidden] :is(.collection-toolbar,.collection-toolbar *,.shelf-title,.object-caption,.stage-title,.stage-information){visibility:hidden!important;pointer-events:none!important}
html body.studio-ui #object-hint#object-hint#object-hint#object-hint#object-hint#object-hint#object-hint#object-hint#object-hint#object-hint strong{font:400 17px/20px 'Studio Sans',sans-serif!important;text-transform:none!important;color:var(--hover-ink)!important}
html body.studio-ui #object-hint#object-hint#object-hint#object-hint#object-hint#object-hint#object-hint#object-hint#object-hint#object-hint small{font:400 12.5px/17px 'Studio Mono',monospace!important;text-transform:uppercase!important;color:var(--hover-secondary)!important}



html body.studio-ui #set-overview#set-overview#set-overview#set-overview#set-overview#set-overview#set-overview#set-overview{font:400 14px/20px 'Studio Mono',monospace!important}
@media(max-width:700px){html body.studio-ui #set-overview#set-overview#set-overview#set-overview#set-overview#set-overview#set-overview#set-overview{font-size:12px!important;line-height:18px!important}}
/* The cabinet labels live in the browser top layer, outside the scrolling dialog. */
html body.studio-ui #detail#detail#detail#detail#detail#detail#detail#detail#detail#detail .collection-toolbar[popover]{position:fixed!important;top:auto!important;inset-block-start:auto!important;height:auto!important;margin:0!important;transform:none!important;translate:none!important;}
html body.studio-ui #object-hint#object-hint#object-hint#object-hint#object-hint#object-hint#object-hint#object-hint#object-hint#object-hint#object-hint strong{font:400 15px/18px 'Studio Sans',sans-serif!important;text-transform:none!important}
html body.studio-ui #object-hint#object-hint#object-hint#object-hint#object-hint#object-hint#object-hint#object-hint#object-hint#object-hint#object-hint small{font:400 11px/15px 'Studio Mono',monospace!important;text-transform:uppercase!important}

/* Original header dimensions, with true white studio chrome. */
html body.studio-ui.studio-ui.studio-ui.studio-ui.studio-ui>header{top:24px!important;height:44px!important;--chrome-ink:#fff;--hover-ink:#fff}
html body.studio-ui.studio-ui.studio-ui.studio-ui.studio-ui>header .wordmark{width:79px!important;height:44px!important;top:auto!important;align-self:center!important}
html body.studio-ui.studio-ui.studio-ui.studio-ui.studio-ui>header .wordmark img{width:79px!important;height:auto!important;filter:brightness(0) invert(1)!important}
html body.studio-ui.studio-ui.studio-ui.studio-ui.studio-ui>header :is(.desktop-about,[data-open=index]){min-width:60px!important;height:44px!important}
html body.studio-ui #set-overview#set-overview#set-overview#set-overview#set-overview#set-overview#set-overview#set-overview#set-overview{font:400 14px/20px 'Studio Mono',monospace!important;padding:0 16px!important;height:44px!important}
html body.studio-ui.studio-ui.studio-ui.studio-ui.studio-ui :is(header a,header button,footer a,footer button,#stage-footer-meta,#context-action){color:#fff!important}
html body.studio-ui.studio-ui.studio-ui.studio-ui.studio-ui :is(#archive-nav,.room-controls){--chrome-ink:#fff;color:#fff!important}
html body.studio-ui.entering-game #set-overview#set-overview#set-overview#set-overview#set-overview#set-overview#set-overview#set-overview#set-overview#set-overview{visibility:hidden!important;pointer-events:none!important}
html body.studio-ui.entering-game .object-target:is([data-object=game],[data-object=crt])::after{display:none!important}
html body.studio-ui .object-target.media-selected[data-object=crt]::after{content:attr(data-action)!important;display:block!important;position:absolute!important;top:calc(100% + 8px)!important;left:50%!important;transform:translateX(-50%)!important;white-space:nowrap!important;color:#fff!important;font:400 12px/18px 'Studio Mono',monospace!important;text-transform:uppercase!important;opacity:1!important;background:none!important;padding:8px 12px!important;pointer-events:none!important}
@media(max-width:700px){html body.studio-ui.studio-ui.studio-ui.studio-ui.studio-ui>header{top:16px!important}html body.studio-ui.studio-ui.studio-ui.studio-ui.studio-ui>header .wordmark,html body.studio-ui.studio-ui.studio-ui.studio-ui.studio-ui>header .wordmark img{width:63px!important}html body.studio-ui.studio-ui.studio-ui.studio-ui.studio-ui>header .mobile-menu{height:44px!important;min-width:54px!important;font-size:14px!important;padding:1px 6px!important}}


html body.studio-ui.studio-ui.studio-ui.studio-ui.studio-ui.studio-ui.project-scrolling:has(#detail#detail#detail[open] .film-collection-stage)::before{opacity:var(--project-scroll-progress,0)!important;background:#000!important;transition:none!important}
html body.studio-ui .object-target.media-selected[data-object=crt]::after{display:none!important}
html body.studio-ui[data-active-panel=visualizer] #object-hint{visibility:hidden!important;opacity:0!important}
html body.studio-ui #studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup,:is(#studio-index-popup)>.index-surface{border:0!important;outline:0!important;box-shadow:none!important}
html body.studio-ui[data-audit-index] #archive-nav{gap:16px!important;flex-wrap:nowrap!important}
html body.studio-ui[data-audit-index] #archive-nav :is(a,button){padding-inline:0!important;font-size:12px!important;white-space:nowrap!important}
html body.studio-ui[data-active-panel=game] :is(.collection-meta,#stage-footer-meta),html body.studio-ui[data-active-panel=void] :is(.collection-meta,#stage-footer-meta){display:none!important}

/* Keep the caption anchored; scroll only the arrow itself. */
html body.studio-ui:has(#detail[open] .film-collection-stage) #context-action#context-action#context-action#context-action#context-action{translate:none!important;transform:translateX(-50%)!important}
#context-action .context-action-copy{display:inline-block}
#context-action .project-down-arrow{will-change:transform;transition:none!important}

/* Restore daylight contrast and the unboxed coming-soon caption. */
html body.studio-ui.studio-ui.studio-ui.studio-ui.studio-ui.studio-ui:not(.night):is(:not(.object-menu-open),.about-menu-open,[data-audit-index]) :is(header a,header button,footer a,footer button,#archive-nav,.room-controls){color:#111!important;--chrome-ink:#111!important}
html body.studio-ui.studio-ui.studio-ui.studio-ui.studio-ui.studio-ui:not(.night):is(:not(.object-menu-open),.about-menu-open,[data-audit-index])>header .wordmark img{filter:brightness(0)!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 .patient-note{background:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:0!important;box-shadow:none!important;padding:0!important;width:auto!important;min-width:0!important;color:var(--chrome-ink,#fff)!important}
/* TV actions appear on hover, remain accessible on touch. */
@media(hover:hover){body.studio-ui .tv-choice span{opacity:0;transition:opacity 200ms ease}body.studio-ui .tv-choice:is(:hover,:focus-visible) span{opacity:1}}

#context-action>span:has(.context-action-copy){display:flex;flex-direction:column;align-items:center;gap:8px}

/* Native scroll ownership: only the arrow belongs to the scrolling content. */
html body.studio-ui #context-action .project-down-arrow{visibility:hidden!important}
html body.studio-ui .studio-caption-portal{z-index:460;pointer-events:auto;background:none!important;border:0!important;outline:0!important;box-shadow:none!important;overflow:visible!important}
html body.studio-ui #detail .studio-scroll-arrow{position:absolute!important;display:grid!important;place-items:center;padding:0!important;margin:0!important;background:none!important;border:0!important;color:#fff!important;z-index:10;opacity:var(--context-chrome-opacity,1);transition:none!important;cursor:pointer}
html body.studio-ui #detail .studio-scroll-arrow .project-down-arrow{display:block!important;visibility:visible!important;transform:none!important;translate:none!important;transition:none!important;width:100%!important;height:100%!important}

/* Stable TV copy and a deliberate gap above the down arrow. */
html body.studio-ui .tv-choice.tv-choice span{opacity:1!important}
html body.studio-ui[data-active-panel=void] #context-action>span:has(.context-action-copy),html body.studio-ui[data-active-panel=game] #context-action>span:has(.context-action-copy){gap:18px!important}
/* Original film spacing from the reference version. */
html body.studio-ui #detail#detail#detail#detail#detail .film-page .film-information{padding-top:80px!important}
@media(max-width:700px){html body.studio-ui #detail#detail#detail#detail#detail .film-page .film-information{padding-top:48px!important}}
/* Coming Soon sits centered beneath the inspected Exloo screenplay. */
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 .patient-note{left:50%!important;transform:translateX(-50%)!important;opacity:1!important;white-space:nowrap!important}
/* Startup entrance belongs to the curtain's completion, independently of lighting. */
html body.studio-ui.studio-ui.studio-ui.studio-ui.studio-ui.studio-ui[data-startup-chrome=fading]>:is(header,footer,.mobile-explore){opacity:var(--startup-ui-alpha,0)!important;transition:color 400ms ease!important}
html body.studio-ui[data-startup-chrome=fading] #context-action#context-action#context-action#context-action#context-action#context-action#context-action#context-action#context-action#context-action{opacity:var(--startup-ui-alpha,0)!important}

html body.studio-ui .studio-viewport-footer{z-index:460;box-shadow:none!important;outline:0!important;color:#fff!important}
html body.studio-ui .studio-viewport-footer .room-controls{display:flex!important;gap:16px!important}
html body.studio-ui .studio-viewport-footer .room-controls button{pointer-events:auto!important}

/* Focused Index recovery: the October 10 sans tabs and internal footer. */
html body.studio-ui #studio-index-popup{--type-sans:'Studio Sans',Arial,sans-serif!important}
html body.studio-ui #studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup .category-tabs button{font:400 12px/18px 'Studio Sans',Arial,sans-serif!important;text-transform:none!important}
html body.studio-ui[data-audit-index]:has(#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup[open])>footer{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
html body.studio-ui #studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup .index-bottom{position:sticky!important;bottom:-24px!important;margin-top:8px!important;padding:14px 24px!important;margin-inline:-24px!important;width:calc(100% + 48px)!important;box-sizing:border-box;z-index:5;background:var(--window-milk)!important;backdrop-filter:blur(9px) saturate(.25) brightness(1.22)!important;-webkit-backdrop-filter:blur(9px) saturate(.25) brightness(1.22)!important}
html body.studio-ui #studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup .index-bottom button{font:400 13px/20px 'Studio Sans',Arial,sans-serif!important;text-transform:none!important}
/* Compact mono annotation; the first line keeps its existing sans styling. */
html body.studio-ui #object-hint#object-hint#object-hint#object-hint#object-hint#object-hint#object-hint#object-hint#object-hint#object-hint#object-hint small{font:400 10px/14px 'Studio Mono',monospace!important}
/* Documents use the Blog glass shell; document pages retain their own paper. */
html body.studio-ui .project-file-overlay.project-file-overlay.project-file-overlay[data-context]{background:var(--window-milk)!important;--day-surface-opacity:.55;backdrop-filter:blur(9px) saturate(.25) brightness(1.22)!important;-webkit-backdrop-filter:blur(9px) saturate(.25) brightness(1.22)!important;border:0!important;box-shadow:none!important}
html body.studio-ui .project-file-overlay .file-content>.surface{background:transparent!important}
html body.studio-ui .project-file-overlay:not(#document-glass#document-glass#document-glass#document-glass#document-glass#document-glass#document-glass#document-glass#document-glass#document-glass#document-glass#document-glass#document-glass#document-glass#document-glass#document-glass#document-glass#document-glass#document-glass#document-glass#document-glass#document-glass#document-glass#document-glass){background:rgba(250,249,245,.93)!important}
html body.studio-ui.night .project-file-overlay:not(#document-glass#document-glass#document-glass#document-glass#document-glass#document-glass#document-glass#document-glass#document-glass#document-glass#document-glass#document-glass#document-glass#document-glass#document-glass#document-glass#document-glass#document-glass#document-glass#document-glass#document-glass#document-glass#document-glass#document-glass){background:rgba(28,28,27,.93)!important}


/* Index footer stays visible, with the studio controls outside the sheet. */
html body.studio-ui.studio-ui[data-audit-index]:has(#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup[open])>footer{display:flex!important;opacity:1!important;visibility:visible!important;pointer-events:none!important}
html body.studio-ui[data-audit-index]:has(#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup[open])>footer .room-controls{display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}
html body.studio-ui[data-audit-index]:has(#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup[open]) #archive-nav [data-open=about]{display:inline-flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}
html body.studio-ui[data-audit-index]:has(#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup[open]) #archive-nav [data-open=contact]{display:none!important}
html body.studio-ui #studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup{height:calc(100dvh - var(--sheet-top,76px) - 104px)!important;overflow:hidden!important;padding:0!important}
html body.studio-ui #studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup .index-surface{position:absolute!important;inset:0!important;display:flex!important;flex-direction:column!important;height:auto!important;min-height:0!important;overflow:hidden!important;box-sizing:border-box!important;padding:26px 26px 0!important;--index-bar-edge:26px}
html body.studio-ui #studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup :is(.index-header,.index-tools,.index-column-headings){flex-shrink:0!important}
html body.studio-ui #studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup #index-results{flex:1 1 auto!important;min-height:0!important;overflow:auto!important;overscroll-behavior:contain;scrollbar-width:none}
html body.studio-ui #studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup #index-results::-webkit-scrollbar{display:none}
html body.studio-ui #studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup .index-bottom{position:relative!important;inset:auto!important;min-height:64px!important;height:64px!important;flex:0 0 64px!important;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:20px!important;margin:0 calc(-1 * var(--index-bar-edge))!important;width:calc(100% + 2 * var(--index-bar-edge))!important;padding:10px var(--index-bar-edge)!important;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-top:1px solid var(--floating-rule)!important;box-sizing:border-box!important}
html body.studio-ui.night #studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup .index-bottom{background:transparent!important}
html body.studio-ui #studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup .index-bottom button{min-height:44px!important;white-space:nowrap!important;flex:0 0 auto!important;line-height:20px!important}
html body.studio-ui #studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup .index-tools .index-search-inline{width:198px!important;flex:0 0 198px!important;min-width:0!important}
html body.studio-ui #studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup .index-role-group summary,html body.studio-ui #studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup .index-role-group summary span{font:400 12px/18px 'Studio Sans',Arial,sans-serif!important;text-transform:none!important;letter-spacing:normal!important}
html body.studio-ui #studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup .index-role-group .index-row :is(strong,small){text-transform:none!important;letter-spacing:normal!important}
html body.studio-ui .index-list-edge{display:none!important}
html body.studio-ui[data-audit-index]:has(#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup[open]) #archive-nav [data-open=about]{font-size:14px!important;line-height:20px!important;color:#111!important;--chrome-ink:#111!important;--studio-navigation-color:#111!important;--navigation-ink:#111!important;-webkit-text-fill-color:#111!important}
html body.studio-ui.night[data-audit-index]:has(#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup[open]) #archive-nav [data-open=about]{color:#fff!important;--chrome-ink:#fff!important;--studio-navigation-color:#fff!important;--navigation-ink:#fff!important;-webkit-text-fill-color:#fff!important}
@media(max-width:700px){
 html body.studio-ui.studio-ui[data-audit-index]:has(#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup[open])>footer{display:none!important;visibility:hidden!important;pointer-events:none!important}
 html body.studio-ui #studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup{bottom:20px!important;height:calc(100dvh - var(--sheet-top,66px) - 20px)!important}
 html body.studio-ui #studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup#studio-index-popup .index-surface{padding:20px 20px 0!important;--index-bar-edge:20px}
}

@media(min-width:701px){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#detail#detail#detail#detail#detail#detail#detail#detail[data-panel=contact] .contact-fields{left:auto!important;right:28px!important;top:76px!important;transform:none!important}}

/* One baseline for the footer label in both overview and Index. */
html body.studio-ui #archive-nav [data-open=about]{align-items:center!important;justify-content:flex-start!important;}

html body.studio-ui #detail[data-panel=about]{scrollbar-width:none!important;}
html body.studio-ui #detail[data-panel=about]::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;}

/* About uses exactly the representation label typography. */
html body.studio-ui #detail#detail#detail#detail#detail#detail#detail[data-panel=about] .about-intro-label{position:static!important;width:auto!important;height:auto!important;overflow:visible!important;clip-path:none!important;padding:0!important;margin:0 0 16px!important;font:500 12px/18px var(--type-sans)!important;letter-spacing:.02em!important;color:#b9b9b5!important;text-transform:uppercase!important}

html body.studio-ui:not(.night) #detail#detail#detail#detail#detail#detail#detail[data-panel=about] .about-intro-label{color:#64645e!important}