:root{--ink:#fffaf6;--ink-2:#fff8f2d6;--ink-3:#fff8f29e;--peach:#ffd3b2;--lilac:#dfcaff;--glass:#281c4252;--glass-hover:#ffffff1a;--line:#ffffff2e;--line-strong:#ffffff52;--shadow:0 20px 50px -26px #1a0e3080;--text-shadow:0 1px 12px #24144059;--serif:"Instrument Serif", "Times New Roman", serif;--sans:"Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;--pixel:"Pixelify Sans", "JetBrains Mono", monospace;--edge:clamp(20px, 3.2vw, 44px);--panel-inset:clamp(20px, 4vw, 64px);--ease-out:cubic-bezier(.22, 1, .36, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{overscroll-behavior:none;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background:#c7a5d6;margin:0;font-size:16px;line-height:1.6;overflow:hidden}h1,h2,h3,p,ul,ol{margin:0}ul,ol{padding:0;list-style:none}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}:focus-visible{outline:2px solid var(--peach);outline-offset:3px;border-radius:6px}kbd{font-family:var(--mono);border:1px solid var(--line-strong);border-radius:5px;padding:1px 6px;font-size:.85em}.app{position:fixed;inset:0;overflow:clip}.world{position:absolute;inset:0}.world-canvas{width:100%;height:100%;display:block}.status-fallback .world{background:linear-gradient(#7d84cf 0%,#c7a5d6 38%,#ffc4a6 62%,#e9b0b8 66%,#a8b45e 66.2%,#6c8f41 100%)}.world-shade{pointer-events:none;background:linear-gradient(#30205433 0%,#0000 12%),linear-gradient(#0000 82%,#281a4247 100%);position:absolute;inset:0}.speed-fx{pointer-events:none;opacity:0;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);transition:opacity .45s;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 55%,#0000 35%,#000 100%);mask-image:radial-gradient(60% 55%,#0000 35%,#000 100%)}.speed-fx:after{content:"";background:repeating-conic-gradient(#0000 0deg 3.2deg,#fff6f017 3.2deg 3.35deg);animation:1.4s linear infinite speed-spin;position:absolute;inset:-20%}.is-travelling .speed-fx{opacity:1;transition:opacity .35s .12s}@keyframes speed-spin{to{transform:rotate(6deg)scale(1.04)}}.loader{z-index:50;background:radial-gradient(70% 45% at 0 88%,#9678be59,#0000 70%),linear-gradient(#29275d 0%,#2d2a63 38%,#3a3572 54%,#594e8b 70%,#8a72a8 86%,#b28fb4 100%);place-content:center;justify-items:center;gap:10px;transition:opacity 1.1s .15s,visibility 0s linear 1.3s;display:grid;position:absolute;inset:0}.loader-stars{pointer-events:none;position:absolute;inset:0}.loader-stars span{background:#fff8ec;border-radius:50%;animation:ease-in-out infinite alternate loader-twinkle;position:absolute;box-shadow:0 0 4px #fff8ec99}@keyframes loader-twinkle{0%{opacity:.2}to{opacity:.95}}.loader>p,.loader-bar{transition:opacity .35s;position:relative}.status-ready .loader>p,.status-ready .loader-bar{opacity:0}.status-ready .loader,.status-fallback .loader{opacity:0;visibility:hidden}.loader-name{font-family:var(--serif);font-size:clamp(44px,7vw,84px);line-height:1}.loader-text{font-family:var(--mono);letter-spacing:.24em;text-transform:uppercase;color:var(--ink-2);font-size:12px}.loader-bar{background:var(--line);width:140px;height:1px;margin-top:8px;position:relative;overflow:hidden}.loader-bar:after{content:"";background:var(--ink);width:40%;animation:1.1s ease-in-out infinite loader-slide;position:absolute;inset:0}@keyframes loader-slide{0%{transform:translate(-100%)}to{transform:translate(260%)}}.navbar{z-index:20;padding:calc(var(--edge) - 8px) var(--edge);pointer-events:none;justify-content:flex-end;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.navbar>*{pointer-events:auto}.navbar-links ul{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(14px)saturate(1.3);backdrop-filter:blur(14px)saturate(1.3);border-radius:999px;gap:4px;padding:5px;display:flex}.nav-button{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);border-radius:999px;align-items:baseline;gap:7px;padding:8px 15px;font-size:12px;transition:background .3s,color .3s;display:flex}.nav-num{color:var(--ink-3);font-size:10px}.nav-button:hover{color:var(--ink);background:var(--glass-hover)}.nav-button.active{color:#2b1d45;background:var(--ink)}.nav-button.active .nav-num{color:#2b1d4599}.nav-toggle{display:none}.hud-bottom{z-index:10;left:var(--edge);right:var(--edge);bottom:var(--edge);pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:end;display:grid;position:absolute}.hud-bottom>*{pointer-events:auto}.hud-progress{text-shadow:var(--text-shadow);justify-self:start;gap:8px;display:grid}.hud-counter{font-family:var(--mono);letter-spacing:.14em;color:var(--ink-3);font-size:12px}.hud-counter-current{color:var(--ink);margin-right:6px}.hud-bars{gap:6px;display:flex}.hud-bar{width:34px;height:14px;position:relative}.hud-bar:before{content:"";background:var(--line-strong);border-radius:2px;height:2px;transition:background .4s,transform .4s;position:absolute;top:50%;left:0;right:0}.hud-bar.past:before{background:#fff9}.hud-bar.active:before{background:var(--ink);transform:scaleY(1.6)}.hud-bar:hover:before{background:var(--ink-2)}.hud-place{font-family:var(--serif);font-size:22px;font-style:italic;line-height:1}.hud-center{display:flex}.hud-view{border:1px solid var(--line-strong);background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:48px;height:48px;color:var(--ink);opacity:0;visibility:hidden;border-radius:50%;place-items:center;transition:opacity .25s,transform .25s,background .3s,visibility 0s linear .25s;display:grid;transform:translateY(6px)scale(.92)}.hud-view.available{opacity:1;visibility:visible;transition:opacity .45s ease, transform .45s var(--ease-out), background .3s ease, visibility 0s;transform:none}.hud-view:hover,.hud-view.viewing{background:#281c4280}.stages,.navbar,.hud-progress{transition:opacity .35s,visibility}.is-viewing :is(.stages,.stage.is-shown,.navbar,.hud-progress,.hud-arrows){opacity:0;visibility:hidden;transition:opacity .35s,visibility 0s linear .35s}.is-viewing{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.is-viewing.is-grabbing{cursor:grabbing}.hud-arrows{display:none}.hud-arrow{border:1px solid var(--line-strong);background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:44px;height:44px;color:var(--ink);border-radius:50%;place-items:center;transition:opacity .3s,background .3s;display:grid}.hud-arrow:active{background:var(--glass-hover)}.hud-arrow:disabled{opacity:.35;pointer-events:none}.stages{z-index:5;pointer-events:none;position:absolute;inset:0}.stage{visibility:hidden;transition:visibility 0s linear .45s;position:absolute;inset:0}.stage.is-shown{visibility:visible;transition-delay:0s}.stage>*{pointer-events:auto}.rv{opacity:0;transition:opacity .3s,transform .3s;transform:translateY(16px)}.is-shown .rv{opacity:1;transition:opacity .8s var(--ease-out), transform .9s var(--ease-out);transition-delay:calc(var(--i,0) * 80ms + .12s + var(--rv-wait,0s));transform:none}.stage-projects{--rv-wait:.65s}.stage-contact{--rv-wait:.3s}.home-hero{left:var(--panel-inset);right:var(--edge);text-shadow:0 4px 30px #2e185059;max-width:760px;position:absolute;top:clamp(200px,34vh,380px)}.hero-title{font-family:var(--serif);letter-spacing:-.005em;white-space:nowrap;font-size:clamp(40px,5.4vw,88px);font-style:italic;font-weight:400;line-height:1}.hero-sub{max-width:500px;color:var(--ink);text-shadow:0 1px 2px #1e103659,0 2px 16px #1e103680;margin-top:24px;font-size:clamp(15px,1.15vw,18px);font-weight:500;line-height:1.8}.tv-projects{right:var(--panel-inset);text-align:right;scrollbar-width:none;color:#fff;text-shadow:0 1px 2px #140a04bf,0 2px 10px #140a048c,0 4px 30px #140a0480;width:min(480px,40vw);position:absolute;top:calc(50% + 4vh);transform:translateY(-50%)}.tv-projects::-webkit-scrollbar{display:none}.tv-list{gap:46px;display:grid}.tv-pages{align-items:start;display:grid}.tv-pages>.tv-list{opacity:0;visibility:hidden;transform:translateX(calc(clamp(-1, var(--p) - var(--page), 1) * 56px));transition:opacity .3s ease, transform .5s var(--ease-out), visibility 0s linear .3s;grid-area:1/1}.tv-pages>.tv-list.current{opacity:1;visibility:inherit;transition:opacity .45s ease .12s, transform .6s var(--ease-out) 50ms, visibility 0s;transform:none}.tv-pager{justify-content:flex-end;align-items:center;gap:14px;margin-top:40px;padding-right:133px;display:flex}.tv-pager-btn{border:1px solid var(--line-strong);background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:38px;height:38px;color:var(--ink);border-radius:50%;place-items:center;transition:opacity .3s,background .3s;display:grid}.tv-pager-btn:hover{background:#281c4280}.tv-pager-btn:disabled{opacity:.35;pointer-events:none}.tv-pager-count{min-width:44px;font-family:var(--mono);letter-spacing:.14em;text-align:center;color:var(--ink-2);font-size:12px}.tv-item{cursor:default}.is-shown .tv-list.has-active .tv-item{transition:opacity .28s}.is-shown .tv-list.has-active .tv-item:not(.active){opacity:.62}.tv-item-head{justify-content:flex-end;align-items:center;gap:12px;display:flex}.tv-item-title{font-family:var(--pixel);font-size:31px;font-weight:700;line-height:1.1;transition:color .28s}.tv-item-title:focus-visible{outline-offset:4px}.tv-item.active .tv-item-title{color:var(--peach)}.tv-item-link{color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;transition:color .2s,background .2s;display:grid}.tv-item-link:hover{color:#2b1d45;background:var(--ink)}.tv-item-text{font-family:var(--mono);color:#fff;margin-top:16px;font-size:17px;line-height:1.5}.tv-item-tags{font-family:var(--mono);letter-spacing:.03em;color:#ffffffeb;margin-top:14px;font-size:11px}.experience-text{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.status-fallback .experience-text{right:var(--panel-inset);clip-path:none;white-space:normal;text-shadow:0 2px 16px #1e103680;width:min(360px,80vw);height:auto;top:50%;overflow:visible;transform:translateY(-50%)}.experience-list{gap:16px;display:grid}.job-card{grid-template-columns:44px 1fr;align-items:center;gap:14px;display:grid}.job-logo{border-radius:11px;width:44px;height:44px}.job-company{font-family:var(--pixel);font-size:22px;font-weight:700}.job-role{font-size:14px}.job-date{font-family:var(--mono);color:var(--ink-2);font-size:11px}.sky-contact{left:calc(var(--edge) + 28px);top:calc(var(--edge) + 32px);max-width:calc(100vw - 2 * var(--edge) - 60px);text-shadow:0 1px 2px #14103659,0 2px 18px #14103680;position:absolute}.contact-list{justify-items:start;gap:28px;display:grid}.contact-link{opacity:.72;grid-template-columns:22px auto auto;align-items:center;gap:14px;text-decoration:none;transition:color .25s,transform .25s,opacity .25s;display:inline-grid}.contact-icon{filter:drop-shadow(0 1px 6px #14103666);place-items:center;display:grid}.contact-icon svg{width:21px;height:21px}.contact-label{overflow-wrap:anywhere;font-size:19px;font-weight:500;line-height:1.4}.contact-arrow{color:var(--ink-3);opacity:0;transition:transform .25s,opacity .25s}.contact-link:hover{color:var(--peach);opacity:1;transform:translate(4px)}.contact-link:hover .contact-arrow{color:var(--peach);opacity:1;transform:translate(2px,-2px)}@media (width<=820px){:root{--panel-inset:16px;--edge:18px}.nav-toggle{z-index:2;border:1px solid var(--line-strong);background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:relative}.nav-toggle span{background:var(--ink);width:16px;height:1.5px;transition:transform .3s;position:absolute}.nav-toggle span:first-child{transform:translateY(-3px)}.nav-toggle span:last-child{transform:translateY(3px)}.nav-toggle.open span:first-child{transform:rotate(45deg)}.nav-toggle.open span:last-child{transform:rotate(-45deg)}.navbar-links{-webkit-backdrop-filter:blur(24px)saturate(1.2);backdrop-filter:blur(24px)saturate(1.2);opacity:0;visibility:hidden;background:#24183c99;align-content:center;padding:0 28px;transition:opacity .35s,visibility 0s linear .35s;display:grid;position:fixed;inset:0}.navbar-links.open{opacity:1;visibility:visible;transition-delay:0s}.navbar-links ul{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;flex-direction:column;gap:6px;padding:0}.nav-button{font-family:var(--serif);letter-spacing:0;text-transform:none;gap:14px;padding:6px 0;font-size:32px;line-height:1.1}.nav-button .nav-num{font-family:var(--mono);font-size:12px}.nav-button:hover,.nav-button.active{color:var(--peach);background:0 0}.nav-button.active .nav-num{color:var(--peach)}.hud-bottom{grid-template-columns:1fr;bottom:20px}.hud-arrows{gap:10px;display:flex;position:absolute;bottom:0;right:0}.hud-center{position:absolute;bottom:0;left:50%;transform:translate(-50%)}.hud-view{width:44px;height:44px}.hud-place{font-size:18px}.hud-bar{width:22px}.home-hero{top:24dvh}.hero-title{font-size:clamp(30px,9.4vw,52px)}.hero-sub{margin-top:14px;font-size:14px;line-height:1.65}.tv-projects{overscroll-behavior:contain;width:auto;max-height:calc(56dvh - 96px);inset:auto 16px 96px;overflow-y:auto;transform:none}.tv-list,.tv-pages{gap:18px}.tv-pages>.tv-list{opacity:1;visibility:inherit;grid-area:auto;transition:none;transform:none}.tv-pager{display:none}.tv-item-title{font-size:19px}.tv-item-link{width:28px;height:28px}.tv-item-text{margin-top:4px;font-size:12.5px;line-height:1.4}.tv-item-tags{margin-top:3px;font-size:8px}.contact-link{grid-template-columns:18px auto auto;gap:12px}.contact-icon svg{width:18px;height:18px}.contact-label{font-size:14px}.contact-list{gap:16px}.sky-contact{left:calc(var(--edge) + 3px);top:calc(var(--edge) + 26px)}}@media (prefers-reduced-motion:reduce){.rv,.is-shown .rv{transition-duration:10ms!important;transition-delay:0s!important}.speed-fx{display:none}.loader-bar:after,.loader-stars span{animation:none}}