:root{color-scheme:dark;--ink:#f0dfc2;--gold:#ebbd79;--ease:cubic-bezier(.22,.72,.17,1)}*{box-sizing:border-box}body{margin:0;background:#06090e;color:var(--ink);font:16px/1.5 "Roboto",Arial,sans-serif}button,a,input{font:inherit;color:inherit}button{cursor:pointer}a{text-underline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.sr{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}#desk{position:relative;width:100%;height:100dvh;min-height:280px;overflow:hidden;isolation:isolate}#viewport{position:absolute;inset:0;overflow:hidden}#plane{position:absolute;width:1536px;height:864px;transform-origin:0 0;will-change:transform}.plate{position:absolute;inset:0;width:1536px;height:864px;pointer-events:none}
.object{position:absolute;inset:0;width:1536px;height:864px;padding:0;border:0;background:none;opacity:0;transition:opacity .35s;z-index:2}.object img{width:1536px;height:864px;filter:brightness(1.25) saturate(1.1)}.object:hover,.object:focus-visible{opacity:1}.speaker{clip-path:polygon(0 39.6%,19.9% 38.7%,21.2% 40.1%,22.1% 70.9%,16.1% 79.5%,2% 79.7%,.8% 77.9%)}.files{clip-path:polygon(76.7% 64.7%,80.5% 64.7%,80.8% 63.3%,87.5% 64.8%,100% 67.6%,100% 92.8%,88.6% 93.1%,76.3% 74%,76.5% 72.5%,76.3% 71%,76.6% 69.7%,76.1% 68.4%,76.8% 67.6%)}.monitor{position:absolute;left:539px;top:327px;width:381px;height:202px;border:0;background:radial-gradient(ellipse at center,#86bad000,transparent);z-index:2;transition:box-shadow .5s,background .5s}.monitor:hover,.monitor:focus-visible{background:radial-gradient(ellipse at center,#86bad023,transparent);box-shadow:inset 0 0 34px #d2b88824}.power{position:absolute;left:907px;top:534px;width:4px;height:2px;background:#f3c685;box-shadow:0 0 9px #ebbd79;opacity:.3;transition:opacity .4s}#plane:has(.monitor:hover) .power,#plane:has(.monitor:focus-visible) .power{opacity:1}
.desk-controls{position:absolute;z-index:8;inset:18px 22px auto;display:flex;justify-content:flex-end;flex-wrap:wrap;gap:6px 18px;pointer-events:none}.desk-controls>*{pointer-events:auto;min-height:44px;background:#080d14bb;border:0;border-radius:3px;padding:9px 13px;text-decoration:none;font-size:14px;backdrop-filter:blur(8px)}.desk-controls>*:hover{color:#ffdb9b;background:#080d14ee}.desk-controls [aria-pressed=true]{color:var(--gold)}.hint{position:absolute;left:24px;bottom:16px;z-index:6;margin:0;padding:8px 12px;background:#06090dcc;color:#dec8a7;font-size:14px;pointer-events:none}
/* The menus use viewport pixels; only the artwork plane scales. */
#chicago{position:absolute;inset:0;width:1536px;height:864px;z-index:1;pointer-events:none;opacity:0;transition:opacity 1.4s ease}#chicago.ready{opacity:1}.desk-controls button:disabled{cursor:default;opacity:.7}
.ghost{position:absolute;left:var(--ghost-x,220px);top:var(--ghost-y,160px);width:var(--ghost-w,370px);height:var(--ghost-h,400px);z-index:7;opacity:0;visibility:hidden;transform:translate(var(--ghost-from-x,-170px),var(--ghost-from-y,90px)) scale(.66) rotate(-1.4deg);transform-origin:50% 70%;transition:transform .65s var(--ease),opacity .38s,visibility 0s .65s;pointer-events:none;filter:drop-shadow(0 0 5px #b6f4ff99) drop-shadow(0 0 26px #249fd47a)}
.ghost.open{transform:translate(0,0) scale(1) rotate(-1.4deg);opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}
.ghost-art{position:absolute;inset:-7px;overflow:hidden;opacity:.7;background:#0b274078;filter:blur(2.8px);-webkit-mask-image:radial-gradient(ellipse 76% 80% at 46% 47%,#000 45%,#000e 62%,#0008 76%,transparent 100%);mask-image:radial-gradient(ellipse 76% 80% at 46% 47%,#000 45%,#000e 62%,#0008 76%,transparent 100%)}
.ghost-art img{position:absolute;left:0;top:-93.3%;width:449.12%;height:241.34%;max-width:none;filter:brightness(.85) saturate(.9) sepia(.2) hue-rotate(155deg);opacity:.6}
.ghost-art:before,.ghost-art:after{content:"";position:absolute;inset:0;pointer-events:none}.ghost-art:before{background:radial-gradient(ellipse at 25% 30%,#c7f7ff4d,transparent 20%),linear-gradient(112deg,#7be8ff24,transparent 36%,#27bfff38 75%,transparent);box-shadow:inset 0 0 54px #62dfff5c;mix-blend-mode:screen}.ghost-art:after{inset:-8% -5%;background:repeating-linear-gradient(0deg,transparent 0 6px,#91e8ff12 7px,transparent 8px);animation:ghost-current 2.8s linear infinite;mix-blend-mode:screen}
.ghost.open .ghost-art{animation:ghost-breath 4.8s ease-in-out infinite}
@keyframes ghost-breath{0%,100%{opacity:.62;filter:blur(2.8px) brightness(1)}50%{opacity:.86;filter:blur(4px) brightness(1.2)}}
@keyframes ghost-current{to{transform:translateY(8px)}}
.radio-controls{position:relative;isolation:isolate;margin:7% 17% 0 9%;padding:12px 12px 16px;max-height:none;overflow:visible;color:#fff0d8;text-shadow:0 2px 4px #00101d}.radio-controls::-webkit-scrollbar{display:none}
.radio-controls:before{content:"";position:absolute;z-index:-1;inset:-3% -8% -3% -5%;background:linear-gradient(100deg,#041522dc,#071a2d9c 72%,#0b29403f);opacity:.68;transform:perspective(760px) rotateY(-4deg) rotateZ(.8deg) skewY(-.7deg);transform-origin:50% 62%;filter:blur(.7px);border:1px solid #9aeaff24;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 88%,transparent),linear-gradient(0deg,transparent,#000 8%,#000 91%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 88%,transparent),linear-gradient(0deg,transparent,#000 8%,#000 91%,transparent);mask-composite:intersect}
.radio-controls>p{font-size:14px;letter-spacing:.1em;color:#a4edff;margin:0 0 8px}.radio-controls h2{font:24px/1.12 "Roboto",Arial,sans-serif;margin:0 0 12px}.radio-controls button{border:0;border-bottom:1px solid #9bddf740;background:none;min-height:44px;padding:6px 0;text-align:left;display:block;width:100%;font-size:16px}.radio-controls button:hover{color:#b2f1ff}.radio-controls label{display:block;margin:9px 0 0;font-size:16px}.radio-controls input{display:block;width:100%;height:28px;accent-color:#9be6ff}#radio-state{font-size:14px;display:block;margin-top:6px;min-height:21px}
#stack-open{position:absolute;left:1170px;top:445px;width:390px;height:320px;z-index:3;pointer-events:none;opacity:0;transform-origin:80% 92%;transform:perspective(700px) rotateX(68deg) rotateZ(8deg) scale(.9);transition:transform .65s var(--ease) 1s,opacity .4s 1.1s;filter:drop-shadow(-9px 14px 9px #0009)}#stack-open img{width:100%;height:100%;object-fit:fill}#plane.files-open #stack-open{opacity:1;transform:perspective(700px) rotateX(22deg) rotateZ(7deg) translate(-8px,-18px);transition-delay:0s}
#spread{position:absolute;inset:0;z-index:5;visibility:hidden;pointer-events:none;transition:visibility 0s 1.65s}#spread.open{visibility:visible;transition-delay:0s}#cards{position:absolute;inset:0;pointer-events:none}
.card{position:absolute;left:0;top:0;width:var(--card-w,340px);height:var(--card-h,350px);padding:0;border:0;background:none;color:#201913;text-align:left;filter:drop-shadow(8px 15px 12px #000a);transform-origin:50% 50%;transform:translate(var(--home-x),var(--home-y)) rotate(9deg) scale(var(--home-sx,.7),var(--home-sy,.35));opacity:0;transition:transform .78s var(--ease),opacity .18s;transition-delay:var(--close-delay,0ms),calc(var(--close-delay,0ms) + .64s);pointer-events:none;will-change:transform}
.card .folio{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none}.card .file-content{position:absolute;inset:22% 12% 9% 13%;display:flex;flex-direction:column;overflow:hidden;opacity:0;transition:opacity .18s}
.card .cover{width:100%;height:42%;object-fit:contain;display:block;background:#191e25}.card .number{font:14px/1.4 "Roboto",Arial,sans-serif;letter-spacing:.06em;display:block;padding-top:7px;color:#514230}.card strong{font:clamp(18px,1.7vw,25px)/1.12 "Roboto",Arial,sans-serif;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-top:5px}.card .file-action{font:14px/1.3 "Roboto",Arial,sans-serif;margin-top:auto;padding-top:5px;text-decoration:underline;text-underline-offset:3px;opacity:0}
.open .card{opacity:1;transform:translate(var(--x),var(--y)) rotate(var(--angle));transition-delay:var(--open-delay),0s;pointer-events:auto}.open .card .file-content{opacity:1;transition-delay:.28s}.open .card.selected{transform:translate(var(--x),calc(var(--y) - var(--lift,38px))) rotate(0deg);z-index:6;transition-delay:0s;filter:drop-shadow(5px 22px 18px #000c)}.open .card.selected .file-action{opacity:1}.card:focus-visible{outline:0}.card:focus-visible .file-content{outline:3px solid #725222;outline-offset:4px}
#card-title{position:absolute;left:18px;right:18px;top:var(--title-y,80%);text-align:center;font:clamp(18px,2vw,28px)/1.2 "Roboto",Arial,sans-serif;text-shadow:0 2px 8px #000;margin:0;padding:8px 14px;opacity:0;transition:opacity .2s;pointer-events:none}#spread.open #card-title{opacity:1;transition-delay:.5s}
#gather{position:absolute;left:var(--gather-x);top:var(--gather-y);z-index:9;min-height:44px;padding:8px 14px;border:0;border-bottom:1px solid #e2be82a0;background:#10121be6;color:#ffe4b6;font-size:16px;white-space:nowrap;opacity:0;transition:opacity .2s;pointer-events:none}#spread.open #gather{opacity:1;pointer-events:auto;transition-delay:.2s}
.file-navigation{position:absolute;left:50%;top:var(--navigation-y);transform:translateX(-50%);display:none;align-items:center;gap:15px;pointer-events:none;white-space:nowrap;background:#090f17e8;padding:2px 8px}.file-navigation button{min-width:44px;min-height:44px;border:0;background:none;font-size:28px}.file-navigation span{font-size:14px}.file-navigation button:disabled{opacity:.35}.compact-files #spread.open .file-navigation{display:flex;pointer-events:auto}.compact-files #card-title{display:none}.compact-files .card strong{font-size:20px}.compact-files .hint{opacity:0}.compact-files .card .number{font-size:14px}
#cinema{position:absolute;inset:0;background:#020406;z-index:10;opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s .3s;pointer-events:none}#cinema.visible{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}#video{width:100%;height:100%;object-fit:contain}#return-video{position:absolute;top:20px;right:24px;min-height:44px;padding:10px 20px;background:#080c12e8;border:1px solid #ddbb8050;border-radius:3px}#video-state{position:absolute;top:20px;left:24px;padding:8px;background:#080c12c9;max-width:65%;font-size:16px}#video-state:empty{display:none}#desk:not([data-state=desk]) .desk-controls,#desk:not([data-state=desk]) .hint{opacity:0;pointer-events:none}#desk:not([data-state=desk]) .object,#desk:not([data-state=desk]) .monitor{pointer-events:none}
dialog{border:0;padding:0;color:var(--ink);background:#0b1017;max-width:none;max-height:none;transform-origin:0 0}dialog::backdrop{background:transparent}.tq-transition-shade{position:fixed;inset:0;z-index:9;background:#030609ce;backdrop-filter:blur(5px);pointer-events:none}#reader{position:fixed;inset:2vh 3vw;width:94vw;height:96dvh;margin:0;overflow:hidden;box-shadow:0 20px 100px #000c}#reader header{height:64px;display:flex;justify-content:space-between;align-items:center;padding:8px 24px;border-bottom:1px solid #d1b18040}dialog button{min-height:44px;background:none;border:0;padding:8px 12px}.reading-scroll{height:calc(100% - 64px);overflow:auto;overscroll-behavior:contain;padding:30px 20px 70px}.eyebrow{font-size:12px;letter-spacing:.13em;color:#d2ad78;text-align:center}#article-title{font:clamp(32px,5vw,70px)/1.05 "Roboto",Arial,sans-serif;max-width:1040px;margin:20px auto 35px;text-align:center}#inspect{display:block;position:relative;padding:0;margin:auto;width:min(1248px,100%);cursor:zoom-in}#article-image{display:block;width:100%;height:auto}#inspect>span{position:absolute;right:12px;bottom:12px;padding:8px 12px;background:#080c12e6;font-size:14px}#article-body{max-width:760px;margin:40px auto;font:20px/1.85 "Roboto",Arial,sans-serif}#article-body p{margin:0 0 1.5em}#article-body img{max-width:100%;height:auto}#article-body h3{font:28px/1.3 "Roboto",Arial,sans-serif;margin:2em 0 1em}#artwork{position:fixed;inset:0;margin:0;width:100vw;height:100dvh;display:none;place-items:center;padding:74px 20px 30px;background:#03060b}#artwork[open]{display:grid}#artwork>button{position:absolute;right:20px;top:16px}#full-art{display:block;max-width:min(100%,1600px);max-height:calc(100dvh - 110px);width:auto;height:auto;object-fit:contain}
@media(max-width:700px){.desk-controls{inset:8px 8px auto;gap:4px;justify-content:center}.desk-controls>*{font-size:13px;padding:7px 9px}.hint{left:8px;right:8px;bottom:8px;text-align:center;font-size:13px}#reader{inset:0;width:100vw;height:100dvh}#article-body{font-size:18px}}
@media(prefers-reduced-motion:reduce){.ghost,.card,.card .file-content,#stack-open,.power,.monitor,.object,#cinema,#spread,#gather,#card-title{transition-duration:.14s!important;transition-delay:0s!important}.ghost.open .ghost-art,.ghost-art:after{animation:none}}
@media(forced-colors:active){.object{opacity:1;outline:2px solid ButtonText}.ghost-art{opacity:0}.radio-controls{background:Canvas;color:CanvasText}.radio-controls:before{display:none}.card{background:Canvas;color:CanvasText}}

@media(max-height:550px){.hint{display:none}.desk-controls{inset:5px 8px auto}.desk-controls>*{min-height:44px;padding:5px 9px}.radio-controls{margin:1% 13% 0 7%;padding:3px 8px;display:grid;grid-template-columns:1fr 1fr;column-gap:14px;align-items:end}.radio-controls>p,.radio-controls h2,.radio-controls label,#radio-state{grid-column:1/-1}.radio-controls h2{font-size:18px;margin-bottom:1px}.radio-controls>p{margin-bottom:1px}.radio-controls button{font-size:15px}.radio-controls label{margin-top:1px}.radio-controls input{height:24px}}

#spread.gathering #gather{opacity:1;pointer-events:none;transition-delay:0s}
#desk:not([data-state=desk]) #spread,#desk:not([data-state=desk]) .ghost{visibility:hidden;opacity:0;pointer-events:none}
@media(prefers-reduced-motion:reduce){.ghost{transform:none!important}.card{transform:translate(var(--x),var(--y)) rotate(0deg)!important}#stack-open{transform:perspective(700px) rotateX(22deg) rotateZ(7deg)!important}}



#chicago-sky{position:absolute;inset:0;width:1536px;height:864px;z-index:0;pointer-events:none;overflow:hidden;background:url('assets/chicago-sky.webp') 0 -117px/1536px 572px no-repeat}
.cloud-drift{position:absolute;left:0;display:flex;will-change:transform;pointer-events:none}.cloud-tile{display:block;flex:none;height:100%;background-image:url('assets/chicago-clouds-hd.webp');background-size:100% 200%;background-repeat:no-repeat}
.plate{z-index:1}.object,.monitor{z-index:3}.power{z-index:3}#chicago{z-index:2}

@font-face{font-family:Roboto;src:url('assets/roboto-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Roboto;src:url('assets/roboto-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Roboto;src:url('assets/roboto-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
body{overflow:hidden}#building{height:100dvh;overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable;scroll-behavior:smooth;background:#06090e}#building:fullscreen{height:100%;width:100%}#desk-track{height:200dvh;position:relative}#desk{position:sticky;top:0}#viewport{transform-origin:50% 70%}#building:has(dialog[open]),#building:has(#desk:not([data-state=desk])){overflow-y:hidden}
#glass-reflections{position:absolute;inset:0;width:1536px;height:864px;z-index:2;pointer-events:none;mix-blend-mode:screen}
.radio-controls h2{font-weight:500;letter-spacing:-.02em;line-height:1.18}.card strong{font-weight:500;letter-spacing:-.015em}#article-title{font-weight:500;letter-spacing:-.035em;line-height:1.12}#article-body{font:400 20px/1.85 Roboto,Arial,sans-serif}.eyebrow{font-weight:500;letter-spacing:.12em}#article-body h3{font-weight:500}
.tq-floor-link{position:absolute;right:28px;bottom:24px;z-index:8;display:flex;align-items:center;gap:28px;padding:10px 16px;font-size:15px;text-decoration:none;border-bottom:1px solid #d6bb8960;background:#07111bc9}.tq-floor-link span{font-size:24px;color:#d9bb85}.hint{right:auto;max-width:55%}#desk:not([data-state=desk]) .tq-floor-link{visibility:hidden}
.tq-reading-room{position:relative;z-index:3;margin-top:-100dvh;min-height:100dvh;isolation:isolate;color:#f3f2ef;scroll-margin-top:0;background:linear-gradient(180deg,#070d1500,#070d15f5 13rem,#070d15 90%)}
.tq-reading-view{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#070d1599,#070d15e6 55%,#070d15f5),url('assets/office-glass.webp') center top/auto 110vh no-repeat;opacity:.65;transform-origin:center top}
.tq-reading-content{position:relative;width:min(1240px,calc(100% - 100px));margin:auto;padding:clamp(90px,15vh,170px) 0 60px}
.tq-reading-header{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:60px}.tq-floor-marker{margin:0 0 24px;color:#d4b781;font-size:14px;font-weight:500;letter-spacing:.15em}.tq-reading-header h2{font:500 clamp(42px,6vw,82px)/1.05 Roboto,Arial,sans-serif;letter-spacing:-.045em;margin:0 0 22px}.tq-reading-header h2 span{color:#d0a66c}.tq-reading-intro{font-size:18px;line-height:1.6;color:#bac5d0;max-width:34rem;margin:0}.tq-return-floor{font-size:15px;white-space:nowrap;padding:12px 0;text-decoration:none;color:#d7c39f;border-bottom:1px solid #d7c39f55}
.tq-reading-articles{display:grid;grid-template-columns:1fr 1fr;gap:52px 36px}.tq-reading-article{display:block;width:100%;padding:0 0 28px;text-align:left;border:0;border-bottom:1px solid #aebcce30;border-radius:0;background:none;color:inherit;cursor:pointer}.tq-reading-article:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.45fr 1fr;gap:38px;align-items:center;padding-bottom:48px}.tq-reading-article img{display:block;width:100%;aspect-ratio:2/1;object-fit:contain;background:#080e16;transition:filter .25s}.tq-reading-article:hover img{filter:brightness(1.1)}.tq-reading-article:first-child img{aspect-ratio:auto}.tq-reading-copy{display:block;padding-top:23px}.tq-reading-article:first-child .tq-reading-copy{padding:0}.tq-reading-meta{display:block;font-size:14px;line-height:1.7;color:#b4bfcc;margin-bottom:14px}.tq-reading-article strong{display:block;font:500 clamp(24px,2.8vw,38px)/1.17 Roboto,Arial,sans-serif;letter-spacing:-.025em}.tq-reading-article:first-child strong{font-size:clamp(30px,3.3vw,48px)}.tq-reading-action{display:block;font-size:15px;color:#dfc79e;margin-top:25px}.tq-reading-action span{margin-left:15px}.tq-reading-footer{display:flex;justify-content:space-between;gap:24px;margin-top:64px;padding-top:28px;border-top:1px solid #aebcce30;font-size:14px;color:#aab8c8}.tq-reading-footer a{color:#e1cba7}
@media(max-width:760px){.tq-reading-content{width:calc(100% - 36px);padding-top:100px}.tq-reading-header{display:block;margin-bottom:34px}.tq-return-floor{display:inline-block;margin-top:22px}.tq-reading-articles{grid-template-columns:1fr;gap:32px}.tq-reading-article:first-child{display:block;grid-column:auto;padding-bottom:28px}.tq-reading-article:first-child .tq-reading-copy{padding-top:23px}.tq-reading-footer{flex-direction:column;gap:16px}.tq-floor-link{right:12px;bottom:16px;font-size:14px;padding:8px 10px;gap:12px}.hint{left:8px;max-width:48%;text-align:left;font-size:13px}.tq-reading-header h2{font-size:46px}}
@media(prefers-reduced-motion:reduce){#building{scroll-behavior:auto}.tq-reading-article img{transition:none}}

/* The lower floors share the existing panorama; each frames a different view. */
.tq-skip-floor{position:absolute;left:16px;top:12px;z-index:30;transform:translateY(-180%);padding:12px 18px;background:#101c28}.tq-skip-floor:focus{transform:none}
.tq-lower-floor{position:relative;isolation:isolate;min-height:100dvh;overflow:clip;background:#080f18;color:#f3f2ef;border-top:1px solid #b9c9d521;scroll-margin-top:0}
.tq-floor-window{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#07101bef,#0915229c 60%,#081423c4),url('assets/office-glass.webp') center 26%/auto 115vh no-repeat;transform-origin:50% 35%;opacity:.8}
.tq-floor-content{width:min(1240px,calc(100% - 100px));margin:auto;padding:clamp(90px,14vh,150px) 0 60px}
.tq-listening-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:60px;align-items:center;margin:60px 0 90px}
.tq-listening-art{display:block;border:0;padding:0;text-align:left;color:#dfc79e;background:none;width:100%}.tq-listening-art img{display:block;width:100%;height:auto;object-fit:contain;box-shadow:0 20px 65px #0005}.tq-listening-art span{display:block;font-size:16px;padding-top:20px}.tq-listening-art:disabled{cursor:default;opacity:.65}
.tq-listening-copy h3{font-size:clamp(30px,3.5vw,48px);font-weight:500;line-height:1.15;letter-spacing:-.025em;margin:0 0 14px}.tq-listening-copy .tq-floor-marker{margin-bottom:18px}#listening-author{font-size:16px;color:#bac5d0;margin:0 0 32px}
.tq-listening-actions{display:flex;flex-wrap:wrap;gap:14px}.tq-listening-actions button{min-height:48px;padding:12px 18px;border:1px solid #c3d7e74d;background:#07101ba8;font-size:16px}.tq-listening-actions button:first-child{color:#f9dfb4;border-color:#dfbf7d88}.tq-listening-actions button:hover{background:#1d3344}.tq-listening-actions button:disabled{opacity:.55;cursor:default}
.tq-listening-volume{display:block;margin-top:28px;font-size:16px}.tq-listening-volume output{float:right;color:#b8cbd9}.tq-listening-volume input{display:block;width:100%;height:44px;accent-color:#a5d8ef;margin:6px 0 0}#listening-state{font-size:14px;color:#b8cbd9;min-height:24px;margin:8px 0 0}
.tq-about-room{background:#100f12}.tq-about-room .tq-floor-window{background:linear-gradient(90deg,#100e12ee 8%,#100e12c7 45%,#100e1266),url('assets/office-glass.webp') 78% 30%/auto 110vh no-repeat;opacity:.75}.tq-about-copy{max-width:720px;margin:30px 0 110px}.tq-about-copy p{font-size:20px;line-height:1.85;color:#d1d4d8}.tq-about-copy .tq-about-lead{font-size:clamp(26px,3vw,38px);line-height:1.35;color:#f2e7d8;letter-spacing:-.015em}.tq-about-copy .tq-about-note{font-size:16px;line-height:1.8;color:#aab5c2;margin-top:30px}.tq-reading-footer nav{display:flex;gap:24px;flex-wrap:wrap}.tq-lower-floor:focus{outline:none}
@media(max-width:760px){.tq-floor-content{width:calc(100% - 36px);padding-top:85px}.tq-listening-layout{grid-template-columns:1fr;gap:36px;margin:35px 0 60px}.tq-listening-copy h3{font-size:32px}.tq-about-copy{margin-bottom:65px}.tq-about-copy p{font-size:18px}.tq-reading-footer nav{gap:18px}.tq-floor-window{background-size:auto,auto 100vh}.tq-about-room .tq-floor-window{background-position:center,70% top}}

/* A separate room enters beneath the desk; its painted lintel marks the floor. */
#desk{transform-origin:50% 0;will-change:transform}#viewport{transform-origin:50% 90%}
.tq-reading-room{background:#070d15;isolation:isolate}
.tq-reading-view{position:sticky;inset:auto;top:0;height:100dvh;width:100%;margin-bottom:-100dvh;background:#0a1423;opacity:1;overflow:hidden;z:-1}
.tq-reading-view img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:center;max-width:none;transform-origin:50% 55%;pointer-events:none}
.tq-reading-shade{position:absolute;inset:0;background:linear-gradient(90deg,#050c165c,transparent 18%,#050c1633 50%,transparent 82%,#050c165c),linear-gradient(180deg,transparent 65%,#060c164a);pointer-events:none}
.tq-reading-shade:after{content:"";position:absolute;inset:0;background:#050c16;opacity:var(--reading-shade,.1)}
#reading-room .tq-reading-content{width:min(1120px,calc(100% - 100px));padding-top:0}
#reading-room .tq-reading-header{min-height:90dvh;position:relative;align-items:center;margin:0;padding:12vh 4% 14vh;gap:24px}
#reading-room .tq-reading-header>div{max-width:680px;text-shadow:0 2px 20px #000,0 1px 5px #000}
#reading-room .tq-reading-header>.tq-return-floor{position:absolute;top:30px;right:0;background:#07101bd9;padding:10px 14px}
#reading-room .tq-reading-header h2{font-size:clamp(44px,6vw,80px)}
#reading-room .tq-reading-intro{color:#e0e5ec}
#reading-room .tq-reading-articles{position:relative;padding:36px 0 0}
#reading-room .tq-reading-article{background:linear-gradient(180deg,#08111a00,#08111ae6);text-shadow:0 2px 10px #050b12}
#reading-room .tq-reading-article img{box-shadow:0 16px 50px #0006}
#reading-room .tq-reading-copy{padding:23px 18px 0}#reading-room .tq-reading-article:first-child .tq-reading-copy{padding:0 18px 0 0}
#reading-room .tq-reading-footer{padding-bottom:30px;background:#080f18de}
@media(max-width:760px){#reading-room .tq-reading-content{width:calc(100% - 36px)}#reading-room .tq-reading-header{display:flex;min-height:85dvh;padding:15vh 16px 8vh}#reading-room .tq-reading-header>.tq-return-floor{top:20px;right:0;margin:0}#reading-room .tq-reading-header h2{font-size:clamp(40px,10vw,62px)}#reading-room .tq-reading-article:first-child .tq-reading-copy{padding:23px 18px 0}.tq-reading-view img{object-position:52% center}#reading-interior{object-position:14% center}}
@media(prefers-reduced-motion:reduce){#desk{will-change:auto}}

#viewport:before{content:"";position:absolute;inset:-12%;background:url('assets/office-city-layer.webp') center/cover no-repeat;filter:blur(22px) brightness(.5) saturate(.85);transform:scale(1.06);opacity:0;transition:opacity .2s;pointer-events:none}#desk.portrait-office-fit #viewport:before{opacity:1}#desk.portrait-office-fit #viewport{background:#10151d}#desk.portrait-office-fit .desk-controls{background:linear-gradient(180deg,#05080cdb,#05080c66 72%,transparent);padding-bottom:14px}
.mobile-desk-action{display:none}
@media(max-width:759px){.desk-controls .mobile-desk-action{display:inline-flex;align-items:center;justify-content:center;font-size:14px}.desk-controls{inset:8px 8px auto;gap:4px;justify-content:center}.hint{display:none}}

#mobile-stage{display:none}
@media(max-width:759px) and (orientation:portrait){
 #plane{display:none}
 #mobile-stage{display:block;position:absolute;inset:0;overflow:hidden;background:#0b1017;isolation:isolate}
 .mobile-stage-sky{position:absolute;inset:0;background:linear-gradient(180deg,#07111bdd 0%,#07111b22 34%,#0c1118 78%),url('assets/office-city-layer.webp') 50% 30%/auto 78% no-repeat;filter:saturate(.9) brightness(.9)}
 .mobile-stage-desk{position:absolute;left:-18%;right:-18%;bottom:-1%;height:42%;background:url('assets/office-city-layer.webp') 50% 100%/auto 205% no-repeat;filter:brightness(.82);mask-image:linear-gradient(to bottom,transparent 0%,#000 24%)}
 .mobile-stage-object{position:absolute;z-index:3;border:1px solid #e7c88c88;background:#101923dd;color:#f4e5c8;border-radius:10px;box-shadow:0 12px 28px #0008;min-width:86px;min-height:62px;padding:8px}
 .mobile-stage-object span{display:block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin-top:4px}
 .mobile-stage-radio{left:7%;bottom:17%;width:28%;height:13%;background:linear-gradient(145deg,#24394d,#111923);border-color:#a8c7df88}
 .mobile-stage-radio:before{content:'';display:block;width:42px;height:42px;margin:auto;border-radius:50%;border:2px solid #9db8cc;background:radial-gradient(circle,#1a2530 0 22%,#32485b 23% 32%,#111923 33% 100%)}
 .mobile-stage-monitor{left:31%;top:19%;width:38%;height:18%;background:linear-gradient(#1b222b,#06080b);border:5px solid #222b34;box-shadow:0 10px 28px #000a}
 .mobile-stage-monitor:before{content:'';position:absolute;inset:9px;background:linear-gradient(160deg,#172a3a,#0d141d 58%,#322718)}
 .mobile-stage-monitor span{position:absolute;left:0;right:0;bottom:-27px}
 .mobile-stage-files{right:6%;bottom:15%;width:31%;height:15%;background:#2a2119dd;border-color:#d3b37f88}
 .mobile-stage-files img{position:absolute;inset:7px;width:calc(100% - 14px);height:calc(100% - 27px);object-fit:contain;filter:drop-shadow(0 5px 4px #0007)}
 .mobile-stage-files span{position:absolute;left:0;right:0;bottom:5px}
 .desk-controls .mobile-desk-action{display:none}
 .desk-controls{inset:8px 8px auto;justify-content:flex-end;background:none;padding-bottom:0}
}