*{box-sizing:border-box}html,body,#root{background:#13271f;width:100%;height:100%;margin:0}body{color:#483d31;font-family:system-ui,sans-serif;overflow:hidden}.experience{background:#e4e4dc;width:100%;height:100dvh;position:fixed;inset:0;overflow:hidden}.experience canvas{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;width:100%;height:100%;display:block}.experience canvas.is-dragging{cursor:grabbing}.fallback{text-align:center;place-content:center;width:100%;height:100%;padding:28px;line-height:1.6;display:grid}.room-label-layer{z-index:5;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:hidden}.room-label-anchor{visibility:hidden;will-change:transform;flex-direction:column;align-items:center;display:flex;position:absolute;top:0;left:0}.room-upgrade .room-label-layer{opacity:0;transition:opacity .6s .8s}.room-upgrade.room-ready .room-label-layer{opacity:1}.room-loading{pointer-events:none;color:#384a41;place-items:center;font-size:14px;display:grid;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.room-upgrade>div:first-child,.room-upgrade .room-label-layer{transition:none}}.room-upgrade .object-markers{pointer-events:none}.room-upgrade .object-markers.markers-hidden{opacity:0;transition-delay:0s}.object-marker-title{cursor:pointer;pointer-events:auto;white-space:nowrap;color:#fff7e9;letter-spacing:.01em;background:#263b31;border:1px solid #f5eddf55;border-radius:12px;align-items:center;gap:9px;padding:12px 15px;font-family:inherit;font-size:14px;font-weight:650;transition:background .15s,border-color .15s;display:flex;box-shadow:0 4px 16px #15281f33}.object-marker-number{color:#e0b68a;letter-spacing:.03em;font:11px ui-monospace,monospace}.object-marker-line{background:#f5eddfcc;width:1px;height:18px}.object-marker-point{background:#e0b68a;border-radius:50%;width:8px;height:8px;transition:box-shadow .25s,background .25s;box-shadow:0 0 0 3px #263b3199}.marker-active .object-marker-title{background:#3b5143;border-color:#e0b68a}.object-marker-title:focus-visible{outline-offset:3px;outline:3px solid #e0b68a}.object-marker-arrow{color:#e0b68a;margin-left:4px;font-size:17px}.marker-active .object-marker-point{background:#bc743b;box-shadow:0 0 0 6px #d89d5138,0 0 18px #d89d5140}.experience.has-room-target canvas{cursor:pointer}.experience.has-room-target canvas.is-dragging{cursor:grabbing}.portfolio-dialog{color:#26372d;background:#f3efe5;border:1px solid #fff8e5;border-radius:22px;width:min(480px,100vw - 40px);max-width:none;height:calc(100dvh - 40px);max-height:none;margin:0;padding:0;position:fixed;inset:20px 20px 20px auto;overflow:auto;box-shadow:0 20px 100px #15281f40}.portfolio-dialog[open]{animation:.35s cubic-bezier(.2,.8,.2,1) both portfolio-enter}.portfolio-dialog::backdrop{background:#16251e55}.portfolio-panel{min-height:100%;padding:26px 30px 40px}.portfolio-panel-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.portfolio-eyebrow{letter-spacing:.13em;color:#7d806e;font:10px ui-monospace,monospace}.portfolio-close{color:#354636;cursor:pointer;background:0 0;border:1px solid #d6d6c8;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;font-size:27px;display:grid}.portfolio-close:hover{background:#e4e3d8}.portfolio-close:focus-visible,.portfolio-dialog a:focus-visible{outline-offset:4px;outline:2px solid #a36137}.portfolio-panel h1{letter-spacing:-.05em;margin:35px 0;font-size:clamp(30px,4vw,42px);font-weight:500}.portfolio-project{border-top:1px solid #d9d9cc;padding:24px 0;position:relative}.portfolio-project-number{color:#9d7450;font:11px ui-monospace,monospace}.portfolio-project h2{margin:13px 0 8px;font-size:21px;font-weight:550}.portfolio-project p,.portfolio-copy p{color:#63705f;line-height:1.8}.portfolio-project small{color:#8a7560;font-size:11px}.portfolio-links{gap:20px;margin-top:16px;display:flex}.portfolio-links:empty{display:none}.portfolio-dialog a{color:#8c4d29;border-bottom:1px solid #bc8f65;padding-bottom:3px;font-size:13px;text-decoration:none}.portfolio-tags{flex-wrap:wrap;gap:8px;margin-top:25px;display:flex}.portfolio-tags span{border:1px solid #d4d6c9;border-radius:999px;padding:8px 13px;font-size:12px}.portfolio-contact-links{flex-wrap:wrap;gap:22px;margin:25px 0;display:flex}.portfolio-muted{font-size:12px}.room-keyboard-nav{z-index:20;position:fixed;top:16px;left:-10000px}.room-keyboard-nav:focus-within{background:#f3efe5;border-radius:12px;gap:8px;padding:12px;display:flex;left:16px}.room-keyboard-nav button{cursor:pointer;min-height:44px;padding:8px 14px}@keyframes portfolio-enter{0%{opacity:0;transform:translate(25px)}to{opacity:1;transform:translate(0)}}@keyframes portfolio-rise{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (width<=600px){.object-marker-title{gap:6px;font-size:11px}.portfolio-dialog{border-radius:24px 24px 0 0;width:100%;height:78dvh;inset:auto 0 0}.portfolio-panel{padding:20px 24px max(30px, env(safe-area-inset-bottom))}.portfolio-dialog[open]{animation-name:portfolio-rise}}@media (prefers-reduced-motion:reduce){.portfolio-dialog[open]{animation:none}.object-marker-title,.object-marker-line,.object-marker-point{transition:none}}.room-preloader{z-index:100;isolation:isolate;color:#f3eddf;opacity:1;background:radial-gradient(at 50% 38%,#233c32 0%,#13271f 48%,#0d1b16 100%);place-items:center;transition:opacity .65s cubic-bezier(.22,1,.36,1);display:grid;position:fixed;inset:0;overflow:hidden}.room-preloader:before{content:"";pointer-events:none;border:1px solid #d4c19c12;border-radius:2px;position:absolute;inset:16px}.room-preloader.room-preloader--leaving{opacity:0;pointer-events:none}.preloader-brand{top:max(38px, env(safe-area-inset-top));left:max(40px, env(safe-area-inset-left));color:#d7d8c8;letter-spacing:.2em;font:10px ui-monospace,monospace;position:absolute}.preloader-brand>span{color:#be9968;margin:0 12px}.preloader-content{text-align:center;width:min(440px,86vw);padding:60px 0}.preloader-illustration{width:min(310px,68vw);margin:0 auto 28px;position:relative}.preloader-halo{background:radial-gradient(#d5aa6b18 0%,#d5aa6b05 45%,#0000 70%);border-radius:50%;animation:4s ease-in-out infinite preloader-breathe;position:absolute;inset:-12% -22%}.preloader-room{width:100%;display:block;position:relative;overflow:visible}.preloader-trace,.preloader-lamp{stroke:#d0c1a2;stroke-width:1.25px;stroke-linecap:round;stroke-linejoin:round}.preloader-trace path{stroke-dasharray:1;stroke-dashoffset:1px;animation:1.6s cubic-bezier(.22,1,.36,1) forwards preloader-draw}.preloader-trace--shell{stroke:#8faaa0}.preloader-trace--window{stroke:#718f81}.preloader-trace--window path{animation-delay:.15s}.preloader-trace--desk path{animation-delay:.3s}.preloader-trace--details path{animation-delay:.45s}.preloader-lamp{color:#dfae68;stroke:#dfae68}.preloader-light{opacity:.09;animation:3s ease-in-out infinite preloader-lamp-glow}.preloader-spark{color:#d9b582;opacity:.2;animation:3s ease-in-out infinite preloader-sparkle}.preloader-spark--second{animation-delay:1.5s}.preloader-eyebrow{color:#a8b5a5;letter-spacing:.32em;margin:0 0 13px;font-size:9px;font-weight:500}.preloader-title{color:#f3eddf;letter-spacing:-.045em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(44px,7vw,66px);font-weight:400;line-height:1.1}.preloader-title>span{color:#d7a96d}.preloader-status{color:#9daea0;letter-spacing:.04em;justify-content:center;align-items:center;gap:9px;margin-top:23px;font-size:11px;display:flex}.preloader-status-dot{background:#d7a96d;border-radius:50%;width:4px;height:4px;animation:2s ease-in-out infinite preloader-sparkle}.preloader-track{background:#d8c39916;border-radius:2px;width:150px;height:2px;margin:20px auto 0;overflow:hidden}.preloader-track>span{background:linear-gradient(90deg,#0000,#d7a96d,#0000);width:55%;height:100%;animation:1.8s ease-in-out infinite preloader-travel;display:block}.preloader-hint{bottom:max(34px, env(safe-area-inset-bottom));color:#819789;letter-spacing:.025em;text-align:center;margin:0;padding:0 24px;font-size:10px;line-height:1.8;position:absolute}.preloader-hint>span{color:#c7a275;padding:0 10px}.experience:has(.fallback) .room-preloader{display:none}@keyframes preloader-draw{to{stroke-dashoffset:0}}@keyframes preloader-travel{0%{transform:translate(-110%)}to{transform:translate(290%)}}@keyframes preloader-breathe{0%,to{opacity:.6;transform:scale(.94)}50%{opacity:1;transform:scale(1.06)}}@keyframes preloader-lamp-glow{0%,to{opacity:.07}50%{opacity:.2}}@keyframes preloader-sparkle{0%,to{opacity:.25}50%{opacity:.85}}@media (width<=600px){.preloader-brand{left:28px;top:max(30px, env(safe-area-inset-top));font-size:9px}.preloader-illustration{margin-bottom:25px}.preloader-hint{max-width:330px}}@media (height<=550px){.preloader-illustration{width:150px;margin-bottom:12px}.preloader-title{font-size:36px}.preloader-content{padding:45px 0}.preloader-eyebrow{display:none}.preloader-status,.preloader-track{margin-top:12px}.preloader-brand{top:23px}.preloader-hint{bottom:19px}}@media (prefers-reduced-motion:reduce){.room-preloader{transition-duration:.12s}.room-preloader *,.room-preloader :before,.room-preloader :after{animation:none!important}.preloader-trace path{stroke-dashoffset:0}.preloader-track>span{transform:translate(40%)}}.experience .room-preloader.room-preloader--leaving{opacity:0;pointer-events:none}