:root{--studio-ink:#f4f1fb;--studio-muted:#c3bdcd;--studio-accent:#72e4eb;--studio-border:#b6c2e139;font-family:"Avenir Next",ui-sans-serif,system-ui,sans-serif;color-scheme:dark}
*{box-sizing:border-box}.studio-entry{margin:0;background:#090b17;color:var(--studio-ink);height:100svh;overflow:hidden}.studio-skip{position:fixed;top:-100px;left:16px;z-index:120;padding:12px;background:#15192b;color:#fff}.studio-skip:focus{top:12px}
#studio-view{position:fixed;inset:0;overflow:hidden;z-index:-1;background:#090b17;pointer-events:none;view-transition-name:studio-room}.studio-entry #studio-view{z-index:0}#studio-world{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform}#studio-world>img{display:block;width:100%;height:100%;object-fit:fill}.studio-vignette{position:fixed;inset:0;background:linear-gradient(180deg,#080b18aa,transparent 24%,transparent 65%,#080a17ee),radial-gradient(ellipse,transparent 35%,#08091477);pointer-events:none;z-index:1}
.studio-bar{position:relative;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px clamp(20px,3.4vw,66px);color:var(--studio-ink)}.studio-brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.studio-brand img{width:42px;height:42px}.studio-brand strong{display:block;font-size:14px;font-weight:700;letter-spacing:-.025em}.studio-brand small{display:block;color:var(--studio-muted);font-size:10px;margin-top:4px;letter-spacing:.06em}.studio-preview-label{color:#e1d7e7;font-size:10px;letter-spacing:.06em;border:1px solid #baa6cb55;padding:7px 10px;border-radius:20px;background:#1113219c}.studio-bar a:focus-visible,.studio-dock a:focus-visible,.studio-nav a:focus-visible{outline:2px solid var(--studio-accent);outline-offset:5px}
/* Keep centring on a static parent so GSAP only moves the hanging fixture. */
.studio-lobby{position:absolute;inset:0;z-index:2}.studio-sign-anchor{position:absolute;width:clamp(300px,43vw,760px);aspect-ratio:1672/941;left:50%;top:44%;transform:translate(-50%,-50%)}.studio-sign{position:relative;width:100%;height:100%;transform-origin:50% 0}.studio-chains{position:absolute;left:0;bottom:76%;width:100%;height:240%;filter:drop-shadow(2px 3px 3px #000c);pointer-events:none}.studio-sign img{display:block;position:relative;width:100%;filter:drop-shadow(0 0 13px #ff28df88) drop-shadow(0 0 30px #29dfff66)}#studio-logo-trigger{position:absolute;inset:0 8%;border:0;border-radius:50%;background:transparent;cursor:pointer}#studio-logo-trigger:disabled{cursor:default}#studio-logo-trigger:focus-visible{outline:2px solid #72e4eb;outline-offset:8px}
.studio-dock{position:absolute;z-index:6;bottom:30px;left:clamp(20px,3.4vw,66px);right:clamp(20px,3.4vw,66px);display:flex;align-items:end;justify-content:flex-end;gap:32px}.studio-dock nav{display:flex;gap:12px}.studio-dock a{display:flex;align-items:center;gap:16px;padding:16px 20px;min-height:77px;border:1px solid var(--studio-border);border-radius:13px;background:#0f1320b0;backdrop-filter:blur(20px);color:var(--studio-ink);text-decoration:none;transition:border-color .25s,background .25s,translate .25s}.studio-dock a:hover{border-color:#72e4eb99;background:#132436c9;translate:0 -4px}.studio-number{font:11px ui-monospace,monospace;color:#b5adca}.studio-dock small{display:block;color:#c4bdd0;font-size:10px;margin-bottom:5px;letter-spacing:.06em}.studio-dock strong{font-size:15px;font-weight:600}.studio-dock strong>span{margin-left:15px;color:var(--studio-accent)}.studio-dock a[data-studio-route=film]{--studio-accent:#ee8ed8}.studio-dock a[data-studio-route=trading]{--studio-accent:#b69aff}.studio-door{position:absolute;left:clamp(24px,5vw,90px);bottom:25%;opacity:0;pointer-events:none;text-shadow:0 2px 20px #000}.studio-door>span{display:block;font-size:11px;color:var(--studio-accent);letter-spacing:.14em;text-transform:uppercase}.studio-door strong{display:block;font-size:clamp(34px,5vw,66px);letter-spacing:-.04em;margin-top:6px;font-weight:650}.studio-noscript{position:fixed;left:20px;bottom:150px;z-index:4;background:#090b17;padding:12px}
.studio-space{margin:0;isolation:isolate;min-height:100svh;color:var(--studio-ink);background:#090b17!important;font-family:"Avenir Next",ui-sans-serif,system-ui,sans-serif}.studio-space #studio-view{z-index:-1}.studio-space #studio-world{filter:brightness(.22) saturate(.7) blur(3px)}.studio-space .studio-bar{position:sticky;top:0;z-index:95;padding-top:12px;padding-bottom:12px;min-height:70px;background:#0b0e1cca;border-bottom:1px solid var(--studio-border);backdrop-filter:blur(22px)}.studio-nav{display:flex;align-items:center;gap:6px}.studio-nav a{display:flex;align-items:center;min-height:44px;padding:9px 13px;border:1px solid transparent;border-radius:9px;color:#d7d1e1;text-decoration:none;font-size:12px;font-weight:650;white-space:nowrap}.studio-nav a[aria-current=page],.studio-nav a:hover{color:#fff;background:#ffffff0b;border-color:var(--studio-border)}.studio-nav a.studio-back{color:var(--studio-accent)}.studio-location{display:flex;justify-content:space-between;gap:16px;max-width:1520px;margin:22px auto 4px;padding:0 clamp(18px,4vw,64px);font-size:11px;color:#c3bdcd;letter-spacing:.05em}.studio-location>span:first-child{color:var(--studio-accent)}.studio-content{position:relative;z-index:1;animation:studio-arrive .7s ease}.studio-space.pg-desk{--bg:#0b0e1ee6;--panel:#14192de6;--line:#404057;--muted:#bfb7ce;--ink:#f4f1fb;--accent:#72e4eb}.studio-space.pg-film{--bg:#0b0e1ee6;--surface:#18192ddd;--line:#404057;--ink:#f4f1fb;--muted:#bfb7ce}.studio-space.pg-trading{--bg:#0b0e1ee6;--panel:#14192de6;--line:#404057;--muted:#bfb7ce;--accent:#b69aff}.studio-space.pg-trading main{background:transparent}.studio-space .hero,.studio-space .card,.studio-space .panel,.studio-space .media-card{box-shadow:0 10px 30px #0002}.studio-space.pg-film .site-header{min-height:88px}.studio-space.pg-film .view-tabs{gap:clamp(15px,2vw,27px)}.studio-space.pg-film .view-tabs button{min-height:44px;font-family:"Avenir Next",system-ui,sans-serif;font-size:15px}.studio-space.pg-film .hero-copy h1{font-size:clamp(45px,5vw,74px)}.studio-space.pg-desk .top{min-height:74px}.studio-space.pg-desk .brand strong{letter-spacing:.08em}.studio-space.pg-desk h1{font-size:clamp(37px,4.3vw,63px)}.studio-space :is(h1,h2,h3){font-family:"Avenir Next",ui-sans-serif,system-ui,sans-serif}.studio-space .studio-preview-label{display:none}.studio-space .pg-shellbar{display:none}
@keyframes studio-arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.studio-entry.studio-js .studio-dock nav{opacity:0;visibility:hidden;pointer-events:none;translate:0 12px;transition:opacity .4s,translate .4s,visibility .4s}
.studio-entry.studio-js[data-studio-choices=visible] .studio-dock nav{opacity:1;visibility:visible;pointer-events:auto;translate:0 0}
.studio-space :is(h1,h2,h3){font-weight:600}
.studio-space.pg-film{--amber:#ee8ed8;--serif:"Avenir Next",ui-sans-serif,system-ui,sans-serif;--pg-accent:#ee8ed8}
.studio-space.pg-desk{--surface:#14192de6;--surface-raised:#1b2337;--edge:#b6c2e139;--radius:13px}
.studio-space.pg-desk .day-sidebar{top:70px;background:#111528e8;border-color:var(--studio-border);backdrop-filter:blur(20px)}
.studio-space.pg-desk :is(.day-current,.day-next,.day-reminder,.day-event.is-current,.next,.daily-priorities,.yt-announcement,.reminder.due){background:#19263bd9;color:var(--studio-ink);border-color:#72e4eb55}
.studio-space.pg-desk :is(.day-current,.day-next,.day-reminder,.day-event) :is(small,time){color:#bbbdd4}
.studio-space.pg-desk .daily-priorities{border:1px solid var(--studio-border)}
.studio-space.pg-desk .priority-panel{background:#14192de8;color:var(--studio-ink);border:1px solid var(--studio-border);border-radius:13px}
.studio-space.pg-desk .priority-panel :is(h2,h3,p,.label,.section-number){color:var(--studio-ink)}
.studio-space.pg-desk .priority-panel .daily-priorities{background:transparent;border:0}
.studio-space.pg-desk :is(.daily-priorities,.next,.reminder.due) :is(.label,p,h2,h3,strong){color:var(--studio-ink)}
.studio-space.pg-desk :is(.daily-priorities,.next,.reminder.due) button{background:#72e4eb;color:#102231;border-color:#72e4eb}
.studio-space.pg-desk :is(.daily-priorities,.next,.reminder.due) a{color:#72e4eb}
.studio-space.pg-desk :is(.yt-card,.yt-playlists,.capture,.collection,.briefcard){background:#14192dd9;border-color:var(--studio-border)}
.studio-space.pg-desk :is(input,select,.yt-search input){background:#101629;border-color:var(--studio-border);color:var(--studio-ink)}
.studio-space.pg-desk .desk-nav{top:70px;backdrop-filter:blur(20px)}
@media(max-width:900px){.studio-space.pg-desk .day-sidebar{top:auto;border-radius:13px;margin:22px 0}.studio-space.pg-desk .desk-nav{position:relative;top:auto}}
@media(max-width:700px){.studio-dock nav{justify-content:stretch;grid-template-columns:minmax(0,1fr)}}
@media(max-width:1100px){.studio-dock{display:block}.studio-dock nav{justify-content:space-between}.studio-dock a{flex:1;padding:14px}.studio-space .studio-bar{flex-wrap:wrap;gap:8px}.studio-nav{margin-left:auto}}
@media(max-width:700px){.studio-bar{padding:15px 18px;align-items:start;gap:10px}.studio-brand strong{font-size:11px;max-width:155px}.studio-brand img{width:35px;height:35px}.studio-brand small{font-size:9px}.studio-preview-label{font-size:8px;max-width:88px;line-height:1.5;text-align:center;padding:5px 8px}.studio-sign-anchor{width:88vw;top:37%}.studio-dock{left:18px;right:18px;bottom:max(20px,env(safe-area-inset-bottom))}.studio-dock nav{display:grid;gap:7px}.studio-dock a{padding:11px 15px;min-height:61px;gap:15px}.studio-dock a>span:last-child{flex:1}.studio-dock strong{display:flex;align-items:center;justify-content:space-between;font-size:14px}.studio-dock small{font-size:9px;margin-bottom:3px}.studio-number{font-size:10px}.studio-door{bottom:43%}.studio-nav{width:100%;margin:0;overflow-x:auto;gap:3px}.studio-nav a{font-size:10px;padding:10px}.studio-space .studio-bar{padding:10px 15px;display:block}.studio-space .studio-brand{margin-bottom:9px}.studio-location{font-size:9px;margin-top:18px}.studio-space.pg-film .view-tabs{overflow-x:auto;flex-wrap:nowrap;justify-content:start}.studio-space.pg-film .view-tabs button{flex-shrink:0;white-space:nowrap}.studio-space.pg-film .hero-copy h1{font-size:48px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.studio-dock a:hover{translate:none}::view-transition-group(*){animation-duration:0s}}
.studio-header-actions,.studio-sound-controls{display:flex;align-items:center;gap:14px}.studio-sound-controls{gap:9px;flex-shrink:0}.studio-sound-controls button{min-height:44px;min-width:90px;padding:9px 14px;border:1px solid #b6c2e155;border-radius:24px;background:#11182ac9;color:#e1d7e7;font:12px inherit;cursor:pointer;white-space:nowrap}.studio-sound-controls button[aria-pressed=true]{color:#bafffa;border-color:#72e4eb88;background:#72e4eb15}.studio-sound-controls button:focus-visible{outline:2px solid #72e4eb;outline-offset:4px}.studio-space .studio-nav{margin-left:auto}@media(max-width:1100px) and (min-width:701px){.studio-space .studio-bar{flex-wrap:wrap}.studio-space .studio-sound-controls{margin-left:auto}.studio-space .studio-nav{order:3;width:100%;margin:0}.studio-space .studio-nav a{font-size:11px}}@media(max-width:700px){.studio-header-actions .studio-preview-label{display:none}.studio-header-actions{gap:0}.studio-sound-controls{gap:6px}.studio-sound-controls button{font-size:10px;min-width:84px;padding:8px 11px}.studio-space .studio-sound-controls{position:absolute;right:15px;top:13px}.studio-brand strong{max-width:125px}.studio-space .studio-nav{margin:0}}
@media(max-width:700px){.studio-space .studio-brand{width:fit-content;max-width:calc(100% - 105px)}}
/* The hanging sign owns the entrance; header branding returns in the rooms. */
.studio-entry .studio-brand{visibility:hidden;pointer-events:none}
.studio-entry .studio-header-actions{position:absolute;top:18px;left:50%;transform:translateX(-50%)}
.studio-entry .studio-preview-label{display:none}
@media(max-width:700px){.studio-entry .studio-header-actions{top:15px}}
@media(max-height:500px) and (min-width:701px){.studio-sign-anchor{width:min(43vw,calc((100svh - 250px)*1.777));top:52%}}
