@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-vietnamese-wght-normal-6IgcOCM7.woff2) format("woff2-variations");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:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DC-KSUi6.woff2) format("woff2-variations");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:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.woff2) format("woff2-variations");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:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-ext-wght-normal-X_5orZeX.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-wght-normal-DiZS0aHC.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-symbols2-wght-normal-CO5SzqOn.woff2) format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-vietnamese-wght-normal-DadHysG0.woff2) format("woff2-variations");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:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-ext-wght-normal-Bwz-egvJ.woff2) format("woff2-variations");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:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-wght-normal-XN7g48iV.woff2) format("woff2-variations");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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-vietnamese-wdth-normal-rJmnGBSt.woff2) format("woff2-variations");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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-ext-wdth-normal-7khWdh9v.woff2) format("woff2-variations");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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-wdth-normal-DY7AcnAa.woff2) format("woff2-variations");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{color-scheme:dark;--bg: #0b0b0c;--bg-elev: #111113;--surface: #161618;--surface-2: #1d1d20;--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .16);--text: #ececea;--text-2: #a4a4a0;--text-3: #7d7d79;--accent: #c6f24e;--accent-ink: #c6f24e;--accent-soft: rgba(198, 242, 78, .12);--on-accent: #0b0b0c;--success: #6ee7a0;--error: #ff8a80;--shadow-lg: 0 30px 80px -20px rgba(0, 0, 0, .65);--nav-bg: rgba(11, 11, 12, .72);--font-display: "Archivo Variable", "Geist Variable", system-ui, sans-serif;--font-sans: "Geist Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "Geist Mono Variable", ui-monospace, "SFMono-Regular", Menlo, monospace;--fs-hero: clamp(2.6rem, 5.6vw, 5.6rem);--fs-h1: clamp(2.4rem, 5.4vw, 4.75rem);--fs-h2: clamp(1.9rem, 3.6vw, 3.1rem);--fs-h3: clamp(1.3rem, 1.8vw, 1.6rem);--fs-lead: clamp(1.05rem, 1.3vw, 1.2rem);--fs-body: 1rem;--fs-small: .875rem;--fs-meta: .78rem;--radius-sm: 10px;--radius-lg: 22px;--radius-pill: 999px;--gutter: clamp(16px, 4vw, 48px);--section-y: clamp(88px, 12vw, 168px);--max: 1360px;--nav-h: 68px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1)}:root[data-theme=light]{color-scheme:light;--bg: #f1f2ee;--bg-elev: #e9eae5;--surface: #ffffff;--surface-2: #e4e5df;--line: rgba(17, 18, 16, .1);--line-strong: rgba(17, 18, 16, .2);--text: #121310;--text-2: #4d4f4a;--text-3: #62645e;--accent: #c6f24e;--accent-ink: #496a00;--accent-soft: rgba(73, 106, 0, .1);--on-accent: #121310;--success: #16794a;--error: #b3261e;--shadow-lg: 0 30px 80px -24px rgba(40, 44, 30, .28);--nav-bg: rgba(241, 242, 238, .75)}*,*:before,*:after{box-sizing:border-box}html{background:var(--bg);-webkit-text-size-adjust:100%}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:clip}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--fs-body);line-height:1.6;overflow-x:clip;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;transition:background-color .4s var(--ease-out),color .4s var(--ease-out)}h1,h2,h3,h4,p,ol,ul,figure{margin:0}ol,ul{padding:0;list-style:none}a{color:inherit;text-decoration:none}img,svg,canvas{display:block;max-width:100%}button{font:inherit;color:inherit}::selection{background:var(--accent);color:var(--on-accent)}:focus-visible{outline:2px solid var(--accent-ink);outline-offset:3px;border-radius:6px}.skip-link{position:fixed;top:12px;left:12px;z-index:90;padding:10px 16px;border-radius:var(--radius-pill);background:var(--accent);color:var(--on-accent);font-weight:600;transform:translateY(-160%);transition:transform .2s var(--ease-out)}.skip-link:focus-visible{transform:translateY(0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.container{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:var(--gutter)}.section{padding-block:var(--section-y)}.display{font-family:var(--font-display);font-weight:700;font-stretch:112%;letter-spacing:-.035em;line-height:.98}.h1{font-size:var(--fs-h1)}.h2{font-size:var(--fs-h2)}.lead{font-size:var(--fs-lead);color:var(--text-2);line-height:1.6;max-width:56ch}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:var(--fs-meta);letter-spacing:.04em;color:var(--text-2)}.mono{font-family:var(--font-mono)}.accent-ink{color:var(--accent-ink)}.chip{display:inline-flex;align-items:center;height:30px;padding:0 12px;border:1px solid var(--line-strong);border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:.75rem;color:var(--text-2);white-space:nowrap}.split-line{padding-bottom:.08em;margin-bottom:-.08em}.page-main{min-height:100dvh;padding-top:var(--nav-h)}.page-header{padding-top:clamp(56px,9vw,120px);padding-bottom:clamp(40px,6vw,72px)}.page-header__title{max-width:14ch}.page-header__lead{margin-top:24px}.scroll-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:55;background:var(--accent);transform-origin:0 50%;pointer-events:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 26px;border-radius:var(--radius-pill);border:1px solid transparent;font-family:var(--font-sans);font-size:.95rem;font-weight:560;letter-spacing:-.005em;white-space:nowrap;cursor:pointer;isolation:isolate;overflow:hidden;transition:transform .25s var(--ease-out),background-color .3s var(--ease-out),border-color .3s var(--ease-out),color .3s var(--ease-out)}.btn:active{transform:scale(.97)}.btn:disabled{cursor:progress;opacity:.7}.btn:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;transform:translateY(101%);transition:transform .5s var(--ease-out)}.btn:hover:before{transform:translateY(0)}.btn--primary{background:var(--accent);color:var(--on-accent)}.btn--primary:before{background:var(--text)}.btn--primary:hover{color:var(--bg)}.btn--ghost{background:transparent;color:var(--text);border-color:var(--line-strong)}.btn--ghost:before{background:var(--surface-2)}.btn--ghost:hover{border-color:var(--text-3)}.btn__roll{position:relative;display:inline-flex;flex-direction:column;height:1.3em;line-height:1.3em;overflow:hidden}.btn__text{display:block;transition:transform .5s var(--ease-out)}.btn:hover .btn__text{transform:translateY(-100%)}.btn__icon{display:inline-flex;transition:transform .5s var(--ease-out)}.btn:hover .btn__icon{transform:translate(3px) rotate(-45deg)}.icon-btn{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:var(--radius-pill);border:1px solid var(--line-strong);background:transparent;color:var(--text);cursor:pointer;transition:background-color .3s var(--ease-out),border-color .3s var(--ease-out),transform .2s var(--ease-out)}.icon-btn:hover{background:var(--surface-2);border-color:var(--text-3)}.icon-btn:active{transform:scale(.94)}.text-link{position:relative;display:inline-flex;align-items:center;gap:8px;font-weight:540;color:var(--text)}.text-link:after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .5s var(--ease-out)}.text-link:hover:after{transform:scaleX(1);transform-origin:left}.text-link svg{transition:transform .4s var(--ease-out)}.text-link:hover svg{transform:translate(2px,-2px)}@media(max-width:640px){.btn{height:48px;padding:0 22px}}.nav{position:fixed;inset:0 0 auto;z-index:50;height:var(--nav-h);border-bottom:1px solid transparent;transition:background-color .4s var(--ease-out),border-color .4s var(--ease-out),backdrop-filter .4s var(--ease-out)}.nav--scrolled{background:var(--nav-bg);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border-bottom-color:var(--line)}.nav__inner{height:100%;max-width:var(--max);margin-inline:auto;padding-inline:var(--gutter);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}.nav__brand{display:inline-flex;align-items:center;gap:12px;justify-self:start}.nav__mark{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--accent);color:var(--on-accent);font-family:var(--font-display);font-weight:800;font-stretch:125%;font-size:.8rem;letter-spacing:-.02em;transition:transform .6s var(--ease-out),border-radius .6s var(--ease-out)}.nav__brand:hover .nav__mark{transform:rotate(-90deg);border-radius:50%}.nav__name{font-weight:600;font-size:.95rem;letter-spacing:-.01em}.nav__links{display:flex;align-items:center;gap:2px;padding:4px;border:1px solid var(--line);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--bg-elev) 70%,transparent)}.nav__link{position:relative;display:inline-flex;align-items:center;height:36px;padding:0 16px;border-radius:var(--radius-pill);font-size:.9rem;color:var(--text-2);transition:color .25s var(--ease-out)}.nav__link:hover,.nav__link.is-active{color:var(--text)}.nav__link-text{position:relative;z-index:1}.nav__hover{position:absolute;inset:0;border-radius:inherit;background:var(--surface-2)}.nav__active{position:absolute;left:50%;bottom:4px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--accent-ink)}.nav__actions{justify-self:end;display:flex;align-items:center;gap:8px}.nav__toggle{display:none}.menu{position:fixed;inset:0;z-index:45;display:flex;flex-direction:column;justify-content:space-between;padding:calc(var(--nav-h) + 32px) var(--gutter) 32px;background:var(--bg-elev)}.menu__links{display:flex;flex-direction:column}.menu__row{overflow:hidden}.menu__link{display:block;padding:6px 0;font-size:clamp(2.6rem,12vw,4.5rem);color:var(--text-3);transition:color .3s var(--ease-out)}.menu__link.is-active,.menu__link:hover{color:var(--text)}.menu__link.is-active:after{content:"";display:inline-block;width:.18em;height:.18em;margin-left:.2em;border-radius:50%;background:var(--accent-ink);vertical-align:middle}.menu__foot{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:var(--fs-small);color:var(--text-2)}@media(max-width:860px){.nav__inner{grid-template-columns:1fr auto}.nav__links{display:none}.nav__toggle{display:inline-grid}}@media(max-width:420px){.nav__name{display:none}}.footer{position:relative;overflow:hidden;background:var(--bg-elev);border-top:1px solid var(--line)}.footer__inner{padding-top:clamp(72px,10vw,140px);padding-bottom:32px;transform-origin:50% 100%}.footer__cta{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding-bottom:clamp(40px,6vw,80px);border-bottom:1px solid var(--line)}.footer__cta-text{font-size:clamp(2.6rem,8.4vw,8.2rem);line-height:.95;max-width:11ch;transition:font-stretch .7s var(--ease-out),color .4s var(--ease-out)}.footer__cta:hover .footer__cta-text{font-stretch:125%;color:var(--accent-ink)}.footer__cta-arrow{flex-shrink:0;display:grid;place-items:center;width:clamp(64px,9vw,120px);height:clamp(64px,9vw,120px);border-radius:50%;background:var(--accent);color:var(--on-accent);transition:transform .7s var(--ease-out)}.footer__cta:hover .footer__cta-arrow{transform:rotate(45deg) scale(1.06)}.footer__grid{display:grid;grid-template-columns:1.2fr 1fr auto;gap:32px;padding-block:40px}.footer__label{margin-bottom:12px;font-family:var(--font-mono);font-size:var(--fs-meta);color:var(--text-3)}.footer__socials{display:flex;flex-wrap:wrap;gap:12px 24px}.footer__col--end{display:flex;align-items:flex-start;justify-content:flex-end}.footer__base{display:flex;justify-content:space-between;gap:16px;padding-top:24px;border-top:1px solid var(--line);font-size:var(--fs-meta);font-family:var(--font-mono);color:var(--text-3)}.copy-email{display:inline-flex;align-items:center;gap:14px;padding:0;border:0;background:none;cursor:pointer;text-align:left}.copy-email__address{font-size:clamp(1.05rem,1.6vw,1.3rem);font-weight:560;letter-spacing:-.01em;word-break:break-all}.copy-email__state{position:relative;display:inline-flex;overflow:hidden;height:28px}.copy-email__badge{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent-ink);font-family:var(--font-mono);font-size:.72rem}.copy-email:hover .copy-email__address{color:var(--accent-ink)}@media(max-width:760px){.footer__grid{grid-template-columns:1fr}.footer__col--end{justify-content:flex-start}.footer__base{flex-direction:column}}.curtain{position:fixed;inset:0;z-index:80;display:grid;place-items:center;background:var(--surface-2);pointer-events:none}.curtain:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--accent)}.curtain__label{font-size:clamp(2.5rem,9vw,7rem);color:var(--text)}.curtain__label:after{content:".";color:var(--accent-ink)}.hero{position:relative;min-height:100dvh;margin-top:calc(var(--nav-h) * -1);display:flex;align-items:center;overflow:clip;isolation:isolate}.hero__stage{position:absolute;inset:0;z-index:-1}.hero__stage canvas{width:100%!important;height:100%!important}.hero__content{position:relative;padding-top:calc(var(--nav-h) + 32px);padding-bottom:64px;pointer-events:none}.hero__content a,.hero__content button{pointer-events:auto}.hero__title{margin-top:20px;font-size:var(--fs-hero);line-height:.96;pointer-events:auto}.kh__mask{display:block;overflow:clip;padding-bottom:.06em}.kh__line{display:block;white-space:nowrap}.kh__char{will-change:transform}.hero__lead{margin-top:28px;max-width:40ch}.hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}.marquee{overflow:hidden;padding-block:clamp(24px,3vw,40px);border-block:1px solid var(--line);background:var(--bg-elev)}.marquee__track{display:flex;width:max-content;will-change:transform}.marquee__item{display:inline-flex;align-items:center;gap:clamp(20px,3vw,40px);padding-right:clamp(20px,3vw,40px)}.marquee__word{font-size:clamp(2.2rem,5.6vw,5rem);line-height:1;white-space:nowrap}.marquee__word--outline{color:transparent;-webkit-text-stroke:1.5px var(--text-3)}.marquee__sep{flex-shrink:0;color:var(--accent-ink)}.section-title{margin-bottom:clamp(40px,6vw,80px);max-width:16ch}.stack{display:flex;flex-direction:column;gap:40px}.stack-card{position:sticky;top:calc(var(--nav-h) + 16px + var(--i) * 18px)}.stack-card__inner{position:relative;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,56px);align-items:center;padding:clamp(24px,3.4vw,48px);border:1px solid var(--line);border-radius:var(--radius-lg);background:radial-gradient(600px circle at var(--mx, -100%) var(--my, -100%),var(--accent-soft),transparent 45%),var(--surface);box-shadow:var(--shadow-lg);transform-origin:50% 0%;overflow:hidden}.stack-card__shade{position:absolute;inset:0;background:var(--bg);opacity:0;pointer-events:none}.stack-card__info{display:flex;flex-direction:column;gap:18px}.stack-card__category{font-size:var(--fs-meta);color:var(--accent-ink)}.stack-card__title{font-size:clamp(2.2rem,4.4vw,4rem)}.stack-card__desc{color:var(--text-2);max-width:44ch}.stack-card__tech{display:flex;flex-wrap:wrap;gap:8px}.stack-card__links{display:flex;flex-wrap:wrap;gap:24px;padding-top:8px}.stack-card__media{position:relative;border-radius:calc(var(--radius-lg) - 8px);overflow:hidden;background:var(--bg-elev);border:1px solid var(--line);aspect-ratio:16 / 10}.stack-card__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform 1.2s var(--ease-out)}.work-more{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:16px;margin-top:56px;padding-top:32px;border-top:1px solid var(--line)}.work-more__link{font-size:var(--fs-h3)}.work-more__count{font-size:var(--fs-meta);color:var(--text-3)}.bento{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);grid-template-rows:auto auto;gap:16px}.bento__cell--web{grid-row:span 2}.bento__body{position:relative;height:100%;min-height:300px;display:flex;flex-direction:column;gap:14px;padding:clamp(24px,3vw,40px);border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--surface);overflow:hidden;isolation:isolate}.bento__body:before{content:"";position:absolute;inset:0;z-index:2;padding:1px;border-radius:inherit;background:radial-gradient(260px circle at var(--mx, -100%) var(--my, -100%),var(--accent-ink),transparent 70%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s var(--ease-out);pointer-events:none}.bento__body:hover:before{opacity:1}.bento__title{font-size:clamp(1.7rem,2.8vw,2.5rem)}.bento__text{color:var(--text-2);max-width:40ch}.bento__cell--web .bento__body{background:radial-gradient(circle at 1px 1px,var(--line-strong) 1px,transparent 0) 0 0 / 22px 22px,var(--surface)}.bento__shot{margin-top:auto;margin-bottom:calc(clamp(24px,3vw,40px)*-1 - 40px);border-radius:14px;border:1px solid var(--line-strong);overflow:hidden;box-shadow:var(--shadow-lg);transform:perspective(1200px) rotateX(14deg) rotate(-2deg) translateY(12px);transform-origin:50% 100%;transition:transform .9s var(--ease-out)}.bento__cell--web .bento__body:hover .bento__shot{transform:perspective(1200px) rotateX(4deg) rotate(0) translateY(-12px)}.bento__cell--mobile .bento__body{background:var(--accent);color:var(--on-accent);border-color:transparent}.bento__cell--mobile .bento__text{color:var(--on-accent);opacity:.82}.bento__cell--mobile .bento__body:before{background:radial-gradient(260px circle at var(--mx, -100%) var(--my, -100%),var(--on-accent),transparent 70%)}.bento__icon{position:absolute;right:clamp(20px,3vw,36px);top:clamp(20px,3vw,36px);width:96px;height:96px;transform:rotate(14deg);transition:transform .9s var(--ease-out)}.bento__cell--mobile .bento__body:hover .bento__icon{transform:rotate(-4deg) translateY(10px) scale(1.06)}.bento__cell--mobile .bento__title{margin-top:auto}.bento__cell--vision .bento__body{padding:0;color:#f3f3f1}.bento__bg{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease-out)}.bento__cell--vision .bento__body:hover .bento__bg{transform:scale(1.06)}.bento__overlay{margin-top:auto;padding:clamp(24px,3vw,40px);padding-top:96px;background:linear-gradient(to top,#080809eb 30%,#08080900);display:flex;flex-direction:column;gap:10px}.bento__cell--vision .bento__text{color:#d4d4d0}.statement{padding-block:clamp(120px,16vw,220px)}.statement__text{font-size:clamp(1.8rem,4.2vw,3.6rem);line-height:1.12;font-stretch:100%;font-weight:600;letter-spacing:-.03em;max-width:24ch}.statement__link{margin-top:48px;font-size:var(--fs-lead)}@media(max-width:860px){.hero{align-items:flex-start}.hero__content{padding-top:calc(var(--nav-h) + 40px)}.kh__line{white-space:normal}.stack-card{position:relative;top:auto}.stack-card__inner{grid-template-columns:1fr;min-height:0}.stack-card__media{order:-1}.bento{grid-template-columns:1fr}.bento__cell--web{grid-row:auto}.bento__cell--vision .bento__body{min-height:380px}}.projects{padding-bottom:var(--section-y)}.filters{margin-bottom:32px;overflow-x:auto;scrollbar-width:none}.filters__row{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--bg-elev)}.filter{position:relative;display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--text-2);font-size:.9rem;cursor:pointer;white-space:nowrap;transition:color .3s var(--ease-out)}.filter:hover:not(:disabled),.filter.is-active{color:var(--on-accent)}.filter:hover:not(:disabled):not(.is-active){color:var(--text)}.filter:disabled{cursor:not-allowed;opacity:.45}.filter__pill{position:absolute;inset:0;border-radius:inherit;background:var(--accent)}.filter__label,.filter__count{position:relative}.filter__count{font-size:.7rem;opacity:.75}.plist{border-top:1px solid var(--line)}.plist__item{border-bottom:1px solid var(--line)}.prow{position:relative;width:100%;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr) 110px 44px;align-items:center;gap:24px;padding:clamp(22px,3vw,36px) 8px;border:0;background:transparent;text-align:left;cursor:pointer;isolation:isolate}.prow:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--bg-elev);transform:scaleY(0);transform-origin:50% 100%;transition:transform .55s var(--ease-out)}.prow:hover:before,.prow:focus-visible:before{transform:scaleY(1)}.prow__thumb{display:none}.prow__title{font-size:clamp(1.9rem,3.4vw,3rem);line-height:1;white-space:nowrap;transition:font-stretch .6s var(--ease-out),transform .6s var(--ease-out),color .4s var(--ease-out)}.prow:hover .prow__title{font-stretch:118%;transform:translate(12px)}.prow__summary{color:var(--text-2);font-size:.95rem}.prow__category{font-size:var(--fs-meta);color:var(--text-3);justify-self:start}.prow__icon{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--line-strong);transition:transform .6s var(--ease-out),background-color .3s var(--ease-out),color .3s var(--ease-out),border-color .3s var(--ease-out)}.prow:hover .prow__icon{transform:rotate(90deg);background:var(--accent);color:var(--on-accent);border-color:transparent}.projects__empty{padding:48px 0;color:var(--text-2)}.cover{width:100%;height:100%}.cover--image{object-fit:cover;object-position:top center}.cover--type{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:20px;overflow:hidden;background:repeating-linear-gradient(-45deg,transparent 0 14px,var(--line) 14px 15px),var(--surface-2);color:var(--text)}.cover__icon{color:var(--accent-ink)}.cover__title{font-size:clamp(1.8rem,3.4vw,3rem);font-stretch:125%;line-height:.9;word-break:break-word}.preview{position:fixed;top:0;left:0;z-index:40;width:340px;aspect-ratio:16 / 11;margin:-110px 0 0 28px;border-radius:16px;overflow:hidden;pointer-events:none;box-shadow:var(--shadow-lg);background:var(--surface-2)}.preview__frame{position:absolute;inset:0}.sheet-overlay{position:fixed;inset:0;z-index:70;background:#05050699;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.sheet{position:absolute;top:0;right:0;bottom:0;width:min(640px,100%);overflow-y:auto;overscroll-behavior:contain;background:var(--bg-elev);border-left:1px solid var(--line);padding:24px}.sheet__close{position:sticky;top:0;z-index:2;margin-left:auto;display:grid;background:var(--bg-elev)}.sheet__media{margin-top:16px;aspect-ratio:16 / 10;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--line)}.sheet__content{display:flex;flex-direction:column;gap:18px;padding:32px 8px 24px}.sheet__category{font-size:var(--fs-meta);color:var(--accent-ink)}.sheet__title{font-size:clamp(2.2rem,5vw,3.4rem)}.sheet__desc{color:var(--text-2);font-size:var(--fs-lead)}.sheet__tech{display:flex;flex-wrap:wrap;gap:8px}.sheet__links{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.sheet__note{color:var(--text-3);font-size:var(--fs-small)}@media(max-width:960px){.prow{grid-template-columns:minmax(0,1fr) 44px}.prow__summary{grid-column:1;grid-row:2}.prow__category{display:none}.prow__icon{grid-column:2;grid-row:1 / span 2}}@media(max-width:640px){.prow{grid-template-columns:88px minmax(0,1fr) 40px;gap:6px 16px;padding-inline:0}.prow__thumb{display:block;grid-row:1 / span 2;width:88px;aspect-ratio:1;border-radius:12px;overflow:hidden;border:1px solid var(--line)}.prow__thumb .cover--type{padding:10px}.prow__thumb .cover__title{font-size:.9rem}.prow__thumb .cover__icon{width:22px;height:22px}.prow__title{grid-column:2;font-size:1.6rem;white-space:normal}.prow__summary{grid-column:2;font-size:.85rem}.prow__icon{grid-column:3;width:40px;height:40px}.sheet{top:auto;max-height:92dvh;width:100%;border-left:0;border-top:1px solid var(--line);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:16px}}.skills{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:start;padding-bottom:var(--section-y)}.board{display:flex;flex-direction:column;gap:28px;padding:clamp(20px,3vw,36px);border-radius:var(--radius-lg);border:1px solid var(--line);background:linear-gradient(180deg,var(--bg-elev),var(--bg));box-shadow:inset 0 1px 0 var(--line-strong),var(--shadow-lg)}.board__label{margin-bottom:12px;font-size:var(--fs-meta);font-weight:400;color:var(--text-3)}.board__keys{display:flex;flex-wrap:wrap;gap:12px}.key{--depth: 6px;position:relative;padding:0 0 var(--depth);border:0;border-radius:14px;background:var(--line-strong);cursor:pointer;transition:padding .12s var(--ease-out)}.key__cap{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:18px;min-width:118px;padding:10px 16px 12px 12px;border-radius:14px;border:1px solid var(--line-strong);background:linear-gradient(180deg,var(--surface-2),var(--surface));box-shadow:inset 0 1px #ffffff0f;transform:translateY(0);transition:transform .12s var(--ease-out),background-color .3s var(--ease-out),color .3s var(--ease-out)}.key__letter{font-size:.7rem;color:var(--text-3)}.key__name{font-weight:560;font-size:.95rem;white-space:nowrap}.key:hover .key__cap,.key.is-pressed .key__cap{transform:translateY(3px)}.key:active .key__cap{transform:translateY(var(--depth))}.key.is-selected{background:color-mix(in srgb,var(--accent) 55%,#000)}.key.is-selected .key__cap{background:var(--accent);color:var(--on-accent);border-color:transparent}.key.is-selected .key__letter{color:var(--on-accent);opacity:.7}.skills__aside{position:sticky;top:calc(var(--nav-h) + 32px)}.detail{min-height:340px;padding:clamp(24px,3vw,40px);border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--surface)}.detail__category{font-size:var(--fs-meta);color:var(--accent-ink)}.detail__name{margin-top:12px;font-size:clamp(2.2rem,4vw,3.4rem);word-break:break-word}.detail__desc{margin-top:16px;color:var(--text-2)}.detail__exp{display:flex;align-items:baseline;gap:10px;margin-top:40px;padding-top:24px;border-top:1px solid var(--line)}.detail__exp-num{font-size:3.4rem;line-height:1;color:var(--accent-ink)}.detail__exp-unit{color:var(--text-2)}@media(max-width:900px){.skills{grid-template-columns:1fr}.skills__aside{position:sticky;top:calc(var(--nav-h) + 8px);z-index:2;order:-1}.detail{min-height:0;padding:20px;box-shadow:var(--shadow-lg)}.detail__name{margin-top:6px;font-size:1.9rem}.detail__desc{margin-top:8px;font-size:var(--fs-small)}.detail__exp-num{font-size:2.2rem}.detail__exp{margin-top:20px;padding-top:16px}.key__cap{min-width:0;gap:10px}}.about-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:clamp(40px,6vw,96px);padding-top:clamp(48px,8vw,104px);padding-bottom:clamp(56px,8vw,104px)}.about-hero__title{margin-bottom:28px}.about-hero__muted{margin-top:16px;color:var(--text-3);max-width:56ch}.about-hero__actions{margin-top:36px}.portrait{perspective:1000px;max-width:440px;margin-inline:auto}.portrait__card{position:relative;aspect-ratio:4 / 5;border-radius:var(--radius-lg);overflow:hidden;background:radial-gradient(circle at 50% 110%,color-mix(in srgb,var(--accent) 70%,transparent),transparent 60%),var(--surface-2);border:1px solid var(--line-strong);box-shadow:var(--shadow-lg);transform-style:preserve-3d;will-change:transform}.portrait__img{position:absolute;inset:8% 4% 0;width:92%;height:92%;object-fit:contain;object-position:bottom center;transform:translateZ(40px)}.portrait__glare{position:absolute;inset:0;mix-blend-mode:overlay;pointer-events:none}.portrait__tag{position:absolute;left:16px;bottom:16px;padding:6px 12px;border-radius:var(--radius-pill);background:var(--bg);color:var(--text);font-size:.72rem;transform:translateZ(60px)}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;border-block:1px solid var(--line)}.stats__item{display:flex;flex-direction:column-reverse;gap:8px;padding:clamp(24px,3vw,40px) clamp(12px,2vw,28px)}.stats__item+.stats__item{border-left:1px solid var(--line)}.stats__num{margin:0;font-size:clamp(3rem,6vw,5.5rem);line-height:1;font-variant-numeric:tabular-nums}.stats__label{color:var(--text-2);font-size:var(--fs-small)}.about-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(48px,7vw,120px)}.about-grid__title{margin-bottom:48px}.about-grid__side{display:flex;flex-direction:column;gap:56px;padding-top:12px}.about-grid__subtitle{margin-bottom:20px;font-size:var(--fs-h3);font-weight:600;letter-spacing:-.02em}.about-tools{display:flex;flex-wrap:wrap;gap:8px}.timeline{position:relative;padding-left:40px}.timeline__list{display:flex;flex-direction:column;gap:48px}.timeline__spine{position:absolute;left:6px;top:10px;bottom:10px;width:2px;background:var(--line)}.timeline__spine-fill{position:absolute;inset:0;background:var(--accent-ink);transform-origin:50% 0}.timeline__item{position:relative;display:grid;grid-template-columns:120px minmax(0,1fr);gap:24px}.timeline__item:before{content:"";position:absolute;left:-40px;top:12px;width:14px;height:14px;border-radius:50%;background:var(--bg);border:2px solid var(--accent-ink)}.timeline__year{font-size:2rem;line-height:1;color:var(--text-3)}.timeline__title{font-size:1.15rem;font-weight:600;letter-spacing:-.01em}.timeline__sub{margin-top:6px;color:var(--text-2)}.courses{counter-reset:none}.courses__item{display:flex;align-items:baseline;gap:16px;padding:14px 0;border-top:1px solid var(--line);transition:padding-left .4s var(--ease-out),color .3s var(--ease-out)}.courses__item:hover{padding-left:8px;color:var(--accent-ink)}.courses__index{font-size:var(--fs-meta);color:var(--text-3)}@media(max-width:900px){.about-hero,.about-grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stats__item:nth-child(3){border-left:0}.stats__item:nth-child(n+3){border-top:1px solid var(--line)}.timeline__item{grid-template-columns:1fr;gap:8px}.timeline__year{font-size:1.5rem}}.contact{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(40px,6vw,96px);align-items:start;padding-bottom:var(--section-y)}.form{display:flex;flex-direction:column;gap:28px}.form__row{display:grid;grid-template-columns:1fr 1fr;gap:28px}.field{display:flex;flex-direction:column;gap:8px}.field__top{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.field__label{font-size:var(--fs-small);font-weight:540;color:var(--text)}.field__hint{font-size:.72rem;color:var(--text-3)}.field__wrap{position:relative}.field__input{width:100%;padding:14px 16px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--bg-elev);color:var(--text);font:inherit;font-size:1rem;resize:vertical;transition:border-color .3s var(--ease-out),background-color .3s var(--ease-out)}.field__input:hover{border-color:var(--text-3)}.field__input:focus{outline:none;border-color:var(--text-2);background:var(--surface)}.field__input:focus-visible{outline:2px solid var(--accent-ink);outline-offset:2px}.field__line{position:absolute;left:10px;right:10px;bottom:0;height:2px;border-radius:2px;background:var(--accent-ink);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease-out);pointer-events:none}.field__input:focus+.field__line{transform:scaleX(1)}.field__input.has-error{border-color:var(--error)}.field__error{display:flex;align-items:center;gap:6px;font-size:var(--fs-small);color:var(--error);overflow:hidden}.form__alert{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;border-radius:var(--radius-sm);border:1px solid color-mix(in srgb,var(--error) 50%,transparent);background:color-mix(in srgb,var(--error) 10%,transparent);color:var(--text);font-size:var(--fs-small)}.form__alert svg{flex-shrink:0;color:var(--error);margin-top:2px}.submit{align-self:flex-start;min-width:190px}.submit__icon{display:inline-flex;transition:transform .5s var(--ease-out)}.submit:hover .submit__icon{transform:translate(3px,-3px) rotate(-8deg)}.submit.is-sending .submit__icon{animation:fly 1s var(--ease-in-out) infinite}@keyframes fly{0%{transform:translate(0);opacity:1}45%{transform:translate(22px,-22px);opacity:0}55%{transform:translate(-22px,22px);opacity:0}to{transform:translate(0);opacity:1}}.success{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:clamp(28px,4vw,48px);border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--surface)}.success__icon{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--accent);color:var(--on-accent)}.success__title{font-size:clamp(2rem,4vw,3rem)}.success__text{color:var(--text-2);margin-bottom:8px}.contact__side{display:flex;flex-direction:column;gap:40px}.avail{display:flex;gap:16px;padding:24px;border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--surface)}.avail__dot{position:relative;flex-shrink:0;width:10px;height:10px;margin-top:7px;border-radius:50%;background:var(--success)}.avail__dot:after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--success);animation:ping 2s var(--ease-out) infinite}@keyframes ping{0%{transform:scale(1);opacity:.6}80%,to{transform:scale(3);opacity:0}}.avail__title{font-weight:600}.avail__text{margin-top:4px;color:var(--text-2);font-size:var(--fs-small)}.contact__label{margin-bottom:12px;font-size:var(--fs-meta);color:var(--text-3)}.social{display:flex;align-items:center;gap:14px;padding:16px 0;border-top:1px solid var(--line);transition:color .3s var(--ease-out)}.social:last-child{border-bottom:1px solid var(--line)}.social__text{flex:1;transition:transform .5s var(--ease-out)}.social__arrow{transition:transform .5s var(--ease-out)}.social:hover{color:var(--accent-ink)}.social:hover .social__text{transform:translate(6px)}.social:hover .social__arrow{transform:rotate(45deg)}.contact__location{display:flex;align-items:center;gap:8px;color:var(--text-2);font-size:var(--fs-small)}@media(max-width:900px){.contact{grid-template-columns:1fr}}@media(max-width:560px){.form__row{grid-template-columns:1fr}.submit{align-self:stretch;width:100%}}