@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap";:root{font-family:DM Sans,Arial,sans-serif;color:#e4deca;background:#171b16;font-synthesis:none;--paper:#e6e1d4;--ink:#22281f;--muted:#abae9c;--accent:#c5bc89;--line:rgba(222,221,198,.24)}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input{font:inherit}button{color:inherit;cursor:pointer;background:none;border:0}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible{outline:2px solid #dfce89;outline-offset:5px}button{transition:color .2s,background .2s,opacity .2s}button:hover{color:#fff}button[hidden],[hidden]{display:none!important}button:active{transform:translateY(1px)}#scene{position:fixed;inset:0;display:block;width:100%;height:100%;touch-action:manipulation}.vignette,.grain{position:fixed;inset:0;pointer-events:none}.vignette{background:radial-gradient(ellipse at 50% 48%,transparent 25%,rgba(6,10,7,.18) 70%,rgba(3,6,4,.67) 100%)}.grain{opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.6' filter='url(%23n)'/%3E%3C/svg%3E")}header{position:fixed;top:0;left:0;right:0;padding:30px 38px;display:flex;justify-content:space-between;align-items:center;z-index:5;background:linear-gradient(#10170e70,transparent)}.identity{display:flex;gap:18px;align-items:center;text-align:left;padding:0}.monogram{font-family:Libre Caslon Display,Georgia,serif;font-size:58px;line-height:.8;letter-spacing:-5px}.identity>span:last-child{font-size:12px;letter-spacing:3px}.identity small{display:block;letter-spacing:1.4px;font-size:8px;margin-top:7px;color:#c0c3af}nav{display:flex;gap:35px;align-items:center}nav button{font-size:10px;letter-spacing:1.5px;padding:12px 0}.nav-divider{padding:0 9px;color:#989e8b}.tiny-arrow{margin-left:14px}nav button:first-child{border-bottom:1px solid var(--line)}footer{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-between;gap:12px;align-items:center;padding:23px 38px;z-index:5;font-size:8px;letter-spacing:1.5px;background:linear-gradient(transparent,#10170e88)}#hint{color:#bec0ac;font-size:8px}#sound{font-size:9px;letter-spacing:1.5px;display:flex;gap:9px;align-items:center;padding:8px 0}.sound-led{height:4px;width:4px;border:1px solid #bec2ab;border-radius:50%}#sound[aria-pressed=true] .sound-led{background:#c3cb95;box-shadow:0 0 8px #b9c582}.scene-caption{position:fixed;left:5.4vw;top:35vh;max-width:33vw;pointer-events:none;text-shadow:0 2px 20px #0008}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:500}.scene-caption h1{font-family:Libre Caslon Display,Georgia,serif;font-size:clamp(36px,4.1vw,72px);line-height:1.03;font-weight:400;letter-spacing:-1.5px;margin:22px 0}.scene-caption p{font-family:Georgia,serif;font-size:14px;color:#c4c4ad;font-style:italic;margin:0}.enter-button{pointer-events:auto;margin-top:33px;border-bottom:1px solid #b9bea577;padding:13px 0;width:170px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px}.enter-button span{font-size:19px;line-height:12px}.scene-caption.interior{top:auto;bottom:94px;left:38px;max-width:55vw}.scene-caption.interior h1{font-size:clamp(28px,3.1vw,46px);margin:10px 0 0}.scene-caption.interior .eyebrow{font-size:8px;color:#c0c0a8}#zones{position:fixed;inset:0;pointer-events:none}.zone{position:absolute;pointer-events:auto;border:1px solid transparent;display:flex;align-items:center;justify-content:center}.zone:hover,.zone:focus-visible{border-color:#d4d4ac33;background:#c1c69a06}.zone span{font-size:9px;letter-spacing:2px;opacity:0;background:#182018bd;padding:13px 17px;transition:opacity .25s;white-space:nowrap}.zone b{margin-left:20px;font-size:17px;font-weight:400}.zone:hover span,.zone:focus-visible span{opacity:1}.zone-left{left:3%;top:26%;width:23%;height:38%}.zone-right{right:3%;top:23%;width:24%;height:46%}.zone-up{left:36%;top:16%;width:28%;height:21%}.zone-center{left:31%;top:41%;width:38%;height:24%}.zone-bottom{left:39%;bottom:11%;width:27%;height:19%}#back{position:fixed;left:38px;top:115px;font-size:9px;letter-spacing:1.5px;padding:12px 0;z-index:6}#object-nav{position:fixed;right:38px;bottom:94px;width:min(430px,41vw);background:#151c15c9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:19px 22px;border:1px solid #d1d2ad25}#object-nav>.eyebrow{font-size:8px;color:#969e87}#object-buttons{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:10px}#object-buttons button{font-size:11px;padding:7px 0;text-align:left;border-bottom:1px solid #b2b79530}#cursor-label{position:fixed;pointer-events:none;z-index:8;font-size:10px;letter-spacing:1px;background:#1c241cdd;color:#e5e2cc;padding:9px 13px;max-width:200px}#cursor-label:empty{display:none}#toast{position:fixed;left:50%;bottom:75px;transform:translate(-50%,12px);background:#e0ddc9;color:#242b20;padding:13px 24px;font-family:Georgia,serif;font-style:italic;opacity:0;pointer-events:none;transition:.4s;z-index:20}#toast.visible{opacity:1;transform:translate(-50%)}#loading{position:fixed;inset:0;background:#171d16;z-index:100;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:35px;transition:opacity .7s}#loading>span:nth-child(2){font-size:9px;letter-spacing:3px}#loading>div{width:90px;height:1px;background:#c4c29b;animation:pulse 1s infinite alternate}#loading.loaded{opacity:0;pointer-events:none}@keyframes pulse{to{opacity:.2;transform:scaleX(.3)}}dialog{position:fixed;max-width:100vw;max-height:100dvh;border:0;padding:0;color:var(--ink);background:var(--paper);width:min(760px,92vw);box-shadow:0 25px 100px #0009}dialog::backdrop{background:#0b130ce6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}dialog #modal-content{padding:38px 42px}.modal-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.modal-top button,.inspect-top button{font-size:10px;letter-spacing:1.5px;padding:8px}.modal-top button:hover{color:#8d4935}dialog h2{font-family:Libre Caslon Display,Georgia,serif;font-size:clamp(45px,6vw,84px);line-height:1.02;letter-spacing:-1.5px;font-weight:400;margin:45px 0 25px}dialog p{line-height:1.8;font-size:15px;max-width:520px}.content-note{font-size:12px!important;color:#696b5f}.work-list{width:100vw;height:100dvh;max-height:none;margin:0}.work-list #modal-content{padding:35px 6vw}.work-list h2{margin:8vh 0 45px}.work-index{border-top:1px solid #aaa99b}.work-index>button{display:flex;gap:24px;width:100%;text-align:left;align-items:center;padding:25px 0;border-bottom:1px solid #aaa99b;color:#22281f;font-size:clamp(40px,8vw,120px);font-weight:700;letter-spacing:-5px;line-height:.95}.work-index>button:hover{color:#686b4c}.index-number{align-self:flex-start;font-size:11px;letter-spacing:0;margin-top:6px}.work-index small{display:block;font-weight:400;font-size:11px;letter-spacing:1px;margin-top:18px}.index-arrow{margin-left:auto;font-size:60px;font-weight:400}.index-foot{display:flex;justify-content:space-between;margin-top:12vh;padding-top:25px;border-top:1px solid #aaa99b;font-size:9px;letter-spacing:1.5px}.index-foot button{font-size:10px}.index-foot button:hover{color:#8a4937}.project{width:min(1100px,96vw);height:94dvh}.project #modal-content{padding:30px 40px}.project h2{margin:25px 0}.text-back{font-size:10px;letter-spacing:1.5px;padding:15px 0;color:#686b59}.project-body{padding:35px 0}.project-body h3{font-family:Libre Caslon Display,Georgia,serif;font-size:clamp(30px,4vw,58px);font-weight:400;line-height:1.1;max-width:700px;margin:24px 0}.project-body p{max-width:650px}.project-body figure{margin:45px 0}.project-body img{display:block;width:100%;height:auto;background:#fff}.project-body figcaption{font-size:9px;letter-spacing:1.5px;margin-top:15px}.project-end{padding-top:35px;border-top:1px solid #aaa;font-size:12px!important;letter-spacing:2px}.project-end small{font-size:10px;letter-spacing:0}.computer{width:94vw;height:90dvh;background:#25514a;color:#e4e7cd;overflow:hidden;border:8px solid #b8bcb0;box-shadow:inset 0 0 100px #0b2828}.computer #modal-content{padding:0;height:100%;position:relative}.desktop-top{height:34px;display:flex;justify-content:space-between;align-items:center;padding:0 15px;background:#122f29;font:11px Courier New,monospace}.desktop-top button{font:11px Courier New,monospace}.desktop-icons{display:flex;flex-direction:column;gap:26px;padding:30px 16px;width:135px}.desktop-icons>button{font:12px Courier New,monospace;text-align:center;display:flex;align-items:center;flex-direction:column;gap:12px}.desktop-icons>button:hover{background:#ffffff12}.folder-icon{position:relative;display:block;width:43px;height:31px;background:#caba77;border:2px outset #e5d795;box-shadow:3px 3px #112d2580}.folder-icon:before{content:"";position:absolute;width:18px;height:7px;left:-2px;top:-8px;background:#caba77;border:2px outset #e5d795;border-bottom:0}.document-icon{width:30px;height:39px;background:#d8dbc9;color:#172b25;padding-top:9px;border:2px outset #ddd;font-family:Georgia,serif}.desktop-watermark{position:absolute;right:13%;top:24%;font:220px Georgia,serif;opacity:.1;pointer-events:none}.taskbar{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:16px;height:35px;background:#b9bcb0;color:#242e24;font:11px Courier New,monospace;padding:3px}.taskbar button{background:#c7cabe;border:2px outset #e2e3d5;padding:4px 12px;color:#18281e}.taskbar time{margin-left:auto;padding-right:12px}.desktop-window{position:absolute;top:9%;left:15%;width:80%;height:80%;background:#d4d5c8;border:3px outset #e7e8db;color:#242b22;display:flex;flex-direction:column;box-shadow:9px 9px #0b241d66}.window-title{height:30px;min-height:30px;background:#344e39;color:#f0ecdc;display:flex;justify-content:space-between;align-items:center;padding:3px 5px 3px 9px}.window-title h3{font:700 11px Courier New,monospace;margin:0}.window-title button{background:#c5c8bb;border:2px outset #e5e7dc;color:#222b22;font:700 14px monospace;line-height:14px;padding:0 4px;margin-left:3px}.window-menu{padding:8px 10px;font:11px Courier New,monospace;border-bottom:1px solid #969d8d}.window-menu span{margin-left:18px}.desktop-window .project-body{overflow:auto;padding:30px;overscroll-behavior:contain;background:#e9e6db}.window-status{padding:5px 8px;font:10px Courier New,monospace;display:flex;justify-content:space-between}.desktop-window.maximized{inset:35px 0;width:100%;height:auto}.desktop-note{padding:30px}.desktop-note h3{font:24px Georgia,serif}.desktop-note p{font:14px/1.8 Courier New,monospace}.inspection{width:100vw;height:100dvh;margin:0;background:#172018;color:#e5e2cf;max-height:none}.inspection #modal-content{padding:0;height:100%}.inspect-top{position:absolute;left:35px;right:35px;top:25px;display:flex;justify-content:space-between;z-index:2}.inspection-layout{display:grid;grid-template-columns:68% 32%;height:100%}.object-stage{position:relative;background:radial-gradient(ellipse at center,#56604b3d,transparent 65%)}#object-canvas{width:100%;height:100%;display:block;touch-action:none;cursor:grab}#object-canvas:active{cursor:grabbing}.inspect-controls{position:absolute;bottom:35px;left:35px;right:35px;display:flex;flex-wrap:wrap;gap:15px;font-size:8px;letter-spacing:1px}.inspect-controls>span{margin-right:auto;opacity:.6}.inspect-controls button{font-size:8px;letter-spacing:1px}.object-story{padding:0 45px 0 30px;margin:auto 0;border-left:1px solid #adb59d3b}.object-story h2{font-size:50px;margin:25px 0}.object-story p{font-family:Georgia,serif;color:#c4c9b6;font-size:15px;line-height:1.9}.short-rule{width:35px;height:1px;background:#c4be95;margin:30px 0}.asset-note{display:block;margin-top:40px;color:#929d87;font-size:8px;letter-spacing:1.3px}.folder-entry{width:100%;border-block:1px solid #aaa99b;text-align:left;padding:22px 0;display:flex;justify-content:space-between;gap:20px;font-size:18px;margin:25px 0}.folder-entry span{font-size:9px;letter-spacing:1px}.folder-entry:hover{color:#7d4a34}.empty-archive{border:1px solid #aaa99b;padding:35px;margin-top:30px;font:20px/1.5 Georgia,serif}.empty-archive small{font:12px DM Sans,Arial,sans-serif;color:#696b5f}.radio-face{background:#252f23;color:#c4bf8b;padding:30px;margin-top:30px;border:8px solid #6b573b;box-shadow:inset 0 0 20px #0008}.frequency{font:52px Courier New,monospace}.frequency small{font-size:18px}.radio-scale{font:14px Courier New,monospace;letter-spacing:2px;margin:20px 0}.radio-face label,.radio-face>span{display:block;font-size:9px;letter-spacing:2px;margin:15px 0 5px}input[type=range]{accent-color:#b39c60;width:100%;cursor:pointer}.radio-actions{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:25px}.radio-actions>button{background:#303b2b;color:#ece5cd;padding:15px 22px;font-size:10px;letter-spacing:1px}.radio-actions label{font-size:9px;letter-spacing:1.5px;width:40%}#orientation{position:fixed;inset:0;background:#10190fc9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:15;padding:15vh 8vw;text-align:center;display:flex;align-items:center;flex-direction:column;justify-content:center}.rotate-symbol{font-size:65px;font-family:Georgia,serif;line-height:1;margin-bottom:35px}#orientation h2{font:46px/1.08 Libre Caslon Display,Georgia,serif;font-weight:400;margin:25px 0}#orientation p{font-size:12px;line-height:1.8;color:#c1c7b4}#orientation button{margin-top:30px;padding:13px 0;border-bottom:1px solid #c7cfb4;font-size:10px;letter-spacing:1.5px}#orientation .quiet{border:0;margin-top:8px;font-size:8px;color:#9ca78f}@media(hover:none){.zone span{opacity:.8;font-size:8px;padding:8px}.zone b{margin-left:8px}}@media(max-width:900px){header{padding:23px}.identity{gap:12px}.identity small{display:none}nav{gap:20px}nav button{font-size:9px}footer{padding:18px 23px}#hint{display:none}.scene-caption{left:5vw;max-width:36vw;top:38vh}.scene-caption h1{font-size:40px}.scene-caption.interior{left:23px;bottom:80px;max-width:42vw}.scene-caption.interior h1{font-size:30px}#object-nav{right:23px;bottom:80px;width:43vw;padding:13px}#object-buttons{gap:2px 12px}#object-buttons button{font-size:10px}#back{left:23px;top:90px}.inspection-layout{grid-template-columns:60% 40%}.object-story{padding:0 20px}.object-story h2{font-size:36px}.object-story p{font-size:13px}.inspect-top,.inspect-controls{left:20px;right:20px}.work-index>button{letter-spacing:-2px}.index-arrow{font-size:40px}.desktop-window{left:19%;width:79%}}@media(max-height:550px)and (orientation:landscape){header{padding:15px 25px}.monogram{font-size:40px}footer{padding:12px 25px}.scene-caption{top:34vh}.scene-caption h1{font-size:34px;margin:12px 0}.enter-button{margin-top:15px;padding:10px 0}.scene-caption.interior{bottom:56px}.scene-caption.interior h1{font-size:25px}#object-nav{bottom:53px;padding:10px 15px}#back{top:65px}.object-story h2{font-size:30px;margin:15px 0}.object-story p{font-size:12px;line-height:1.6}.asset-note{margin-top:15px}.short-rule{margin:15px 0}.inspect-controls{bottom:15px}.inspect-top{top:12px}.work-list h2{margin:20px 0}.index-foot{margin-top:25px}.computer{height:96dvh}.desktop-icons{gap:17px;padding:20px 12px}.desktop-window{top:12%;height:75%}}@media(max-width:600px)and (orientation:portrait){header{padding:22px 18px}.identity>span:last-child{display:none}nav{gap:18px}nav button{font-size:8px;letter-spacing:1px}.scene-caption{max-width:80vw;top:auto;bottom:18vh}.scene-caption h1{font-size:44px}.scene-caption.interior{bottom:170px;max-width:90vw}.scene-caption.interior h1{font-size:30px}#object-nav{left:18px;right:18px;bottom:65px;width:auto}.inspection-layout{display:flex;flex-direction:column}.object-stage{height:53%;flex-shrink:0}.object-story{padding:25px;margin:0;border-left:0;border-top:1px solid #adb59d3b;overflow:auto}.object-story h2{font-size:36px;margin:15px 0}.short-rule{margin:15px 0}.asset-note{margin-top:20px}.inspect-top .eyebrow{font-size:7px}.inspect-top button{font-size:8px}.inspect-controls{bottom:10px;gap:10px}.inspect-controls>span{width:100%;font-size:7px}.work-list #modal-content{padding:25px 6vw}.work-list h2{margin:12vh 0 35px}.work-index>button{font-size:42px;gap:12px;letter-spacing:-2px}.index-arrow{font-size:30px}.index-foot{gap:20px;line-height:1.7}.project #modal-content,dialog #modal-content{padding:25px}.project-body h3{font-size:35px}.project-body p{font-size:13px}.computer{width:100vw;height:100dvh;border-width:4px}.desktop-top{font-size:9px;padding:0 8px}.desktop-top button{font-size:9px}.desktop-icons{flex-direction:row;width:auto;justify-content:space-around;gap:10px}.desktop-window{top:160px;left:2%;width:96%;height:calc(100% - 200px)}.desktop-window .project-body{padding:18px}.window-status{font-size:8px}.taskbar{font-size:9px}.radio-scale{font-size:10px;letter-spacing:0}.radio-face{padding:20px}.folder-entry{font-size:14px;align-items:center}.folder-entry span{font-size:8px}.zone-left,.zone-right{top:25%}.zone span{font-size:7px;letter-spacing:0}.zone b{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}#scene-cursor{position:fixed;width:23px;height:23px;transform:translate(-50%,-50%);border:1px solid #ddd8b985;border-radius:50%;display:none;align-items:center;justify-content:center;pointer-events:none;z-index:30;color:#efe5b5;transition:width .2s,height .2s,background .2s}#scene-cursor span{font-size:14px;line-height:1}#scene-cursor.active{width:36px;height:36px;background:#20291cbb;border-color:#e6d8a6}#cursor-label strong{display:block;font:italic 23px Georgia,serif;letter-spacing:0}#cursor-label small{display:block;margin-top:6px;font-size:9px;letter-spacing:.5px;color:#c6c8b5}#cursor-label{max-width:230px;padding:12px 16px;border:1px solid #ded7b333;border-radius:3px}.zone-left{left:0;top:19%;width:27%;height:52%}.zone-right{right:0;top:19%;width:27%;height:52%}.zone-center{left:28%;top:42%;width:44%;height:29%}@media(hover:hover)and (pointer:fine){.scene-pointer #scene-cursor{display:flex}.scene-pointer #scene,.scene-pointer .zone{cursor:none}.zone:hover span{opacity:0}.zone:focus-visible span{opacity:1}}#exit-office{position:fixed;right:38px;top:115px;z-index:6;font-size:9px;letter-spacing:1.5px;padding:12px 0}#object-nav.floor-access{width:1px;height:1px;overflow:hidden;clip-path:inset(50%);padding:0}#object-nav.floor-access:focus-within{width:auto;height:auto;clip-path:none;padding:14px}.zone-bottom{pointer-events:none}.zone-bottom:focus-visible{pointer-events:auto}.scene-caption{pointer-events:none}.scene-caption button{pointer-events:auto}.identity>span:last-child{font-size:22px;letter-spacing:5px}.identity small{font-size:8px;letter-spacing:1.5px}#object-nav{position:fixed!important;width:1px!important;height:1px!important;clip-path:inset(50%)!important;overflow:hidden;padding:0!important;pointer-events:none}#object-nav:focus-within{width:auto!important;height:auto!important;clip-path:none!important;padding:12px!important;pointer-events:auto}.bin-papers{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:35px;padding:40px 0;perspective:1000px}.crumpled{width:130px;min-height:135px;padding:24px;background:conic-gradient(from 30deg,#ddd2af,#8f856d,#f5ebce,#9c9277,#e8dec0,#aaa086,#ddd2af);color:#302c22;clip-path:polygon(22% 4%,62% 0,88% 18%,100% 50%,82% 86%,50% 100%,12% 78%,0 40%);transform:rotate(-13deg);transition:width .7s,min-height .7s,transform .7s,clip-path .7s,background .7s;box-shadow:0 12px 25px #0006}.crumpled:nth-child(2n){transform:rotate(16deg)}.paper-number{font:22px Georgia,serif}.paper-content{display:none}.crumpled.unfolded{width:290px;min-height:340px;transform:rotate(0);clip-path:polygon(0 0,100% 0,100% 25%,100% 50%,100% 100%,50% 100%,0 100%,0 50%);background:repeating-linear-gradient(90deg,transparent 0 95px,#837b5d22 96px 97px),#ded4b6}.unfolded .paper-content{display:grid;gap:30px;margin-top:35px}.paper-content strong{font:italic 30px Georgia,serif}.paper-content>span{font-size:13px;line-height:1.7}@media(prefers-reduced-motion:reduce){.crumpled{transition:none}}footer{pointer-events:none}footer button{pointer-events:auto}#object-nav>.eyebrow{display:none}