@font-face{font-family:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/anton-vietnamese-400-normal-CkBxLiRJ.woff2) format("woff2"),url(/assets/anton-vietnamese-400-normal-2FfR1wHA.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/anton-latin-ext-400-normal-SyiqE2Jt.woff2) format("woff2"),url(/assets/anton-latin-ext-400-normal-BMODBQc6.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/anton-latin-400-normal-Byf51wtH.woff2) format("woff2"),url(/assets/anton-latin-400-normal-AUNGEG_V.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-xuaO2J-f.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-DMdlQ8Kv.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-400-normal-BSMlKf0J.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-400-normal-CEL4l2ZJ.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-vietnamese-400-normal-BulugwFq.woff2) format("woff2"),url(/assets/ibm-plex-mono-vietnamese-400-normal-DDuiU_S-.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-ext-400-normal-BmRBH3aV.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-ext-400-normal-D3D2R8hC.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-cyrillic-ext-500-normal-BqneJy0T.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-500-normal-BIfNGwUT.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-cyrillic-500-normal-Bq9vWWag.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-500-normal-Ael50iVv.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-vietnamese-500-normal-DZ4AoWbu.woff2) format("woff2"),url(/assets/ibm-plex-mono-vietnamese-500-normal-C8zxqsMH.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-ext-500-normal-CAhNIIs5.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-ext-500-normal-CZ70TYgx.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-500-normal-CB9ihrfo.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-grotesk-vietnamese-400-normal-B7xT_GF5.woff2) format("woff2"),url(/assets/space-grotesk-vietnamese-400-normal-BIWiOVfw.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-grotesk-latin-ext-400-normal-CfP_5XZW.woff2) format("woff2"),url(/assets/space-grotesk-latin-ext-400-normal-DRPE3kg4.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-grotesk-latin-400-normal-CJ-V5oYT.woff2) format("woff2"),url(/assets/space-grotesk-latin-400-normal-BnQMeOim.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/space-grotesk-vietnamese-500-normal-BmEvtly_.woff2) format("woff2"),url(/assets/space-grotesk-vietnamese-500-normal-BTqKIpxg.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/space-grotesk-latin-ext-500-normal-DUe3BAxM.woff2) format("woff2"),url(/assets/space-grotesk-latin-ext-500-normal-3dgZTiw9.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/space-grotesk-latin-500-normal-lFbtlQH6.woff2) format("woff2"),url(/assets/space-grotesk-latin-500-normal-CNSSEhBt.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #0a0a0b;--bg-soft: #101013;--ink: #ecebe4;--muted: #8b8b86;--faint: #5c5c56;--accent: #d8ff3e;--accent-dim: rgba(216, 255, 62, .12);--line: rgba(236, 235, 228, .1);--font-display: "Anton", "Arial Narrow", sans-serif;--font-body: "Space Grotesk", sans-serif;--font-mono: "IBM Plex Mono", monospace;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-expo: cubic-bezier(.87, 0, .13, 1);--pad: clamp(1.25rem, 4vw, 4rem)}*{margin:0;padding:0;box-sizing:border-box}html{background:var(--bg);scrollbar-width:thin;scrollbar-color:var(--faint) var(--bg)}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:clip}::selection{background:var(--accent);color:#0a0a0b}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#333;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}a{color:inherit;text-decoration:none}button{font-family:inherit;background:none;border:none;color:inherit;cursor:pointer}.display{font-family:var(--font-display);font-weight:400;text-transform:uppercase;letter-spacing:.015em}.label{font-family:var(--font-mono);font-weight:400;text-transform:uppercase}@media(pointer:fine){body.custom-cursor,body.custom-cursor a,body.custom-cursor button{cursor:none}}main{position:relative;z-index:2}.section{position:relative;padding:clamp(6rem,12vh,10rem) var(--pad);max-width:1680px;margin:0 auto}.section__head{display:flex;align-items:baseline;gap:1.5rem;border-bottom:1px solid var(--line);padding-bottom:1.25rem;margin-bottom:clamp(2.5rem,6vh,5rem);overflow:hidden}.section__num{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.25em;color:var(--accent)}.section__title{font-family:var(--font-display);font-weight:400;font-size:clamp(2.4rem,6.5vw,5.5rem);line-height:.95;text-transform:uppercase;letter-spacing:.015em}.section__count{margin-left:auto;font-family:var(--font-mono);color:var(--muted);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}.webgl{position:fixed;inset:0;z-index:0;pointer-events:none}.vignette{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 90% 70% at 50% 45%,transparent 35%,rgba(10,10,11,.62) 100%)}.grain{position:fixed;inset:-100%;z-index:60;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain 8s steps(10) infinite}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-5%,-10%)}20%{transform:translate(-15%,5%)}30%{transform:translate(7%,-25%)}40%{transform:translate(-5%,25%)}50%{transform:translate(-15%,10%)}60%{transform:translate(15%)}70%{transform:translateY(15%)}80%{transform:translate(3%,35%)}90%{transform:translate(-10%,10%)}}.flash{position:fixed;inset:0;z-index:70;pointer-events:none;background:var(--accent);opacity:0}.preloader{position:fixed;inset:0;z-index:100;background:var(--bg);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem}.preloader__name{font-family:var(--font-display);font-weight:400;font-size:clamp(2.6rem,10vw,8rem);text-transform:uppercase;letter-spacing:.02em;line-height:1;display:flex;overflow:hidden}.preloader__name span{display:inline-block;transform:translateY(110%);min-width:.3em}.preloader__count{position:absolute;bottom:var(--pad);right:var(--pad);font-family:var(--font-display);font-weight:400;font-size:clamp(3.4rem,11vw,8rem);line-height:1;color:var(--accent);font-variant-numeric:tabular-nums}.preloader__hint{position:absolute;bottom:var(--pad);left:var(--pad);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.28em;text-transform:uppercase;color:var(--muted)}.preloader__bar{position:absolute;bottom:0;left:0;height:2px;width:100%;transform-origin:left;transform:scaleX(0);background:var(--accent)}.cursor-dot,.cursor-ring{position:fixed;top:0;left:0;z-index:90;pointer-events:none;border-radius:50%;will-change:transform}.cursor-dot{width:8px;height:8px;background:var(--accent);transform:translate(-50%,-50%)}.cursor-ring{width:36px;height:36px;border:1px solid rgba(216,255,62,.5);transition:width .3s var(--ease-out),height .3s var(--ease-out),background-color .3s,border-color .3s;display:flex;align-items:center;justify-content:center}.cursor-ring .cursor-label{font-family:var(--font-mono);font-size:.55rem;letter-spacing:.12em;text-transform:uppercase;color:#0a0a0b;opacity:0;transition:opacity .2s}.cursor-ring.is-hover{width:64px;height:64px;background:var(--accent);border-color:var(--accent);mix-blend-mode:difference}.cursor-ring.is-hover.has-label .cursor-label{opacity:1}.trail-canvas{position:fixed;inset:0;z-index:3;pointer-events:none}@media(pointer:coarse){.cursor-dot,.cursor-ring,.trail-canvas{display:none}}.nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:1.4rem var(--pad);mix-blend-mode:difference;transition:transform .5s var(--ease-out)}.nav.is-hidden{transform:translateY(-110%)}.nav__logo{font-family:var(--font-display);font-weight:400;font-size:1.15rem;letter-spacing:.06em;text-transform:uppercase;color:#fff}.nav__logo sup{font-family:var(--font-mono);font-size:.5em;color:var(--accent)}.nav__links{display:flex;gap:2.2rem;list-style:none}.flip-link{position:relative;display:inline-block;overflow:hidden;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:#fff;line-height:1.4}.flip-link .flip-inner{display:block;transition:transform .4s var(--ease-expo)}.flip-link .flip-inner span{display:block}.flip-link .flip-inner span:last-child{position:absolute;top:100%;left:0;color:var(--accent)}.flip-link:hover .flip-inner{transform:translateY(-100%)}.nav__burger{display:none;flex-direction:column;gap:6px;padding:6px}.nav__burger span{display:block;width:26px;height:2px;background:#fff;transition:transform .35s var(--ease-out),opacity .3s}.nav__burger.is-open span:first-child{transform:translateY(8px) rotate(45deg)}.nav__burger.is-open span:nth-child(2){opacity:0}.nav__burger.is-open span:last-child{transform:translateY(-8px) rotate(-45deg)}.menu-overlay{position:fixed;inset:0;z-index:48;background:#0a0a0beb;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);display:flex;flex-direction:column;justify-content:center;padding:0 var(--pad);clip-path:inset(0 0 100% 0);visibility:hidden}.menu-overlay a.menu-item{font-family:var(--font-display);font-weight:400;font-size:clamp(2.2rem,9vw,4.5rem);text-transform:uppercase;letter-spacing:.02em;line-height:1.15;display:flex;align-items:baseline;gap:1rem;border-bottom:1px solid var(--line);padding:.6rem 0}.menu-overlay a.menu-item em{font-family:var(--font-mono);font-style:normal;font-weight:400;font-size:.75rem;color:var(--accent);letter-spacing:.2em}.menu-overlay__foot{margin-top:2.5rem;display:flex;gap:1.5rem;color:var(--muted);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.14em;text-transform:uppercase}.hero{min-height:100svh;display:flex;flex-direction:column;justify-content:center;position:relative;padding:0 var(--pad);max-width:1680px;margin:0 auto}.hero__intro{display:flex;align-items:center;gap:.9rem;font-family:var(--font-mono);font-size:clamp(.65rem,.9vw,.8rem);letter-spacing:.28em;text-transform:uppercase;color:var(--muted);margin-bottom:1.6rem}.hero__intro:before{content:"";width:48px;height:1px;background:var(--accent)}.hero__name{font-family:var(--font-display);font-weight:400;font-size:clamp(4rem,15.5vw,15rem);line-height:.98;text-transform:uppercase;letter-spacing:.02em;user-select:none}.hero__line{display:flex;overflow:hidden;padding-bottom:.06em;margin-bottom:-.06em}.hero__char{display:inline-block;flex:none;transform:translateY(115%);transition:color .3s,transform .25s var(--ease-out);min-width:.26em}.hero__line:last-child .hero__char{-webkit-text-stroke:2px var(--ink);color:transparent}.hero__char:hover{color:var(--accent);-webkit-text-stroke-color:var(--accent);transform:translateY(-3%) skew(-5deg)}.hero__row{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;margin-top:clamp(1.6rem,4vh,3rem);flex-wrap:wrap}.hero__role{font-size:clamp(.95rem,1.6vw,1.3rem);color:var(--ink);max-width:34ch;line-height:1.5}.hero__role strong{color:var(--accent);font-weight:500}.hero__tagline{color:var(--muted);font-size:clamp(.8rem,1.1vw,.95rem);max-width:30ch;text-align:right}.hero__scroll{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.6rem;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.32em;text-transform:uppercase;color:var(--muted)}.hero__scroll:after{content:"";width:1px;height:44px;background:linear-gradient(var(--accent),transparent);animation:drip 1.8s var(--ease-out) infinite}@keyframes drip{0%{transform:scaleY(0);transform-origin:top}45%{transform:scaleY(1);transform-origin:top}55%{transform:scaleY(1);transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}.hero__coords{position:absolute;bottom:2rem;right:var(--pad);font-family:var(--font-mono);font-size:.62rem;letter-spacing:.14em;color:var(--faint);text-transform:uppercase;text-align:right;line-height:1.9}.hero__version{position:absolute;bottom:2rem;left:var(--pad);font-family:var(--font-mono);font-size:.62rem;letter-spacing:.14em;color:var(--faint);text-transform:uppercase}.about__grid{display:grid;grid-template-columns:1.4fr 1fr;gap:clamp(2rem,6vw,6rem);align-items:start}.about__text{font-family:var(--font-body);font-weight:500;font-size:clamp(1.35rem,2.5vw,2.3rem);line-height:1.45;letter-spacing:-.01em}.about__text .word{display:inline-block;opacity:.12}.about__text .accent{color:var(--accent)}.about__side{display:flex;flex-direction:column;gap:2.5rem;padding-top:.8rem}.about__blurb{color:var(--muted);font-size:.95rem;max-width:44ch}.stats{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.stat{border-bottom:1px solid var(--line);border-right:1px solid var(--line);padding:1.4rem 1.2rem;transition:background .4s}.stat:hover{background:var(--accent-dim)}.stat__value{font-family:var(--font-display);font-weight:400;font-size:clamp(2rem,3.6vw,3.2rem);line-height:1;letter-spacing:.02em;color:var(--accent);font-variant-numeric:tabular-nums}.stat__label{margin-top:.5rem;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.timeline{display:flex;flex-direction:column}.timeline__item{display:flex;gap:1.2rem;padding:1rem 0;border-bottom:1px solid var(--line);align-items:baseline;transition:padding-left .35s var(--ease-out)}.timeline__item:hover{padding-left:.8rem}.timeline__year{font-family:var(--font-mono);font-size:.7rem;color:var(--accent);letter-spacing:.1em;min-width:8ch}.timeline__what{font-size:.9rem;color:var(--ink)}.timeline__what small{display:block;color:var(--muted);font-size:.78rem}.skill-row{display:grid;grid-template-columns:minmax(160px,220px) 1fr;gap:1.5rem;align-items:start;padding:clamp(1.4rem,3vh,2.2rem) 0;border-bottom:1px solid var(--line)}.skill-row:first-of-type{border-top:1px solid var(--line)}.skill-row__label{font-family:var(--font-display);font-weight:400;text-transform:uppercase;font-size:clamp(1.3rem,2.6vw,2.1rem);letter-spacing:.02em;line-height:1.1;color:var(--ink)}.skill-row__index{display:block;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.2em;color:var(--faint);margin-bottom:.35rem}.skill-row__items{display:flex;flex-wrap:wrap;gap:.6rem}.skill-pill{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:.45em 1.1em;transition:color .25s,border-color .25s,background .25s,transform .25s var(--ease-out);will-change:transform}.skill-pill:hover{color:#0a0a0b;background:var(--accent);border-color:var(--accent);transform:translateY(-3px) rotate(-1.5deg)}.works__list{display:flex;flex-direction:column}.work-row{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(1rem,3vw,3rem);padding:clamp(1.4rem,3.5vh,2.6rem) 0;border-bottom:1px solid var(--line);overflow:hidden}.work-row:first-child{border-top:1px solid var(--line)}.work-row__fill{position:absolute;inset:0;background:var(--accent);transform:scaleY(0);transform-origin:bottom;transition:transform .45s var(--ease-expo);z-index:0}.work-row:hover .work-row__fill{transform:scaleY(1);transform-origin:top}.work-row>*:not(.work-row__fill){position:relative;z-index:1;transition:color .35s}.work-row__index{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.2em;color:var(--accent);padding-left:.5rem}.work-row__main{min-width:0}.work-row__title{display:block;font-family:var(--font-display);font-weight:400;font-size:clamp(2rem,5.2vw,4.6rem);line-height:1;text-transform:uppercase;letter-spacing:.02em;transition:transform .45s var(--ease-expo),color .35s}.work-row__desc{display:block;margin-top:.45rem;color:var(--muted);font-size:.88rem;max-width:62ch;transition:color .35s}.work-row__meta{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;padding-right:.5rem;text-align:right}.work-row__year{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.2em;color:var(--muted);transition:color .35s}.work-row__tech{font-family:var(--font-mono);font-size:.66rem;color:var(--faint);max-width:30ch;transition:color .35s}.work-row__arrow{font-size:clamp(1.4rem,2.5vw,2.2rem);transition:transform .45s var(--ease-expo),color .35s}.work-row:hover .work-row__title{transform:translate(1.2rem)}.work-row:hover>*:not(.work-row__fill),.work-row:hover .work-row__desc,.work-row:hover .work-row__year,.work-row:hover .work-row__tech,.work-row:hover .work-row__index{color:#0a0a0b}.work-row:hover .work-row__arrow{transform:translate(.4rem,-.4rem) rotate(-45deg)}.work-preview{position:fixed;top:0;left:0;z-index:40;width:340px;height:220px;border-radius:10px;overflow:hidden;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.7);box-shadow:0 30px 80px #0000008c}.work-preview canvas{width:100%;height:100%;display:block}.work-preview__title{position:absolute;bottom:12px;left:16px;font-family:var(--font-display);font-weight:400;text-transform:uppercase;letter-spacing:.04em;font-size:1.15rem;color:#fff}@media(pointer:coarse){.work-preview{display:none}}.archive{margin-top:clamp(4rem,10vh,7rem)}.archive__title{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);margin-bottom:1.5rem;display:flex;align-items:center;gap:1rem}.archive__title:after{content:"";flex:1;height:1px;background:var(--line)}.archive__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 clamp(1.5rem,4vw,4rem)}.archive-row{padding:.85rem .4rem;border-bottom:1px solid var(--line);transition:background .3s,padding-left .3s var(--ease-out)}.archive-row:hover{background:var(--accent-dim);padding-left:.9rem}.archive-row__top{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.archive-row__name{font-weight:500;font-size:.95rem;white-space:nowrap}.archive-row:hover .archive-row__name{color:var(--accent)}.archive-row__tech{font-family:var(--font-mono);color:var(--faint);font-size:.68rem;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.archive-row__reveal{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s var(--ease-out),opacity .35s;opacity:0}.archive-row__reveal p{overflow:hidden;min-height:0;color:var(--muted);font-size:.82rem;max-width:52ch}.archive-row:hover .archive-row__reveal{grid-template-rows:1fr;opacity:1}.archive-row:hover .archive-row__reveal p{padding-top:.35rem}@media(pointer:coarse){.archive-row__reveal{grid-template-rows:1fr;opacity:1}.archive-row__reveal p{padding-top:.3rem}}.contact{min-height:92svh;display:flex;flex-direction:column;justify-content:center}.contact__status{display:inline-flex;align-items:center;gap:.7rem;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.26em;text-transform:uppercase;color:var(--muted);margin-bottom:2rem}.contact__status i{width:9px;height:9px;border-radius:50%;background:var(--accent);animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 0 #d8ff3e80}50%{box-shadow:0 0 0 9px #d8ff3e00}}.contact__big{display:block;font-family:var(--font-display);font-weight:400;font-size:clamp(2.6rem,10.5vw,11rem);line-height:1;text-transform:uppercase;letter-spacing:.015em;width:fit-content}.contact__big .line{display:block;overflow:hidden}.contact__big .line>span{display:inline-block}.contact__big .outline{-webkit-text-stroke:2px var(--ink);color:transparent;transition:color .5s var(--ease-out)}.contact__big:hover .outline{color:var(--accent);-webkit-text-stroke-color:var(--accent)}.contact__email{margin-top:3rem;display:inline-flex;align-items:center;gap:1rem;font-size:clamp(1rem,2.4vw,1.6rem);border-bottom:1px solid var(--line);padding-bottom:.5rem;width:fit-content;position:relative;transition:color .3s}.contact__email:after{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:right;transition:transform .5s var(--ease-expo)}.contact__email:hover{color:var(--accent)}.contact__email:hover:after{transform:scaleX(1);transform-origin:left}.contact__email .copied{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);opacity:0;transition:opacity .3s}.contact__email .copied.show{opacity:1}.contact__meta{display:flex;gap:clamp(2rem,6vw,6rem);margin-top:clamp(3rem,7vh,5rem);flex-wrap:wrap}.contact__meta dt{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.26em;text-transform:uppercase;color:var(--faint);margin-bottom:.4rem}.contact__meta dd{font-size:.95rem;color:var(--ink);font-variant-numeric:tabular-nums}.footer{padding:1.6rem var(--pad);display:flex;align-items:center;justify-content:space-between;gap:1.5rem;border-top:1px solid var(--line);font-family:var(--font-mono);font-size:.68rem;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;flex-wrap:wrap;position:relative;z-index:2}.footer__socials{display:flex;gap:1.8rem}.footer__top{color:var(--accent)}.footer-marquee{overflow:hidden;white-space:nowrap;border-top:1px solid var(--line);padding:1.2rem 0;position:relative;z-index:2}.marquee-track{display:inline-flex;align-items:center;will-change:transform}.footer-marquee .marquee-track span{font-family:var(--font-display);font-weight:400;font-size:clamp(2.4rem,7vw,6rem);text-transform:uppercase;letter-spacing:.02em;-webkit-text-stroke:1px var(--faint);color:transparent;transition:color .4s,-webkit-text-stroke-color .4s}.footer-marquee:hover .marquee-track span{color:var(--accent);-webkit-text-stroke-color:var(--accent)}[data-magnetic]{display:inline-block;will-change:transform}@media(max-width:1024px){.about__grid,.archive__grid{grid-template-columns:1fr}}@media(max-width:768px){.nav{mix-blend-mode:normal}.nav__links{display:none}.nav__burger{display:flex}.hero__row{flex-direction:column;align-items:flex-start}.hero__tagline{text-align:left}.hero__coords{display:none}.skill-row{grid-template-columns:1fr;gap:1rem}.archive-row__tech{display:none}}@media(max-width:600px){.work-row{grid-template-columns:1fr;gap:.5rem}.work-row__index{display:none}.work-row__meta{flex-direction:row;align-items:center;justify-content:space-between;padding-right:0;text-align:left}.work-row__tech{text-align:left}.work-row:hover .work-row__title{transform:none}}@media(max-width:480px){.section__title{font-size:2.2rem}}@media(prefers-reduced-motion:reduce){.grain,.hero__scroll:after{animation:none}html{scroll-behavior:auto}}