@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#192e37;background:#e9eef0;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #d05c31;outline-offset:5px}#app,main{position:fixed;inset:0}main{overflow:hidden}#viewport,canvas{display:block;width:100%;height:100%}canvas{touch-action:none}header{position:fixed;top:0;left:0;right:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:24px 3%;pointer-events:none}header a,header nav{pointer-events:auto}.brand{font-family:Space Grotesk,sans-serif;font-size:27px;font-weight:700;display:flex;align-items:center;gap:14px;text-shadow:0 1px 12px #ffffff80}.brand span{font-size:12px;letter-spacing:2px}nav{display:flex;gap:26px;font-size:14px;padding:14px 22px;border:1px solid #ffffff70;border-radius:30px;background:#f8faf8d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#192e37}nav a:hover,nav a[aria-current]{color:#b44b23}nav span{margin-left:7px}.scene-status{position:absolute;bottom:25px;left:3%;z-index:3;font-size:14px;max-width:50%;padding:12px 17px;border-radius:24px;background:#f8faf8e8;color:#203741}.scene-status:empty{display:none}.scene-controls{position:absolute;bottom:max(22px,env(safe-area-inset-bottom));right:3%;display:flex;gap:8px}.scene-controls[hidden]{display:none}.scene-controls button{border:1px solid #ffffff80;background:#f8faf8d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:12px 17px;border-radius:30px;color:#203741}.scene-controls button:hover{background:#fff}#tooltip{position:absolute;background:#18313d;color:#fff;border-radius:6px;padding:9px 14px;font-size:14px;pointer-events:none;z-index:4}#content{position:absolute;z-index:6;right:3%;top:100px;bottom:85px;width:min(470px,94%);overflow:auto;background:#fbfcf9f5;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 20px 80px #18303b25;border:1px solid #fff;padding:32px;border-radius:8px;color:#192e37}.eyebrow{font-size:12px;letter-spacing:3px;font-weight:700}#content h2{font-family:Space Grotesk,sans-serif;font-size:36px;letter-spacing:-1px;margin:24px 0}#content p{font-size:16px;line-height:1.7;color:#52636b}#content .back{display:inline-block;color:#a54725;font-size:14px}#content article{padding:10px 0;border-top:1px solid #203a4320}#content h3{font-size:18px;margin-bottom:4px}#content article p{font-size:14px;margin-top:0}.night{color:#eef1e9;background:#172b34}.night .brand{text-shadow:0 1px 12px #172b3480}.fallback #viewport{background:linear-gradient(150deg,#c4d9dd,#e9eef0)}@media(max-width:700px){header{padding:18px 4%}.brand span{display:none}nav{gap:19px;padding:12px 17px}.scene-status{left:4%;bottom:82px;max-width:92%;font-size:14px}.scene-controls{right:4%}#content{top:86px;right:3%;padding:25px}.scene-controls button{font-size:14px;padding:10px 14px}}@media(max-height:500px){header{padding-top:10px}#content{top:68px;bottom:65px}.scene-controls{bottom:10px}}#contact{position:absolute;inset:0;z-index:4;pointer-events:none;color:#493523;outline:none}#contact[hidden]{display:none}.contact-back{position:absolute;left:3%;top:104px;pointer-events:auto;background:#fff7e8ed;border:1px solid #72533850;padding:12px 18px;border-radius:3px;font-size:13px}.contact-active .scene-controls #reset{display:none}.contact-active .scene-controls{z-index:5;bottom:auto;top:104px}.contact-active .scene-status{display:none}@media(max-width:700px){nav{gap:12px;font-size:12px;padding:12px}.contact-back,.contact-active .scene-controls{top:83px}}@media(max-height:550px){.contact-back,.contact-active .scene-controls{top:73px}}.paper-hotspot{position:absolute;pointer-events:auto;border:1px solid transparent;border-radius:2px}.paper-hotspot:hover,.paper-hotspot:focus-visible{border-color:#a64723;background:#d4a45d20;outline-offset:2px}.contact-active .brand{color:#fff7e8;text-shadow:0 1px 7px #000}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.contact-fallback{display:none}.fallback .contact-fallback,.contact-asset-failed .contact-fallback{display:flex;position:absolute;top:35%;left:10%;right:10%;gap:24px;flex-wrap:wrap;pointer-events:auto;background:#fff7e8;padding:24px}.paper-hotspot:focus-visible{background:#d4a45d45;outline:2px solid #a64723}.paper-hotspot:hover{background:#d4a45d25}.contact-hint{position:absolute;bottom:20px;left:0;right:0;text-align:center;font-size:12px;color:#fff6e7;text-shadow:0 1px 4px #23170d,0 1px 12px #23170d;pointer-events:none;padding:0 18px}.paper-hotspot{touch-action:none}.fallback .contact-hint,.contact-asset-failed .contact-hint{display:none}main{overflow:clip}#contact{position:fixed}#render-style[aria-pressed=true]{border-color:#b47649;background:#f8ecd7;color:#653914}@media(max-width:700px){.contact-active .scene-controls{top:auto;bottom:65px;right:4%}.scene-controls{gap:5px}.scene-controls button{padding:10px 12px}.contact-hint{bottom:16px;font-size:12px}}#garage-display{position:fixed;top:0;left:0;z-index:8;transform-origin:0 0;display:flex;flex-direction:column;background:#161b1c;border:7px solid #282d2e;border-radius:10px;box-shadow:0 0 0 1px #77817c,0 12px 60px #0007;pointer-events:none;overflow:hidden;color:#efeadb}#garage-display[hidden]{display:none}.garage-screen-active #garage-display{pointer-events:auto}.monitor-toolbar{height:34px;min-height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:12px;letter-spacing:.03em}.monitor-toolbar a{padding:5px 0}.monitor-toolbar span{font-size:10px;opacity:.55}.monitor-screen{position:relative;flex:1;min-height:0;background:#faf6ee}.monitor-screen iframe{border:0;display:block;width:100%;height:100%;background:#faf6ee}.monitor-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:16px;background:#faf6ee;color:#493523;font-size:14px}.monitor-loading[hidden]{display:none}.monitor-loading button{border:1px solid #725338;padding:10px;background:#fff7e8}.garage-screen-active header,.garage-screen-active .scene-controls,.garage-screen-active .scene-status{visibility:hidden}.projects-active #reset,.garage-busy #reset,.projects-active #content{display:none}@media(max-width:700px){#garage-display{border-width:4px}.monitor-toolbar{font-size:11px}.monitor-toolbar span{display:none}}