*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}html{background:#eee4d3}body{color:#483d31;font-family:system-ui,sans-serif;overflow:hidden}.experience{background:#eee4d3;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{color:#493b2d;letter-spacing:.02em;white-space:nowrap;background:#fff9efeb;border:1px solid #ffffffbf;border-radius:999px;align-items:center;gap:9px;padding:11px 17px;font-family:inherit;font-size:13px;font-weight:600;animation:3.5s ease-in-out infinite room-label-float;display:inline-flex;box-shadow:0 5px 20px #3a27141f,inset 0 1px #ffffffe6}.room-label-dot{background:#b96c3d;border-radius:50%;flex-shrink:0;width:6px;height:6px}.room-label-stem{background:linear-gradient(#fff9efe6,#fff9ef1a);width:1px;height:22px}.room-label-anchor:nth-child(2) .room-label{animation-delay:-1.2s}.room-label-anchor:nth-child(3) .room-label{animation-delay:-2.4s}@keyframes room-label-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@media (width<=600px){.room-label{gap:7px;padding:10px 14px;font-size:12px}.room-label-stem{height:17px}}@media (prefers-reduced-motion:reduce){.room-label{animation:none}}.room-upgrade{background:#e4e4dc}.room-upgrade>div:first-child{opacity:0;transition:opacity .8s}.room-upgrade.room-ready>div:first-child{opacity:1}.room-upgrade:has(.fallback)>div:first-child{opacity:1}.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-upgrade .room-label{color:#f5eddf;letter-spacing:.04em;white-space:nowrap;background:#212b28e6;border:1px solid #f2eada4d;border-radius:999px;align-items:center;gap:9px;padding:11px 17px;font-size:12px;font-weight:500;animation:4s ease-in-out infinite room-label-float;display:inline-flex;box-shadow:0 6px 22px #181e1b26}.room-upgrade .room-label-dot{background:#d49a68;border-radius:50%;width:5px;height:5px}.room-upgrade .room-label-stem{background:linear-gradient(#718276,#0000);width:1px;height:22px}.room-upgrade .room-label-anchor:nth-child(2) .room-label{animation-delay:-1.3s}.room-upgrade .room-label-anchor:nth-child(3) .room-label{animation-delay:-2.6s}.room-loading{pointer-events:none;color:#384a41;place-items:center;font-size:14px;display:grid;position:absolute;inset:0}@media (width<=600px){.room-upgrade .room-label{padding:10px 13px;font-size:12px}}@media (prefers-reduced-motion:reduce){.room-upgrade .room-label{animation:none}.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}}