/* The room is a layered illustration; every destination remains ordinary HTML. */
:root{color-scheme:dark;--paper:#ede8dc;--muted:#aea99e;--ink:#171b1a;--line:#ffffff19;--accent:#d7b583;--ease:cubic-bezier(.2,.75,.25,1);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--ink);color:var(--paper)}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}a,button{touch-action:manipulation}button{border:0}button:disabled{cursor:default}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #efce91;outline-offset:5px}h1,h2,p,figure{margin:0}button[hidden],[hidden]{display:none!important}button{background:none}::selection{background:#ddbb8155}em{font-family:Georgia,"Times New Roman",serif;font-weight:400}.skip-link{position:fixed;top:-100px;left:20px;z-index:50;padding:16px;background:var(--ink)}.skip-link:focus{top:12px}.room-eyebrow{font-size:10px;font-weight:500;letter-spacing:.2em;line-height:1.6;color:#c8c0ae}.room-wordmark{font-size:24px;letter-spacing:-1.5px;font-weight:650}.room-wordmark span{color:var(--accent);font-weight:400}.room-home{height:100svh;min-height:540px;overflow:hidden}.room-header{position:absolute;top:0;left:0;right:0;padding:26px 40px;display:flex;align-items:center;justify-content:space-between;z-index:5;background:linear-gradient(#10161591,transparent)}.room-header nav{display:flex;align-items:center;gap:32px;font-size:12px}.room-header nav a{padding:12px 0;color:#eee8da}.room-header nav a:hover{color:var(--accent)}#menu-toggle{display:inline-flex;gap:20px;align-items:center;padding:12px 0}#menu-toggle span{font-size:15px}#room{position:absolute;inset:0;overflow:hidden;background:#151b1c}.room-world{position:absolute;width:max(100vw,150svh);height:max(66.6667vw,100svh);left:50%;top:50%;transform:translate(-50%,-50%)}.scene-camera,.room-layers{position:absolute;inset:0}.scene-camera{transform-origin:var(--focus-x,56%) var(--focus-y,36%);transition:transform .6s var(--ease),filter .6s var(--ease);will-change:transform}.room-layers{transform:translate(var(--pan-x,0px),var(--pan-y,0px)) scale(1.015)}.room-art{width:100%;height:100%;display:block;filter:brightness(.83) saturate(.83);transition:filter 1.4s ease}.room-world{animation:room-arrives 1.1s ease both}#room:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#09111422 0%,transparent 35%,transparent 60%,#10151490 100%),linear-gradient(90deg,#11191455,transparent 30%,transparent 85%,#0b111633)}.window-light,.desk-light,.monitor-light{position:absolute;pointer-events:none;mix-blend-mode:screen}.window-light{left:16.5%;top:0;width:22.4%;height:35.4%;background:linear-gradient(#172b6677,#25377933);opacity:.6;transition:background 1.5s,opacity 1.5s;clip-path:polygon(0 0,100% 0,100% 100%,0 96%)}.desk-light{left:68%;top:32%;width:27%;height:39%;background:radial-gradient(ellipse at 49% 25%,#ffbf581c,transparent 66%);animation:lamp-breathe 11s ease-in-out infinite alternate}.monitor-light{left:40%;top:25%;width:32%;height:32%;background:radial-gradient(ellipse,#839ca923,transparent 65%);animation:lamp-breathe 8s -4s ease-in-out infinite alternate}.monitor-display{position:absolute;left:45.15%;top:29.4%;width:21.9%;height:11.1%;padding:1.05% 1.1%;font:clamp(8px,.8vw,14px)/1.9 ui-monospace,SFMono-Regular,Consolas,monospace;color:#b6c4c4;transform:skewY(2.3deg);text-shadow:0 0 8px #7ca4af35;overflow:hidden;animation:screen-arrives 1.5s both;pointer-events:none}.screen-bar{display:flex;justify-content:space-between;font-size:.65em;opacity:.7;margin-bottom:.55em;letter-spacing:.09em}.screen-dot{width:4px;height:4px;border-radius:50%;background:#bdd4b9;margin-top:4px}.screen-code{white-space:nowrap}.code-comment{color:#7d9791}.code-purple{color:#a29fc1}.code-amber{color:#c9ac7e}.code-green{color:#96b1a2}.screen-current{font-size:.65em;margin-top:.7em;color:#879796}.screen-current span{color:#d6c3a4}.screen-cursor{animation:cursor-blink 1.6s steps(1) infinite}.phone-light{position:absolute;left:40.2%;top:45.55%;width:2.14%;height:5.8%;border-radius:12%;background:#a9c7e022;transform:rotate(-7deg);display:grid;place-items:center;opacity:.4;transition:opacity .3s;pointer-events:none}.phone-light span{font-size:clamp(5px,.45vw,8px);line-height:1.4;color:#fff9de}.room-layers:has(.spot-phone:hover) .phone-light,.room-layers:has(.spot-phone:focus-visible) .phone-light{opacity:1;background:#d6c7a155}.room-layers:has(.spot-monitor:hover) .monitor-light{opacity:1.5}.coffee-steam{position:absolute;left:68.25%;top:45.7%;width:3%;height:6%;pointer-events:none}.coffee-steam i{position:absolute;bottom:0;left:30%;width:18%;height:70%;border-left:2px solid #fae3b842;border-radius:60%;filter:blur(2px);animation:steam-rise 5.5s ease-out infinite}.coffee-steam i:nth-child(2){left:50%;animation-delay:-2s;animation-duration:6.1s}.coffee-steam i:nth-child(3){left:65%;animation-delay:-4s;animation-duration:4.7s}.coffee-boost .coffee-steam i{border-color:#ffe6bdba;animation-duration:2s}.cat-breath{position:absolute;left:5.8%;top:67.5%;width:11.5%;height:8.2%;background:url('/assets/room/studio.jpg') 6.5537% 73.5294% / 869.5652% 1219.5122%;filter:brightness(.83) saturate(.83);mask-image:radial-gradient(ellipse,#000 40%,transparent 73%);animation:cat-breathe 5.7s -2.5s ease-in-out infinite;transform-origin:50% 90%;pointer-events:none}.cat-awake .cat-breath{animation:cat-stretch 1.4s ease}.dust-motes{position:absolute;inset:0;pointer-events:none}.dust-motes i{position:absolute;width:2px;height:2px;left:72%;top:43%;border-radius:50%;background:#e2c89688;animation:dust-drift 13s -4s ease-in-out infinite}.dust-motes i:nth-child(2){left:83%;top:51%;animation-duration:19s;animation-delay:-8s}.dust-motes i:nth-child(3){left:45%;top:35%;animation-duration:17s;animation-delay:-12s}.dust-motes i:nth-child(4){left:34%;top:44%;animation-duration:22s;animation-delay:-17s}.object-hotspots{position:absolute;inset:0}.hotspot{position:absolute;left:calc(var(--x)*1%);top:calc(var(--y)*1%);width:48px;height:48px;transform:translate(-50%,-50%);display:grid;place-items:center;z-index:2;border-radius:50%;padding:0;outline-offset:2px!important}.hotspot:before{content:"";position:absolute;inset:-4px;border-radius:50%;background:#eed3a10e;border:1px solid #eee1c42e;opacity:0;transform:scale(.6);transition:.3s var(--ease)}.hotspot:hover:before,.hotspot:focus-visible:before{opacity:1;transform:scale(1)}.hotspot-dot{width:7px;height:7px;border-radius:50%;background:#efddbc;box-shadow:0 0 0 5px #171b1a50,0 0 18px #ddbf9c66;transition:transform .3s,background .3s}.hotspot-label{position:absolute;bottom:calc(100% + 5px);left:50%;transform:translate(-50%,6px);opacity:0;pointer-events:none;white-space:nowrap;font-size:11px;letter-spacing:.02em;background:#1a211feb;border:1px solid #dbd5ba33;border-radius:5px;padding:10px 13px;box-shadow:0 8px 25px #0002;transition:opacity .25s,transform .25s;display:flex;gap:14px;align-items:center}.hotspot-label b{font-size:13px;color:#d5b986;font-weight:400}.hotspot:hover,.hotspot:focus-visible{z-index:3}.hotspot:hover .hotspot-label,.hotspot:focus-visible .hotspot-label,.show-hotspots .hotspot-label{opacity:1;transform:translate(-50%,0)}.hotspot:hover .hotspot-dot{transform:scale(1.3);background:#fff1d7}.spot-monitor .hotspot-dot{animation:hotspot-breathe 4s ease-in-out infinite}.spot-cat .hotspot-dot,.spot-coffee .hotspot-dot,.spot-keyboard .hotspot-dot{width:5px;height:5px;opacity:.55}.room-introduction{position:absolute;left:40px;top:122px;z-index:3;max-width:310px;pointer-events:none;animation:intro-arrives 1.2s .3s both;text-shadow:0 2px 24px #000b}.room-introduction h1{font-size:clamp(28px,2.55vw,40px);letter-spacing:-1.3px;line-height:1.19;font-weight:450;margin:17px 0 15px}.room-introduction h1 em{color:#dfc9a1}.room-introduction>p:not(.room-eyebrow){font-size:12px;line-height:1.8;color:#d0ccc1}.room-introduction button{pointer-events:auto;font-size:11px;padding:12px 0;margin-top:14px;display:flex;gap:26px;color:#e6d7bb}.room-introduction button:hover{color:#fff}.room-caption{position:absolute;right:40px;bottom:93px;font-size:10px;letter-spacing:.04em;color:#d4ccba;z-index:2;display:flex;gap:9px;align-items:center}.live-dot,.clock-dot{width:5px;height:5px;display:inline-block;background:#c5ba9d;border-radius:50%}.live-dot{background:#a9ba9a}.room-footer{position:absolute;bottom:0;left:0;right:0;z-index:5;padding:24px 40px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#c4bdad}.room-clock{display:flex;align-items:center;gap:9px}.room-controls{display:flex;align-items:center;gap:24px}.room-controls button,.room-controls a{min-height:44px;display:flex;align-items:center;padding:0}.room-controls button:hover,.room-controls a:hover{color:#fff}.room-navigation{position:absolute;z-index:6;right:35px;top:83px;padding:26px;background:#19201ef5;border:1px solid #b8b3a32b;border-radius:6px;width:300px;box-shadow:0 15px 65px #0004}.room-navigation a{display:flex;align-items:center;gap:16px;padding:15px 0;border-bottom:1px solid var(--line);font-size:13px;min-height:48px}.room-navigation a:last-child{border-bottom:0}.room-navigation a:hover{color:#e9c98f}.room-navigation a span{font:9px ui-monospace,monospace;color:#929887}.room-navigation a b{margin-left:auto;font-weight:400}.room-navigation .room-eyebrow{margin-bottom:12px}.js .room-navigation:not(.is-open){display:none}.room-navigation:target{display:block!important}.room-toast{position:fixed;left:50%;bottom:100px;transform:translate(-50%,10px);background:#222925ee;border:1px solid #d9c19c44;padding:13px 22px;max-width:90vw;width:max-content;font-size:12px;color:#f1dfc2;border-radius:5px;z-index:20;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;text-align:center}.room-toast.visible{opacity:1;transform:translate(-50%,0)}
.room-dialog{position:fixed;inset:0;border:1px solid #a99a7933;width:min(1060px,calc(100vw - 80px));max-width:none;height:min(820px,calc(100svh - 64px));max-height:none;padding:0;margin:auto;color:var(--paper);background:#191e1bf7;border-radius:12px;box-shadow:0 30px 100px #0009;overscroll-behavior:contain;scrollbar-color:#656b5b transparent;scrollbar-width:thin}.room-dialog::backdrop{background:#0c12185c;backdrop-filter:blur(7px)}.room-dialog[open]{animation:panel-arrives .32s var(--ease) both}.panel-topbar{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;min-height:72px;padding:10px 38px;background:#191e1bf2;border-bottom:1px solid var(--line);backdrop-filter:blur(15px);font-size:11px}.panel-topbar button{padding:12px 0;min-height:44px}.panel-topbar a{color:var(--muted);padding:12px 0;min-height:44px}.panel-topbar button:hover,.panel-topbar a:hover{color:var(--accent)}#panel-content{padding:40px 58px 56px}.panel-is-open .room-introduction,.panel-is-open .room-caption{opacity:0;visibility:hidden}.panel-is-open .object-hotspots{pointer-events:none;opacity:0;transition:opacity .15s}.panel-is-open .scene-camera{transform:translate(var(--zoom-x,0px),var(--zoom-y,0px)) scale(var(--zoom,2.3));filter:brightness(.7)}
[data-time=morning] .room-art,[data-time=morning] .cat-breath{filter:brightness(1.06) saturate(.7)}[data-time=morning] .window-light{background:linear-gradient(#dbe9dacc,#e5d4a28a);opacity:.85}[data-time=day] .room-art,[data-time=day] .cat-breath{filter:brightness(1.08) saturate(.78)}[data-time=day] .window-light{background:linear-gradient(#c4dfeccc,#e6dab477);opacity:.8}[data-time=sunset] .room-art,[data-time=sunset] .cat-breath{filter:brightness(.96) saturate(.95)}[data-time=sunset] .window-light{background:linear-gradient(#cf9b7240,#edab693e);opacity:.8}[data-time=night] .window-light{background:linear-gradient(#10224fd9,#20356c55);opacity:.8}[data-time=night] .monitor-light{opacity:1.2}[data-time=morning] .desk-light,[data-time=day] .desk-light{opacity:.25}.motion-off *, .is-away *{animation-play-state:paused!important}.motion-off .room-layers{transform:scale(1.015)!important}.motion-off .scene-camera{transform:none!important;transition:none!important}.motion-off .room-world,.motion-off .room-introduction,.motion-off .monitor-display,.motion-off .room-dialog{animation:none!important}.motion-off .cat-breath{transform:none}.motion-off .hotspot-label{transition:opacity .1s}
/* Content is intentionally calmer than the exploratory scene. */
.content-page{background:#191e1b;min-height:100svh}.page-header{max-width:1260px;margin:auto;padding:26px 48px;display:flex;align-items:center;gap:36px;border-bottom:1px solid var(--line)}.page-header .back-link{font-size:11px;color:var(--muted)}.page-header nav{margin-left:auto;display:flex;gap:26px;font-size:12px}.page-header nav a{padding:12px 0}.page-content{max-width:1040px;margin:auto;padding:64px 48px 80px}.page-footer{max-width:1164px;border-top:1px solid var(--line);margin:auto;padding:32px 0;display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.page-footer nav{display:flex;gap:25px}.content-heading{margin-bottom:40px}.content-heading .room-eyebrow{color:#b7ba9d;font-size:10px}.content-heading h1{font-size:clamp(36px,5vw,66px);letter-spacing:-2.5px;line-height:1.07;font-weight:420;margin:16px 0 22px;outline:none}.content-heading>p:last-child{font-size:14px;line-height:1.8;color:var(--muted);max-width:520px}.featured-project{display:flex;gap:28px;align-items:center;justify-content:space-between;padding:35px;background:#a5aa7810;border:1px solid #adaf8030;border-radius:6px;transition:background .25s,transform .3s;overflow:hidden}.featured-project:hover{background:#a5aa7820;transform:translateY(-3px)}.featured-project>img{width:170px;height:170px;object-fit:cover;border-radius:22%;box-shadow:0 12px 40px #0003;transform:rotate(4deg);transition:transform .4s}.featured-project:hover>img{transform:rotate(0)}.status-tag{font:9px/1.6 ui-monospace,monospace;letter-spacing:.12em;color:#c4c5a0;display:flex;gap:9px;align-items:center}.status-tag i{width:5px;height:5px;background:#adb68a;border-radius:50%}.featured-project h2{font-size:36px;font-weight:450;letter-spacing:-1.3px;margin:18px 0 10px}.featured-project p{color:#aeb59e;font-size:13px;line-height:1.7}.text-link{font-size:12px;line-height:1.7;color:#e0c99b;display:inline-block;min-height:44px;padding:12px 0}.featured-project .text-link{margin-top:17px}.section-label{display:flex;align-items:baseline;justify-content:space-between;margin:44px 0 4px;gap:20px}.section-label h2{font-size:15px;font-weight:450}.section-label>span{font:9px ui-monospace,monospace;color:#909b86}.project-row{border-bottom:1px solid var(--line);padding:5px 0 18px;transition:background .3s}.project-link{display:flex;align-items:center;gap:22px;padding:24px 0 12px}.project-link:hover .project-arrow{transform:translate(3px,-3px);color:var(--paper)}.project-number{font:10px ui-monospace,monospace;color:#7e8c7b}.project-icon{display:block;flex-shrink:0;width:64px;height:64px;border-radius:15px;background:#bdb29313;overflow:hidden}.project-icon img{width:100%;height:100%;object-fit:cover}.project-monogram{width:100%;height:100%;display:grid;place-items:center;font-family:Georgia,serif;font-size:25px;color:#c8b795;background:linear-gradient(145deg,#a0a28415,#1e302329)}.project-copy{flex:1;min-width:0}.project-type{font:8px/1.5 ui-monospace,monospace;letter-spacing:.12em;color:#a0ac93}.project-copy h2{font-size:22px;font-weight:450;letter-spacing:-.5px;margin:5px 0 6px}.project-copy p{font-size:12px;line-height:1.7;color:var(--muted);max-width:550px}.project-arrow{font-size:24px;color:#bba780;transition:transform .2s;align-self:center}.project-resources{display:flex;gap:20px;flex-wrap:wrap;font-size:10px;color:#b0b49e}.project-row>.project-resources{padding-left:101px}.project-resources a{padding:8px 0;min-height:32px}.project-resources a:hover{color:#ead0a3;text-decoration:underline;text-underline-offset:4px}.content-end{margin-top:25px}.collection-controls{margin:30px 0 0;display:flex;align-items:center;flex-wrap:wrap;gap:14px 20px;border-bottom:1px solid var(--line);padding-bottom:20px}.search-field{flex:1;min-width:230px}.search-field>span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.13em;color:#a8ae96;margin-bottom:10px}.search-field input{width:100%;color:#e4dfcf;padding:12px 14px;min-height:44px;border:1px solid #b0b29230;border-radius:4px;background:#ffffff03;font-size:12px}.search-field input::placeholder{color:#828b7a}.collection-filters{display:flex;align-items:center;gap:2px;align-self:flex-end}.collection-filters button{padding:13px 17px;min-height:44px;border-radius:4px;color:#aaa995;font-size:11px}.collection-filters button[aria-pressed=true]{background:#c6c79a19;color:#e0d3b2}.collection-count{width:100%;font:10px ui-monospace,monospace;color:#869781}.empty-search{padding:60px 0;text-align:center;color:var(--muted);font-size:14px}.game-collection .project-icon{background:#c09e4520}.game-collection .project-type{color:#c5ab70}.collection-back{font-size:11px;display:inline-block;min-height:44px;color:#b4b59c;margin-bottom:24px;padding:10px 0}.project-detail-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:56px;align-items:start}.project-story h2{font-size:13px;font-weight:500;margin:0 0 15px}.project-story>p{font-size:14px;line-height:1.9;color:#bdbead}.project-story dl{margin:35px 0 22px}.project-story dl>div{padding:13px 0;border-top:1px solid var(--line)}.project-story dt{font:9px ui-monospace,monospace;letter-spacing:.12em;color:#929d85;margin-bottom:8px}.project-story dd{margin:0;font-size:12px;color:#d0cbb7}.project-story .project-resources{gap:20px;border-top:1px solid var(--line);padding-top:20px}.detail-art{border-radius:8px;background:#b6b69709;padding:25px;text-align:center}.detail-art img{display:block;width:100%;height:auto;border-radius:16px}.detail-art.is-screenshot{padding:20px 50px}.detail-art.is-screenshot img{border-radius:17px}.photo-slide{margin:0}.photo-slide>img,.sky-study>img{display:block;width:100%;height:auto;max-height:520px;object-fit:cover;border-radius:4px}.photo-slide figcaption{display:flex;justify-content:space-between;gap:20px;padding:20px 0 28px;align-items:center}.photo-slide figcaption small{display:block;font:9px ui-monospace,monospace;letter-spacing:.13em;color:#a6ae94;margin-bottom:8px}.photo-slide figcaption strong{font-weight:400;font-family:Georgia,serif;font-size:22px}.sample-note{font-size:9px;line-height:1.7;color:#a4a997;max-width:190px;text-align:right}.gallery-controls{display:flex;align-items:center;gap:22px;justify-content:center;border-top:1px solid var(--line);padding:10px}.gallery-controls button{font-size:20px;width:48px;height:44px}.gallery-position{font:10px ui-monospace,monospace;color:#b9bba1;min-width:60px;text-align:center}.sky-study{margin:30px 0 10px}.sky-study figcaption{font-size:10px;color:var(--muted);padding:16px 0}.editorial-story{max-width:610px;margin-left:auto}.editorial-story>p{font-size:15px;line-height:1.95;color:#b9beac;margin:0 0 24px}.editorial-story>p.story-lead{font-size:24px;line-height:1.55;font-family:Georgia,serif;color:#e6dbc0;margin-bottom:35px}.handwritten{font-family:Georgia,serif;font-size:21px;font-style:italic;color:#cbb98f;margin:40px 0 25px}.contact-email{display:flex;align-items:center;justify-content:space-between;font-size:clamp(22px,4vw,43px);letter-spacing:-1px;padding:24px 0 32px;border-bottom:1px solid var(--line);color:#ddc499;gap:15px;overflow-wrap:anywhere}.contact-email span{font-weight:200}.contact-links{display:flex;gap:32px;flex-wrap:wrap;padding:25px 0;font-size:12px;color:#c4c6b1}.contact-links a{padding:10px 0}.contact-footnote{font-size:11px;line-height:1.8;color:#879481;max-width:400px;margin-top:30px}.idea-notes{display:grid;grid-template-columns:1fr 1fr;gap:24px}.idea-notes article{padding:32px;background:#c0b07415;border:1px solid #c0b07430;border-radius:2px;transform:rotate(-1deg)}.idea-notes article:nth-child(2){transform:rotate(1.5deg);background:#8a9f8517}.idea-notes article>span{font:9px ui-monospace,monospace;letter-spacing:.08em;color:#afa37e}.idea-notes h2{font:26px/1.3 Georgia,serif;margin:25px 0 18px}.idea-notes p{font-size:12px;line-height:1.8;color:#b6b59e}.idea-notes a{display:inline-block;font-size:11px;color:#d7c09a;margin-top:20px;min-height:44px;padding:12px 0}.terminal-output{font:12px/1.9 ui-monospace,monospace;white-space:pre-wrap;color:#b7c5ae;min-height:200px;max-height:320px;overflow:auto}.terminal-form{display:flex;align-items:center;gap:14px;border-top:1px solid var(--line);padding-top:20px;color:#ddc99e;font:13px ui-monospace,monospace}.terminal-form input{min-width:0;flex:1;padding:12px 0;border:0;background:transparent;outline-offset:0;color:var(--paper);font:inherit}.terminal-form button{padding:12px;min-height:44px;color:#ccbf9e}.terminal-help{margin:20px 0;font:10px/1.8 ui-monospace,monospace;color:#8f9b87}
@keyframes room-arrives{from{opacity:0}to{opacity:1}}@keyframes screen-arrives{0%,25%{opacity:0}100%{opacity:1}}@keyframes intro-arrives{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}@keyframes panel-arrives{from{opacity:0;translate:0 9px}to{opacity:1;translate:0 0}}@keyframes lamp-breathe{from{opacity:.5}to{opacity:1}}@keyframes cursor-blink{50%{opacity:0}}@keyframes steam-rise{0%{opacity:0;transform:translateY(8px) scaleX(.6)}30%{opacity:.6}100%{opacity:0;transform:translateY(-28px) scaleX(1.5)}}@keyframes cat-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.017,1.035)}}@keyframes cat-stretch{0%,100%{transform:scale(1)}40%{transform:translateX(2px) rotate(-2deg) scale(1.04)}}@keyframes dust-drift{0%,100%{opacity:0;transform:translate(0,0)}35%{opacity:.8}70%{opacity:.4}95%{transform:translate(-24px,-35px)}}@keyframes hotspot-breathe{0%,100%{box-shadow:0 0 0 5px #171b1a50,0 0 18px #ddbf9c44}50%{box-shadow:0 0 0 9px #d9cfac15,0 0 18px #ddbf9c66}}
@media(min-aspect-ratio:19/10){.room-introduction{top:105px}.room-world{top:54%}.room-caption{bottom:84px}}
@media(max-width:1000px){.room-introduction{max-width:230px;left:26px;top:100px}.room-introduction h1{font-size:30px}.room-introduction .room-eyebrow{font-size:8px}.room-header{padding:20px 26px}.room-header nav{gap:24px}.room-footer{padding:15px 26px}.room-caption{right:26px;bottom:80px}.room-dialog{width:calc(100vw - 40px)}#panel-content{padding:36px}.room-controls{gap:16px}.page-header{padding:20px 28px;gap:24px}.page-content{padding:50px 28px}.page-footer{margin:0 28px}.project-detail-layout{gap:35px}}
@media(max-width:650px){.room-home{min-height:600px}.room-header{padding:17px 23px;z-index:7}.room-wordmark{font-size:25px}.room-header nav>a{display:none}.room-header nav{font-size:12px}.room-world{width:1080px;height:720px;top:45%;left:calc(50% - 64px)}.room-layers{transform:translate(var(--pan-x,0px),var(--pan-y,0px)) scale(1)}.room-introduction{top:auto;bottom:125px;left:24px;max-width:310px}.room-introduction h1{font-size:31px;line-height:1.1;margin:11px 0 10px}.room-introduction h1 br{display:none}.room-introduction h1 em{white-space:nowrap}.room-introduction>p:not(.room-eyebrow){font-size:11px}.room-introduction>p:not(.room-eyebrow) br{display:none}.room-introduction button{margin-top:6px;padding:10px 0;min-height:44px}.room-introduction .room-eyebrow{font-size:8px;letter-spacing:.16em}.room-caption{display:none}.room-footer{padding:14px 23px;display:block;background:linear-gradient(transparent,#131c1bf0);font-size:9px;z-index:4}.room-clock{margin-bottom:5px}.room-controls{justify-content:space-between;gap:12px}.room-controls button,.room-controls a{min-height:44px}.room-navigation{right:18px;top:72px;width:min(330px,calc(100vw - 36px));padding:20px 24px}.room-navigation a{padding:16px 0;min-height:51px}.room-navigation .room-eyebrow{font-size:9px}.monitor-display{font-size:9px}.phone-light span{font-size:6px}.hotspot-label{font-size:10px;padding:9px 11px;gap:9px}.spot-monitor{--x:57!important;--y:35!important}.spot-monitor .hotspot-label,.spot-phone .hotspot-label{opacity:1;transform:translate(-50%,0)}.spot-phone .hotspot-label{left:0;transform:translate(-10%,0)}.spot-monitor .hotspot-label{bottom:auto;top:calc(100% + 3px)}.spot-keyboard .hotspot-label{transform:translate(-50%,0)}#room:after{background:linear-gradient(180deg,#101a1b44,transparent 20%,transparent 40%,#17211b88 63%,#17211bf2 86%,#17211b 100%)}.room-dialog{width:calc(100vw - 16px);height:calc(100svh - 16px);border-radius:8px}.panel-topbar{padding:10px 22px;min-height:64px}.panel-topbar a{font-size:10px}#panel-content{padding:27px 22px 35px}.content-heading{margin-bottom:30px}.content-heading h1{font-size:42px;letter-spacing:-1.7px;margin-top:14px}.content-heading>p:last-child{font-size:12px}.content-heading .room-eyebrow{font-size:8px}.featured-project{padding:23px;gap:16px}.featured-project h2{font-size:25px}.featured-project p{font-size:11px}.featured-project>img{width:85px;height:85px;border-radius:20px}.status-tag{font-size:7px}.featured-project .text-link{font-size:10px}.section-label{margin-top:32px}.section-label h2{font-size:13px}.section-label>span{font-size:7px}.project-link{gap:14px}.project-number{display:none}.project-icon{width:48px;height:48px;border-radius:12px}.project-copy h2{font-size:18px}.project-copy p{font-size:11px}.project-type{font-size:7px}.project-arrow{font-size:20px}.project-row>.project-resources{padding-left:62px}.project-resources{gap:18px;font-size:10px}.project-resources a{min-height:44px;display:flex;align-items:center}.project-row{padding-bottom:8px}.collection-controls{gap:16px}.search-field{flex-basis:100%}.collection-filters{gap:6px}.collection-filters button{padding:12px 20px}.collection-count{width:auto;margin-left:auto;font-size:9px}.project-detail-layout{grid-template-columns:1fr;gap:28px}.detail-art{max-width:320px;margin:auto;order:-1}.detail-art.is-screenshot{max-width:260px}.project-story>p{font-size:13px}.photo-slide>img{min-height:280px;object-fit:cover}.photo-slide figcaption{align-items:flex-start;gap:15px}.photo-slide figcaption strong{font-size:19px}.sample-note{font-size:8px;max-width:110px}.photo-slide figcaption small{font-size:8px}.page-header{padding:15px 22px;gap:20px;flex-wrap:wrap}.page-header .back-link{margin-left:auto}.page-header nav{margin-left:0;width:100%;justify-content:space-between;font-size:11px}.page-content{padding:36px 24px 55px}.page-footer{margin:0 24px;gap:24px;flex-direction:column;padding:25px 0}.page-footer nav{gap:25px}.editorial-story{margin:0}.editorial-story>p{font-size:13px}.editorial-story>p.story-lead{font-size:22px}.handwritten{font-size:19px}.contact-email{font-size:24px;letter-spacing:-.7px;gap:5px}.contact-links{gap:15px;font-size:11px}.idea-notes{grid-template-columns:1fr;gap:24px}.idea-notes article{padding:25px}.idea-notes h2{font-size:24px}.room-toast{bottom:125px;font-size:11px}.collection-back{margin-bottom:15px}.sky-study>img{min-height:280px;object-fit:cover}}
@media(max-height:670px) and (min-width:651px){.room-introduction{top:100px}.room-introduction h1{font-size:28px}.room-introduction>p:not(.room-eyebrow){display:none}.room-header{padding-top:15px}.room-footer{padding-top:10px;padding-bottom:10px}.room-caption{bottom:65px}.room-dialog{height:calc(100svh - 30px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.room-layers{transform:scale(1)!important}.scene-camera{transform:none!important}.room-world,.room-introduction,.monitor-display{opacity:1!important}}

.character-hand{position:absolute;left:60.5%;top:53.8%;width:4%;height:8%;background:url('/assets/room/studio.jpg') 63.02083% 58.47826% / 2500% 1250%;mask-image:radial-gradient(ellipse,#000 20%,transparent 67%);filter:brightness(.83) saturate(.83);transform-origin:80% 90%;animation:quiet-typing 9.3s -3s ease-in-out infinite;pointer-events:none}
[data-time=morning] .character-hand{filter:brightness(1.06) saturate(.7)}[data-time=day] .character-hand{filter:brightness(1.08) saturate(.78)}[data-time=sunset] .character-hand{filter:brightness(.96) saturate(.95)}
@keyframes quiet-typing{0%,10%,20%,30%,40%,100%{transform:rotate(0)}12%,24%,34%{transform:rotate(.7deg) translateY(-.6px)}}

.room-navigation{max-height:calc(100svh - 105px);overflow:auto;overscroll-behavior:contain}

.hotspot[inert]{visibility:hidden}
@media(max-width:650px){.spot-phone .hotspot-label{left:20%;transform:translate(0,0)}}
@media(max-width:360px){.room-world{left:calc(50% - 35px)}}