@font-face{font-family:Syne;font-style:normal;font-weight:400 800;font-display:swap;src:url(../media/ab624315db63c58d-s.1uwhc7jrbo4mx.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Syne;font-style:normal;font-weight:400 800;font-display:swap;src:url(../media/e94b8ab81811a983-s.2my4drvc0bavc.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Syne;font-style:normal;font-weight:400 800;font-display:swap;src:url(../media/0c795a286deabae8-s.p.25jyahqycoolj.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Syne Fallback;src:local(Arial);ascent-override:93.93%;descent-override:27.93%;line-gap-override:0.0%;size-adjust:98.47%}.syne_c3880f42-module__Okbj3a__className{font-family:Syne,Syne Fallback;font-style:normal}.syne_c3880f42-module__Okbj3a__variable{--font-display:"Syne", "Syne Fallback"}
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e6e4df;background:#05060a}html,body{background:#05060a}.studio-error{z-index:5;color:#c9c6bd;background:#05060a;place-content:center;justify-items:center;gap:18px;font-size:15px;display:grid;position:absolute;inset:0}.studio-error p{margin:0}.studio-error button{color:inherit;cursor:pointer;font:inherit;background:0 0;border:1px solid #c8c1af60;padding:10px 18px;font-size:13px}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{-webkit-font-smoothing:antialiased;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.workbench-hero{width:100%;height:100dvh;position:relative;overflow:hidden}.scene{z-index:0;background:radial-gradient(at 48% 47%,#111a32 0%,#080d1a 36%,#0000 72%),radial-gradient(1px 1px at 7% 19%,#b9c8e6b3 99%,#0000),radial-gradient(1px 1px at 15% 73%,#8fa8d9a6 99%,#0000),radial-gradient(1.5px 1.5px at 24% 38%,#d5dcf0b3 99%,#0000),radial-gradient(1px 1px at 32% 85%,#9db3dfa6 99%,#0000),radial-gradient(1px 1px at 41% 16%,#d5dcf0a6 99%,#0000),radial-gradient(1px 1px at 52% 68%,#a5b8dfa6 99%,#0000),radial-gradient(1.5px 1.5px at 63% 29%,#d5dcf0b3 99%,#0000),radial-gradient(1px 1px at 71% 78%,#9db3dfa6 99%,#0000),radial-gradient(1px 1px at 82% 46%,#b9c8e6b3 99%,#0000),radial-gradient(1px 1px at 92% 13%,#8fa8d9a6 99%,#0000),#05060a;position:absolute;inset:0;overflow:hidden}.hero-poster{background:#05060a;transition:opacity .2s ease-out;position:absolute;inset:0;overflow:hidden;container-type:size}.hero-poster[data-ready]{opacity:0;pointer-events:none}.hero-poster img{width:auto;max-width:none;height:100cqh;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (min-aspect-ratio:9/10) and (max-aspect-ratio:6/5){.hero-poster img{transform:translate(-50%,calc(14.14cqw - 50% - 14.84cqh))}}@media (min-aspect-ratio:33/50) and (max-aspect-ratio:9/10){.hero-poster img{transform:translate(-50%,calc(13.31cqw - 50% - 9.98cqh))}}@media (min-aspect-ratio:6/5){.hero-poster img{height:min(132.38cqh,max(100cqh,82.74cqw));transform:translate(-50%,-50%)}}@media (prefers-reduced-motion:reduce){.hero-poster{transition-duration:1ms}}.scene canvas{z-index:1;touch-action:none;background:0 0;display:block;position:relative}.identity{left:max(6vw, env(safe-area-inset-left));bottom:max(7vh, calc(env(safe-area-inset-bottom) + 24px));pointer-events:none;position:absolute}.identity h1{margin:0}.hero-name{font-family:var(--font-display), "Helvetica Neue", Helvetica, Arial, sans-serif;letter-spacing:.03em;white-space:nowrap;pointer-events:auto;cursor:default;font-size:clamp(19px,2.5vw,46px);line-height:1.2;display:inline-grid}.hero-name>span{grid-area:1/1}.hero-name-live{font-weight:640;transition:font-weight .42s cubic-bezier(.22,.8,.2,1)}.hero-name-sizer{visibility:hidden;font-weight:800}.hero-name:hover .hero-name-live{font-weight:800}@media (max-width:1000px){.hero-name{font-size:clamp(19px,3.6vw,34px)}}@media (prefers-reduced-motion:reduce){.hero-name-live{transition-duration:1ms}}.identity p{color:#e2dfd8;letter-spacing:.045em;margin:10px 0 0;font-size:clamp(14px,1.05vw,17px);font-weight:400;line-height:1.6}.identity p span{color:#777d80;margin:0 .22em}.identity{opacity:1;transition:opacity .45s}.workbench-hero:not([data-mode=workbench]) .identity{opacity:0}.workbench-back,.projects-keyboard-entry{top:max(32px, env(safe-area-inset-top));left:max(6vw, env(safe-area-inset-left));color:#e6e4df;font:inherit;letter-spacing:.035em;cursor:pointer;background:#191b1de6;border:1px solid #ffffff20;border-radius:3px;padding:12px 16px;font-size:15px;position:absolute}.workbench-back:hover{background:#303438}.workbench-back:focus-visible,.projects-keyboard-entry:focus-visible{outline-offset:4px;outline:2px solid #c5c0b3}.projects-keyboard-entry:not(:focus-visible),.scene-status{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.identity{transition-duration:.1s}}.scene-fallback{color:#a8aaac;place-items:center;padding:24px;font-size:14px;display:grid;position:absolute;inset:0}@media (max-width:600px){.identity{left:8vw;bottom:max(7vh, calc(env(safe-area-inset-bottom) + 24px))}.hero-name{letter-spacing:.02em;font-size:min(4.4vw,24px)}}@media (max-height:500px){.identity{bottom:22px}.hero-name{font-size:20px}.identity p{margin-top:3px;font-size:13px}}.viewpoint-nav{right:max(22px, env(safe-area-inset-right));flex-direction:column;gap:8px;padding:6px 0;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.viewpoint-nav:before{content:"";pointer-events:none;background:linear-gradient(#8f7bff00,#8f7bff66 20%,#5fd8e866 80%,#5fd8e800);width:1px;margin-left:-.5px;position:absolute;top:18px;bottom:18px;left:50%}.viewpoint-nav[data-fresh]:after{content:"";pointer-events:none;opacity:0;border:1px solid #5fd8e8;border-radius:15px;width:30px;margin-left:-15px;animation:2.6s ease-out 13s 2 nav-attn;position:absolute;top:6px;bottom:6px;left:50%}@keyframes nav-attn{0%{opacity:0;transform:scale(.92)}30%{opacity:.7}to{opacity:0;transform:scale(1.12)}}.viewpoint-dot{cursor:pointer;background:0 0;border:0;width:30px;height:30px;padding:0;position:relative}.viewpoint-dot:before{content:"";background:#0d1024cc;border:1.5px solid #dfe3ffb3;border-radius:50%;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;transition:transform .22s,border-color .22s,background-color .22s;position:absolute;top:50%;left:50%;box-shadow:0 0 0 1px #00000080}.viewpoint-dot:hover:before,.viewpoint-dot:focus-visible:before{background:#8f7bff66;border-color:#fff;transform:scale(1.12)}.viewpoint-dot[aria-current=true]:before{background:#e8fbff;border-color:#bff4fb;transform:scale(1.15);box-shadow:0 0 0 3px #8f7bff8c,0 0 12px #5fd8e880}.viewpoint-dot[aria-current=true]:after{content:"";pointer-events:none;border:1px solid #8f7bff;border-radius:50%;width:22px;height:22px;margin:-11px 0 0 -11px;animation:2.8s ease-out infinite dot-ring;position:absolute;top:50%;left:50%}@keyframes dot-ring{0%{opacity:.8;transform:scale(.55)}to{opacity:0;transform:scale(1.25)}}.viewpoint-dot:disabled{cursor:default}.viewpoint-dot:focus-visible{outline-offset:-2px;border-radius:50%;outline:2px solid #5fd8e8}.viewpoint-label{color:#e6e7f2;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;opacity:0;pointer-events:none;background:#0d1024f0;border:1px solid #8f7bff4d;border-radius:3px;padding:5px 9px;font-size:10px;transition:opacity .18s,transform .18s;position:absolute;top:50%;right:34px;transform:translate(4px,-50%)}.viewpoint-dot:hover .viewpoint-label,.viewpoint-dot:focus-visible .viewpoint-label{opacity:1;transform:translateY(-50%)}@media (hover:none){.viewpoint-label{display:none}}@media (max-width:600px){.viewpoint-nav{top:auto;right:50%;bottom:max(16px, env(safe-area-inset-bottom));flex-direction:row;gap:6px;padding:0 6px;transform:translate(50%)}.viewpoint-nav:before{background:linear-gradient(90deg,#8f7bff00,#8f7bff66 20%,#5fd8e866 80%,#5fd8e800);width:auto;height:1px;margin:-.5px 0 0;inset:50% 18px auto}.viewpoint-nav[data-fresh]:after{width:auto;height:30px;margin:-15px 0 0;inset:50% 6px auto}.viewpoint-dot{width:36px;height:36px}.viewpoint-label{top:auto;bottom:40px;right:50%;transform:translate(50%,4px)}.viewpoint-dot:hover .viewpoint-label,.viewpoint-dot:focus-visible .viewpoint-label{transform:translate(50%)}}@media (prefers-reduced-motion:reduce){.viewpoint-dot:before,.viewpoint-label{transition-duration:1ms}.viewpoint-dot[aria-current=true]:after,.viewpoint-nav[data-fresh]:after{opacity:0;animation:none}}.project-bay-label{white-space:nowrap;color:#e8eced;letter-spacing:.08em;background:#111417eb;border:1px solid #d6e4e81f;border-radius:2px;flex-direction:column;gap:3px;padding:7px 11px;font:600 13px/1.3 Helvetica Neue,Helvetica,Arial,sans-serif;animation:.2s ease-out both bay-label;display:flex;transform:translateY(-4px)}.project-bay-label span{letter-spacing:.05em;color:#94a4a9;font:500 12px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace}@keyframes bay-label{0%{opacity:0;transform:translateY(2px)}}@media (prefers-reduced-motion:reduce){.project-bay-label{animation-duration:1ms}}.section-loading{z-index:20;right:max(20px, env(safe-area-inset-right));bottom:max(26px, env(safe-area-inset-bottom));color:#bdc8cb;letter-spacing:.18em;text-transform:uppercase;background:#111417eb;border:1px solid #d6e4e81f;border-radius:3px;padding:10px 14px;font:600 12px ui-monospace,SFMono-Regular,Menlo,monospace;animation:1.2s ease-in-out infinite alternate section-loading;position:absolute}@keyframes section-loading{0%{opacity:.55}}@media (prefers-reduced-motion:reduce){.section-loading{animation:none}}.tour-start{pointer-events:auto;color:#e6e4df;font:inherit;letter-spacing:.05em;cursor:pointer;background:#191b1dcc;border:1px solid #ffffff26;border-radius:3px;align-items:center;gap:8px;margin-top:18px;padding:11px 16px;font-size:15px;transition:background .18s,border-color .18s;display:inline-flex}.tour-start:hover{background:#303438}.tour-start:focus-visible{outline-offset:4px;outline:2px solid #c5c0b3}.tour-start[data-fresh]{border-color:#7fd6e680}.tour-start[data-fresh]:before{content:"";background:#7fd6e6;border-radius:50%;width:6px;height:6px;animation:2.4s ease-in-out infinite tour-dot}@keyframes tour-dot{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.tour-start[data-fresh]:before{animation:none}}.identity[data-hidden]{opacity:0}.identity{transition:opacity .7s,transform .7s cubic-bezier(.22,.8,.2,1)}.city-tag{color:#dfe6ee;letter-spacing:.22em;white-space:nowrap;background:#121418e0;border:1px solid #ffffff2a;border-radius:2px;padding:2px 6px;font:700 9px ui-monospace,SFMono-Regular,Menlo,monospace;display:inline-block}.hero-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;display:flex}.hero-actions .tour-start{margin-top:0}.resume-utility:focus-visible{outline-offset:4px;outline:2px solid #c5c0b3}.resume-utility{z-index:40;right:max(26px, env(safe-area-inset-right));bottom:calc(max(26px, env(safe-area-inset-bottom)) + 48px);color:#d3e7e8;letter-spacing:.12em;background:#131c22e8;border:1px solid #d5e4e44a;border-radius:3px;justify-content:center;align-items:center;gap:8px;min-width:108px;min-height:44px;padding:0 13px;font-size:12px;font-weight:600;text-decoration:none;transition:background .18s,border-color .18s,color .18s;display:inline-flex;position:absolute;box-shadow:0 4px 18px #0005}.resume-utility:hover{color:#fff;background:#1c3037;border-color:#9bcbd0}.resume-utility svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px;transition:transform .18s}.resume-utility:hover svg{transform:translate(1px,1px)}@media (max-width:600px){.workbench-hero .music-control{bottom:calc(max(16px, env(safe-area-inset-bottom)) + 108px)}.resume-utility{right:max(16px, env(safe-area-inset-right));bottom:calc(max(16px, env(safe-area-inset-bottom)) + 158px);min-width:108px;min-height:44px}}.city-hint{left:50%;bottom:max(7vh, calc(env(safe-area-inset-bottom) + 24px));z-index:10;color:#dfe3e2;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;opacity:0;pointer-events:none;background:#121418b8;border:1px solid #ffffff17;border-radius:3px;align-items:center;gap:9px;margin:0;padding:8px 14px;font:600 12.5px ui-monospace,SFMono-Regular,Menlo,monospace;transition:opacity .5s,transform .5s;display:flex;position:absolute;transform:translate(-50%,6px)}.city-hint[data-visible]{opacity:1;transition-delay:.9s;transform:translate(-50%)}.city-hint svg{fill:#dfe3e2;width:13px;height:13px}.city-hint-coarse{display:none}@media (pointer:coarse){.city-hint-fine{display:none}.city-hint-coarse{display:inline}}@media (max-width:900px){.city-hint{bottom:calc(max(7vh, calc(env(safe-area-inset-bottom) + 24px)) + 150px);letter-spacing:.14em}}@media (prefers-reduced-motion:reduce){.city-hint,.resume-utility,.resume-utility svg{transition-duration:1ms}}@media (max-width:600px),(max-height:500px) and (pointer:coarse){.workbench-hero{--edge:clamp(12px, 4vw, 20px);--dock-bottom:max(8px, env(safe-area-inset-bottom))}.workbench-hero[data-mode=workbench] .resume-utility{top:max(12px, env(safe-area-inset-top));left:max(var(--edge), env(safe-area-inset-left));min-width:100px;min-height:44px;bottom:auto;right:auto}.workbench-hero[data-mode=workbench] .music-control{top:max(12px, env(safe-area-inset-top));left:calc(max(var(--edge), env(safe-area-inset-left)) + 112px);width:44px;height:44px;bottom:auto;right:auto}body:has(.esc-control) .workbench-hero[data-mode=workbench] :is(.resume-utility,.music-control){top:calc(max(12px, env(safe-area-inset-top)) + 58px)}.workbench-hero .identity{left:max(var(--edge), env(safe-area-inset-left));right:max(var(--edge), env(safe-area-inset-right));bottom:calc(var(--dock-bottom) + 62px)}.workbench-hero .hero-name{font-size:clamp(16px,5vw,28px)}.workbench-hero .identity p{margin-top:5px;font-size:clamp(12px,3.5vw,15px)}.workbench-hero .hero-actions{margin-top:clamp(8px,1.8dvh,16px)}.workbench-hero .tour-start{min-height:44px;padding:10px 14px;font-size:14px}.workbench-hero .viewpoint-nav{top:auto;bottom:var(--dock-bottom);flex-direction:row;gap:clamp(0px,1vw,6px);padding:0;right:50%;transform:translate(50%)}.workbench-hero .viewpoint-dot{flex-shrink:0;width:44px;height:44px}.workbench-hero .city-hint{bottom:calc(var(--dock-bottom) + 208px);letter-spacing:.1em;max-width:calc(100% - 24px);padding:7px 10px;font-size:clamp(9px,2.6vw,12px)}.workbench-hero .room-focus-bar{width:calc(100% - 24px);max-height:calc(100dvh - 156px);bottom:calc(var(--dock-bottom) + 8px);flex-wrap:wrap;justify-content:center;gap:8px;overflow-y:auto}.workbench-hero:has(.viewpoint-nav) .room-focus-bar{bottom:calc(var(--dock-bottom) + 58px)}.workbench-hero .room-focus-note{text-align:center;flex-basis:100%}.workbench-hero .room-focus-back,.workbench-hero .room-focus-action{min-height:44px;padding:8px 10px;font-size:13px}}@media (max-height:500px) and (pointer:coarse){.workbench-hero .identity{bottom:max(12px, env(safe-area-inset-bottom));right:50%}.workbench-hero .hero-name{font-size:clamp(16px,2.8vw,24px)}.workbench-hero .identity p{font-size:12px}.workbench-hero .viewpoint-nav{right:max(12px, env(safe-area-inset-right));transform:none}.workbench-hero .city-hint{left:auto;right:16px;bottom:calc(var(--dock-bottom) + 58px);max-width:47%;font-size:10px;transform:none}.workbench-hero .viewpoint-nav:before{width:auto;height:1px;inset:50% 18px auto}}@media (max-width:600px),(max-height:500px) and (pointer:coarse){.workbench-hero:has(.viewpoint-nav):has(.room-focus-bar) .identity{top:calc(max(12px, env(safe-area-inset-top)) + 56px);bottom:auto}.workbench-hero:has(.viewpoint-nav):has(.room-focus-bar) .hero-name{font-size:clamp(16px,4vw,22px)}}
