*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#050910;--bg-deep:#02040a;--surface:#080e1a9e;--text:#f4f7fb;--muted:#8492a6;--muted-dim:#536074;--line:#97aed233;--line-strong:#97beff6b;--blue:#4c8dff;--blue-soft:#94baff;--blue-glow:#4c8dff6b;--amber:#f5a524;--mono:"Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--sans:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ease-out:cubic-bezier(.16, 1, .3, 1);--header-pad:clamp(1.25rem, 3.4vw, 3.75rem)}html,body{background:var(--bg);width:100%;min-height:100%}html{overflow:hidden}body{min-height:100svh;color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overflow:hidden}button,a{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--blue-soft);outline-offset:4px}.skip-link{z-index:100;color:var(--bg);background:var(--text);border-radius:.5rem;padding:.75rem 1rem;font-size:.85rem;font-weight:700;transition:transform .16s;position:fixed;top:.75rem;left:.75rem;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.ambient-grid{z-index:0;pointer-events:none;background:radial-gradient(circle at 57% 48%, #2857b31c, transparent 34%), linear-gradient(#6e8bb30b 1px, transparent 1px), linear-gradient(90deg, #6e8bb30b 1px, transparent 1px), linear-gradient(180deg, #07101d 0%, var(--bg) 42%, var(--bg-deep) 100%);background-size:auto,6.25rem 6.25rem,6.25rem 6.25rem,auto;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#000000b3 68%,#0000 100%);mask-image:linear-gradient(#000 0%,#000000b3 68%,#0000 100%)}body:after{content:"";z-index:20;opacity:.025;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E");position:fixed;inset:0}.site-header{top:clamp(1.35rem,3.5vh,2.5rem);right:var(--header-pad);left:var(--header-pad);z-index:10;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed}.wordmark,.site-meta{pointer-events:auto}.wordmark{color:var(--text);font-family:var(--mono);letter-spacing:.24em;font-size:clamp(.74rem,.9vw,.88rem);font-weight:700;text-decoration:none}.site-meta{color:var(--muted-dim);font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;align-items:center;gap:.8rem;font-size:.61rem;display:flex}.site-meta__active{color:var(--text);position:relative}.site-meta__active:after{content:"";background:var(--blue);height:1px;box-shadow:0 0 .8rem var(--blue-glow);position:absolute;bottom:-.65rem;left:0;right:0}.experience{isolation:isolate;touch-action:pan-y;cursor:grab;width:100%;min-height:100svh;position:relative;overflow:hidden}.experience:active{cursor:grabbing}.hero-copy{top:19vh;left:var(--header-pad);z-index:6;pointer-events:none;width:min(34rem,40vw);position:fixed}.eyebrow,.hero-note,.active-project__eyebrow,.status-row,.corner-note,.side-project__index,.side-project__name{font-family:var(--mono);text-transform:uppercase}.eyebrow{color:var(--muted);letter-spacing:.22em;margin-bottom:clamp(1rem,2.4vh,1.8rem);font-size:clamp(.58rem,.68vw,.72rem);line-height:1.7}.hero-copy h1{max-width:8ch;color:var(--text);letter-spacing:-.065em;text-wrap:balance;text-shadow:0 1rem 4rem #00000057;font-size:clamp(3.1rem,6.5vw,7.25rem);font-weight:700;line-height:.9}.hero-note{color:var(--muted);letter-spacing:.32em;align-items:center;gap:1rem;margin-top:clamp(1.4rem,3.6vh,2.9rem);font-size:.55rem;display:flex}.hero-note:before{content:"";background:linear-gradient(90deg, var(--blue), #4c8dff00);width:2.1rem;height:1px;display:block}.artifact-stage{z-index:3;opacity:0;pointer-events:none;transition:opacity .8s var(--ease-out), transform 1.1s var(--ease-out);position:fixed;inset:0;transform:scale(.96)}.is-ready .artifact-stage{opacity:1;transform:scale(1)}.artifact-stage:after{content:"";filter:blur(1.8rem);background:radial-gradient(#4c8dff29,#02040a00 68%);border-radius:50%;height:20%;position:absolute;bottom:1.5%;left:31%;right:8%;transform:scaleY(.38)}.artifact-canvas{width:100%;height:100%;display:block}.artifact-fallback{aspect-ratio:.78;width:min(34vw,32rem);display:none;position:absolute;top:50%;left:55%;transform:translate(-50%,-51%)}.artifact-fallback__core{clip-path:polygon(50% 0%,82% 18%,100% 55%,72% 100%,27% 92%,0% 54%,17% 17%);background:linear-gradient(138deg,#87b1ff6b,#0000 25%),linear-gradient(38deg,#02040b 12%,#101a30 50%,#03050c 84%);position:absolute;inset:8%;box-shadow:inset 0 0 4rem #4c8dff52,0 0 5rem #4c8dff2e}.artifact-fallback__orbit{border:1px solid #97beff8c;border-radius:50%;width:125%;height:37%;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)rotate(-8deg)}.webgl-unavailable .artifact-canvas{display:none}.webgl-unavailable .artifact-fallback{display:block}.stage-loading{z-index:5;color:var(--muted);font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:.7rem;font-size:.54rem;transition:opacity .3s;display:flex;position:absolute;top:50%;left:55%;transform:translate(-50%,-50%)}.stage-loading>span:first-child{background:var(--blue);width:.38rem;height:.38rem;box-shadow:0 0 1rem var(--blue);border-radius:50%;animation:1s ease-in-out infinite alternate pulse}.is-ready .stage-loading{opacity:0}@keyframes pulse{to{opacity:.3;transform:scale(.65)}}.side-project{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:clamp(8.5rem,13vw,14rem);height:clamp(15rem,35vh,24rem);color:var(--muted);cursor:pointer;opacity:0;transition:border-color .3s ease, color .3s ease, opacity .9s var(--ease-out), transform .5s var(--ease-out);background:linear-gradient(145deg,#7aa3e213,#0000 38%),#060c1757;border:1px solid #9fbfef33;border-radius:.25rem;flex-direction:column;align-items:flex-start;padding:clamp(1.25rem,2vw,2rem);display:flex;position:fixed;top:31%;overflow:hidden;box-shadow:inset 0 0 2rem #5883c90a,0 1.5rem 5rem #0003}.is-ready .side-project{opacity:.68}.side-project:hover{z-index:5;border-color:var(--line-strong);color:var(--text);opacity:1}.side-project--left{left:31%;transform:perspective(62rem)rotateY(15deg)translate(-20%)}.side-project--left:hover{transform:perspective(62rem)rotateY(8deg)translate(-20%)translateY(-.4rem)}.side-project--right{right:10%;transform:perspective(62rem)rotateY(-15deg)translate(20%)}.side-project--right:hover{transform:perspective(62rem)rotateY(-8deg)translate(20%)translateY(-.4rem)}.side-project__index{color:var(--blue-soft);letter-spacing:.22em;margin-bottom:1.15rem;font-size:.56rem}.side-project__name{text-align:left;letter-spacing:.22em;max-width:8ch;font-size:clamp(.6rem,.72vw,.75rem);line-height:1.65}.side-project__name:after{content:"";opacity:.55;background:currentColor;width:1.35rem;height:1px;margin-top:1rem;display:block}.side-project__wave{opacity:.52;background:radial-gradient(at 50% 100%,#0000 40%,#73a0ec1a 41%,#0000 43%),repeating-radial-gradient(at 50% 100%,#0000 0 8px,#87b3ff29 9px 10px);height:34%;position:absolute;bottom:10%;left:-18%;right:-18%;transform:skewY(-7deg)}.arrow-control{z-index:8;width:3.4rem;height:3.4rem;color:var(--text);cursor:pointer;opacity:.8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#03070f66;border:1px solid #cddcf480;border-radius:50%;place-items:center;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s;display:grid;position:fixed;top:54%}.arrow-control:hover{border-color:var(--blue-soft);background:#19428547;transform:scale(1.05);box-shadow:0 0 1.6rem #4c8dff2e}.arrow-control svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;width:1.1rem}.arrow-control--left{left:var(--header-pad)}.arrow-control--right{right:var(--header-pad)}.active-project{z-index:7;text-align:center;pointer-events:none;flex-direction:column;align-items:center;width:min(31rem,38vw);display:flex;position:fixed;bottom:clamp(4.6rem,7.5vh,7rem);left:57%;transform:translate(-50%)}.active-project>*{pointer-events:auto}.active-project__eyebrow{color:var(--muted-dim);letter-spacing:.22em;margin-bottom:.5rem;font-size:.52rem}.active-project h2{color:var(--text);font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;font-size:clamp(1rem,1.55vw,1.45rem);font-weight:400}.active-project__tagline{color:var(--blue-soft);margin-top:.38rem;font-size:clamp(.67rem,.8vw,.78rem)}.status-row{color:var(--amber);letter-spacing:.22em;align-items:center;gap:.55rem;margin-top:.6rem;font-size:.53rem;display:flex}.status-dot{background:currentColor;border-radius:50%;width:.35rem;height:.35rem;box-shadow:0 0 .8rem}.active-project__description{max-width:30rem;color:var(--muted);margin-top:.7rem;font-size:clamp(.65rem,.72vw,.75rem);line-height:1.55}.project-action{border:1px solid var(--blue);min-width:12.5rem;min-height:2.8rem;color:var(--text);font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;background:#0f2d6129;justify-content:center;align-items:center;gap:1rem;margin-top:1rem;font-size:.57rem;text-decoration:none;transition:background .18s,box-shadow .18s,transform .18s,opacity .18s;display:inline-flex;box-shadow:inset 0 0 1.5rem #4c8dff0f,0 0 1.8rem #4c8dff0f}.project-action:hover{background:#265bb847;transform:translateY(-2px);box-shadow:inset 0 0 1.5rem #4c8dff1f,0 0 2rem #4c8dff24}.project-action.is-disabled{border-color:var(--line);color:var(--muted-dim);cursor:not-allowed;opacity:.65;background:0 0}.project-action svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;width:1rem}.project-progress{z-index:8;align-items:center;gap:.55rem;display:flex;position:fixed;bottom:clamp(1.4rem,3vh,2.4rem);left:57%;transform:translate(-50%)}.progress-mark{cursor:pointer;background:0 0;border:0;place-items:center;width:2.3rem;height:1.4rem;padding:0;display:grid}.progress-mark span{background:#9db1d057;width:100%;height:2px;transition:background .22s,box-shadow .22s,transform .22s;display:block}.progress-mark:hover span{background:#9dbef4b8}.progress-mark.is-active span{background:var(--blue);box-shadow:0 0 .9rem var(--blue);transform:scaleY(1.5)}.corner-note{z-index:4;color:var(--muted-dim);letter-spacing:.22em;font-size:.48rem;line-height:1.7;position:fixed;bottom:2.2rem}.corner-note:after{content:"";background:var(--line);width:3rem;height:1px;position:absolute;top:1.05rem}.corner-note--left{left:var(--header-pad)}.corner-note--left:after{left:calc(100% + 1rem)}.corner-note--right{right:var(--header-pad);text-align:right}.corner-note--right:after{right:calc(100% + 1rem)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (width<=1050px){.hero-copy{width:42vw}.hero-copy h1{font-size:clamp(3.2rem,7.4vw,5.8rem)}.side-project--left{left:36%}.side-project--right{right:6%}.active-project,.project-progress{left:59%}.corner-note{display:none}}@media (width<=760px){:root{--header-pad:1.25rem}.ambient-grid{background-size:auto,4rem 4rem,4rem 4rem,auto}.site-header{top:1.3rem}.site-meta{letter-spacing:.12em;gap:.45rem;font-size:.48rem}.site-meta span:nth-child(n+2){display:none}.hero-copy{top:5.7rem;left:var(--header-pad);width:calc(100vw - 2.5rem)}.eyebrow{margin-bottom:.75rem;font-size:.5rem;line-height:1.5}.hero-copy h1{max-width:10ch;font-size:clamp(2.65rem,12vw,4rem);line-height:.92}.hero-note{display:none}.artifact-stage:after{bottom:11%;left:2%;right:2%}.artifact-fallback{width:min(72vw,22rem);top:51%;left:50%}.stage-loading{top:51%;left:50%}.side-project{display:none}.arrow-control{width:2.8rem;height:2.8rem;top:53%}.arrow-control--left{left:.85rem}.arrow-control--right{right:.85rem}.active-project{width:calc(100vw - 5rem);bottom:3.7rem;left:50%}.active-project__eyebrow,.active-project__description{display:none}.active-project h2{font-size:clamp(.92rem,4.4vw,1.15rem)}.active-project__tagline{font-size:.66rem}.status-row{margin-top:.45rem;font-size:.47rem}.project-action{min-width:10.5rem;min-height:2.55rem;margin-top:.75rem}.project-progress{bottom:1rem;left:50%}.corner-note{display:none}}@media (height<=700px) and (width>=761px){.hero-copy{top:16vh}.hero-copy h1{font-size:clamp(3rem,5.6vw,5.7rem)}.hero-note{margin-top:1.25rem}.active-project{bottom:3.8rem}.active-project__description{display:none}.project-action{margin-top:.7rem}.project-progress{bottom:1.1rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.experience{cursor:default}}