@font-face{font-family:"Inter Local";src:url(assets/Inter-Variable.ttf) format("truetype");font-style:normal;font-weight:100 900;font-display:swap}@font-face{font-family:"JetBrains Mono Local";src:url(assets/JetBrainsMono-Variable.ttf) format("truetype");font-style:normal;font-weight:100 800;font-display:swap}:root{color-scheme:dark;--page: #090909;--surface: #111111;--surface-elevated: #191919;--text: #f5f5f3;--muted: #aaa9ad;--quiet: #747478;--border: #2c2c2f;--border-strong: #3a3a3e;--indigo: #a5b4fc;--violet: #d8b4fe;--pink: #f472b6;--container: 1400px;--radius-card: 20px;--radius-control: 12px;--ease-out: cubic-bezier(0.22, 1, 0.36, 1);--header-layer: 30;--menu-layer: 20;--toast-layer: 50}*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px;background:var(--page)}body{min-width:320px;min-height:100dvh;margin:0;overflow-x:clip;background:radial-gradient(circle at 84% 18%,rgb(216 180 254 / 0.055),transparent 26rem),var(--page);color:var(--text);font-family:"Inter Local",Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body::before{position:fixed;inset:0;z-index:-1;background-image:linear-gradient(rgb(255 255 255 / 0.018) 1px,transparent 1px);background-size:100% 96px;content:"";pointer-events:none}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--indigo);outline-offset:4px}.skip-link{position:fixed;top:10px;left:16px;z-index:100;padding:12px 16px;transform:translateY(-160%);border-radius:10px;background:var(--text);color:var(--page);font-size:14px;font-weight:700;transition:transform 180ms ease}.skip-link:focus{transform:translateY(0)}.site-header{position:sticky;top:12px;z-index:var(--header-layer);width:min(var(--container),calc(100% - 40px));height:64px;margin:12px auto 0}.header-shell{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:64px;padding:0 10px 0 18px;border-radius:16px;background:rgb(17 17 19 / 0.62);box-shadow:inset 0 0 0 1px rgb(255 255 255 / 0.09),inset 0 1px 0 rgb(255 255 255 / 0.07),0 12px 40px rgb(0 0 0 / 0.22);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%)}.brand{display:inline-flex;align-items:center;justify-self:start;min-height:44px;gap:11px;font-family:"JetBrains Mono Local",ui-monospace,monospace;font-size:12px;font-weight:700;letter-spacing:-0.02em}.brand-mark{position:relative;display:grid;width:24px;height:24px;place-items:center;overflow:hidden;border:1px solid #505054;border-radius:7px}.brand-mark::before,.brand-mark::after,.brand-mark span{position:absolute;width:1px;height:34px;background:#cfcfd2;content:""}.brand-mark::before{transform:rotate(45deg)}.brand-mark::after{transform:rotate(-45deg)}.brand-mark span{height:24px;transform:rotate(90deg);background:#56565b}.desktop-nav{display:flex;align-items:center;gap:4px;justify-self:center}.desktop-nav a{display:grid;min-width:58px;min-height:44px;place-items:center;border-radius:10px;color:var(--muted);font-size:13px;font-weight:500;transition:background-color 180ms ease,color 180ms ease}.desktop-nav a:hover,.desktop-nav a.is-current{background:rgb(255 255 255 / 0.055);color:var(--text)}.header-contact{display:inline-grid;min-width:92px;min-height:44px;place-items:center;justify-self:end;border:1px solid var(--border-strong);border-radius:11px;background:#151515;color:#f2f2f0;font-size:13px;font-weight:650;transition:border-color 180ms ease,background-color 180ms ease,transform 180ms ease}.header-contact:hover{border-color:#5b5b60;background:#1c1c1d}.header-contact:active,.hero-cta:active{transform:translateY(1px) scale(0.985)}[data-page=home] .desktop-nav{gap:54px}[data-page=home] .desktop-nav a{font-size:20px}[data-page=home] .header-contact{font-size:17px}[data-page=home] .gooey-nav-target{position:relative;isolation:isolate;overflow:visible}[data-page=home] .gooey-nav-label{position:relative;z-index:2;pointer-events:none;transition:color 300ms ease}[data-page=home] .gooey-nav-target.is-gooey-active .gooey-nav-label{color:#111113}[data-page=home] .gooey-nav-effect{position:absolute;inset:0;z-index:1;display:grid;border-radius:inherit;place-items:center;filter:blur(7px) contrast(48);mix-blend-mode:screen;pointer-events:none}[data-page=home] .gooey-nav-effect::after{position:absolute;inset:0;border-radius:inherit;background:#f5f5f3;content:"";opacity:0;transform:scale(0.35);animation:gooey-nav-pill 300ms ease both}[data-page=home] .gooey-nav-particle,[data-page=home] .gooey-nav-point{display:block;width:20px;height:20px;border-radius:50%;opacity:0;transform-origin:center}[data-page=home] .gooey-nav-particle{position:absolute;top:calc(50% - 10px);left:calc(50% - 10px);animation:gooey-nav-particle var(--gooey-time) ease 1 -350ms}[data-page=home] .gooey-nav-point{background:var(--gooey-color);animation:gooey-nav-point var(--gooey-time) ease 1 -350ms}@keyframes gooey-nav-pill{to{opacity:1;transform:scale(1)}}@keyframes gooey-nav-particle{0%{opacity:1;transform:rotate(0deg) translate(var(--gooey-start-x),var(--gooey-start-y));animation-timing-function:cubic-bezier(0.55,0,1,0.45)}70%{opacity:1;transform:rotate(calc(var(--gooey-rotate) * 0.5)) translate(calc(var(--gooey-end-x) * 1.2),calc(var(--gooey-end-y) * 1.2));animation-timing-function:ease}85%{opacity:1;transform:rotate(calc(var(--gooey-rotate) * 0.66)) translate(var(--gooey-end-x),var(--gooey-end-y))}100%{opacity:1;transform:rotate(calc(var(--gooey-rotate) * 1.2)) translate(calc(var(--gooey-end-x) * 0.5),calc(var(--gooey-end-y) * 0.5))}}@keyframes gooey-nav-point{0%{opacity:0;transform:scale(0);animation-timing-function:cubic-bezier(0.55,0,1,0.45)}25%{transform:scale(calc(var(--gooey-scale) * 0.25))}38%,85%{opacity:1}65%,85%{transform:scale(var(--gooey-scale))}100%{opacity:0;transform:scale(0)}}.menu-toggle,.mobile-nav{display:none}.hero{position:relative;display:grid;min-height:calc(100dvh - 88px);align-items:center;padding:clamp(56px,7vh,88px) 0 72px}.hero-grid{display:grid;width:min(var(--container),calc(100% - 40px));margin:0 auto;grid-template-columns:minmax(0,0.93fr) minmax(480px,1.07fr);align-items:center;gap:clamp(36px,5.5vw,88px)}.hero-copy{position:relative;z-index:2;padding-left:clamp(0px,2vw,28px)}.hero h1{margin:0;font-size:clamp(58px,5.15vw,72px);font-weight:680;letter-spacing:-0.055em;line-height:0.98}.title-line{display:block;white-space:nowrap}.title-line+.title-line{margin-top:8px}.title-accent{padding-right:0.06em;background:linear-gradient(98deg,var(--indigo) 4%,var(--violet) 55%,var(--pink) 96%);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-char-reveal-char{display:inline-block;background-image:linear-gradient(98deg,var(--indigo) 4%,var(--violet) 55%,var(--pink) 96%);background-size:var(--hero-char-gradient-width, 100%) 100%;background-position:var(--hero-char-gradient-offset, 0) center;background-repeat:no-repeat;background-clip:text;-webkit-background-clip:text;color:transparent}.title-accent[data-hero-char-reveal]{background-image:none}.hero-description{max-width:500px;margin:30px 0 0;color:var(--muted);font-size:clamp(16px,1.45vw,18px);font-weight:400;letter-spacing:-0.015em;line-height:1.78}.hero-actions{display:flex;width:max-content;margin-top:34px;align-items:center;gap:100px}.hero-cta{display:inline-grid;min-width:132px;min-height:52px;margin-top:34px;padding:0 24px;place-items:center;border:1px solid #f5f5f3;border-radius:var(--radius-control);background:#f5f5f3;box-shadow:0 10px 30px rgb(0 0 0 / 0.28);color:#101010;font-size:14px;font-weight:720;white-space:nowrap;transition:background-color 180ms ease,border-color 180ms ease,transform 180ms ease}.hero-actions .hero-cta{margin-top:0}@media(min-width:761px){[data-page=home] .hero-actions .hero-cta:nth-child(2){margin-left:-50px}}.hero-cta:hover{border-color:#d9d9da;background:#dededf}[data-page=home] .hero-cta{font-size:20px}.work-showcase{position:relative;padding:clamp(108px,13vw,180px) 0 clamp(96px,12vw,168px)}.work-shell{width:min(var(--container),calc(100% - 40px));margin:0 auto}.work-header{display:grid;max-width:760px;margin-bottom:clamp(44px,6vw,76px);gap:14px}.work-header>p{margin:0;color:var(--violet);font-size:24px;font-weight:650}.work-header h2{max-width:15ch;margin:0;font-size:clamp(42px,5.2vw,72px);font-weight:640;letter-spacing:-0.055em;line-height:1.04}.work-header>span{max-width:590px;color:var(--muted);font-size:16px;line-height:1.75}.work-stack{display:grid;padding-bottom:clamp(96px,18vh,180px);gap:clamp(18px,2.2vw,32px)}.work-card{position:relative;z-index:var(--stack-order);height:min(680px,calc(100dvh - 112px));min-height:560px;overflow:hidden;border:1px solid var(--border-strong);border-radius:var(--radius-card);background:var(--surface);box-shadow:0 34px 90px rgb(0 0 0 / 0.42);scroll-margin-top:88px}.work-card-link{position:absolute;inset:0;display:block;overflow:hidden;border-radius:inherit}.work-card img{width:100%;height:100%;object-fit:cover;transition:transform 820ms var(--ease-out),filter 360ms ease}.work-card-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgb(5 5 5 / 0.94) 0%,rgb(5 5 5 / 0.18) 58%),linear-gradient(90deg,rgb(5 5 5 / 0.38),transparent 62%)}.work-card-meta,.work-card-copy{position:absolute;right:clamp(24px,3.4vw,48px);left:clamp(24px,3.4vw,48px);z-index:1}.work-card-meta{top:clamp(24px,3.4vw,48px);display:flex;justify-content:space-between;color:#dedee0;font-family:"JetBrains Mono Local",ui-monospace,monospace;font-size:12px}.work-card-meta>span:last-child{padding:8px 12px;border:1px solid rgb(255 255 255 / 0.24);border-radius:999px;background:rgb(9 9 9 / 0.48)}.work-card-meta-emphasis{font-family:"Inter Variable",Arial,sans-serif;font-size:15px;font-weight:600}.work-card-copy{bottom:clamp(28px,4vw,56px);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(240px,0.62fr) auto;align-items:end;gap:clamp(22px,3vw,44px)}.work-card-copy>span:first-child{display:grid;gap:8px}.work-card-copy small{color:#c8c7cb;font-size:13px}.work-card-copy .work-card-kicker-emphasis{font-size:15px;font-weight:600}.work-card-copy strong{font-size:clamp(34px,4vw,62px);font-weight:620;letter-spacing:-0.055em;line-height:1}.work-card-summary{color:#c7c6ca;font-size:15px;font-weight:600;line-height:1.7}.work-card-action{display:grid;min-width:96px;min-height:44px;padding:0 15px;place-items:center;border:1px solid rgb(255 255 255 / 0.32);border-radius:var(--radius-control);background:rgb(12 12 12 / 0.5);color:#f4f4f2;font-size:15px;font-weight:650;white-space:nowrap;transition:background-color 180ms ease,color 180ms ease,transform 180ms ease}.work-card:hover img{filter:contrast(1.05);transform:scale(1.024)}.work-card:hover .work-card-action,.work-card:focus-within .work-card-action{background:#f3f3f0;color:#111111}.work-card:active .work-card-action{transform:translateY(1px) scale(0.985)}@media(min-width:721px)and (min-height:701px)and (prefers-reduced-motion:no-preference){.work-card{position:sticky;top:88px}}.future-anchor{display:block;height:0;overflow:hidden}.toast{position:fixed;right:24px;bottom:24px;z-index:var(--toast-layer);display:grid;width:min(340px,calc(100% - 32px));padding:16px 18px;gap:5px;border:1px solid var(--border-strong);border-radius:14px;background:#1c1c1e;box-shadow:0 18px 50px rgb(0 0 0 / 0.45)}.toast[hidden]{display:none}.toast.is-visible{animation:toast-in 280ms var(--ease-out) both}.toast-title{font-size:13px;font-weight:680}.toast-copy{color:var(--muted);font-size:12px;line-height:1.5}@keyframes toast-in{from{opacity:0;transform:translateY(12px) scale(0.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:no-preference){.annotated-char-reveal .annotated-char-reveal-char{opacity:0.02}.annotated-char-reveal.is-annotated-visible .annotated-char-reveal-char{animation:hero-char-enter 650ms var(--ease-out) var(--annotated-char-delay, 0ms) both}[data-hero-char-reveal] .hero-char-reveal-char{opacity:0.02}[data-hero-char-reveal].is-visible .hero-char-reveal-char{animation:hero-char-enter 650ms var(--ease-out) var(--char-delay, 0ms) both}[data-work-title-reveal]{opacity:0;transform:translateX(-42px)}[data-work-title-reveal].is-visible{animation:work-title-enter 820ms var(--ease-out) both}[data-reveal=header]{animation:header-enter 700ms var(--ease-out) 40ms both}[data-reveal=left]{animation:enter-left 820ms var(--ease-out) var(--delay, 0ms) both}[data-reveal=right]{animation:enter-right 920ms var(--ease-out) var(--delay, 0ms) both}@keyframes header-enter{from{opacity:0;transform:translateY(-16px)}}@keyframes enter-left{from{opacity:0;transform:translateX(-34px)}}@keyframes enter-right{from{opacity:0;transform:translateX(42px)}}@keyframes work-title-enter{to{opacity:1;transform:translateX(0)}}@keyframes hero-char-enter{to{opacity:1}}}@media(max-width:1180px){.hero-grid{grid-template-columns:minmax(0,0.92fr) minmax(440px,1.08fr);gap:46px}}@media(max-width:960px){.site-header{width:calc(100% - 32px)}.hero{padding-top:72px}.hero-grid{width:min(720px,calc(100% - 40px));grid-template-columns:1fr;gap:70px}.hero-copy{padding-left:0}.hero h1{font-size:clamp(58px,9vw,76px)}.hero-description{font-size:18px}}@media(max-width:720px){.site-header{top:8px;width:calc(100% - 24px);margin-top:8px}.header-shell{grid-template-columns:1fr auto;padding:0 10px 0 14px}.desktop-nav,.header-contact{display:none}.menu-toggle{display:grid;width:44px;height:44px;padding:0;place-items:center;border:1px solid var(--border);border-radius:11px;background:#151515;cursor:pointer}.menu-toggle span{position:absolute;width:16px;height:1px;background:#e7e7e8;transition:transform 220ms var(--ease-out),margin 220ms var(--ease-out)}.menu-toggle span:first-child{margin-top:-6px}.menu-toggle span:last-child{margin-top:6px}.menu-toggle[aria-expanded=true] span:first-child{margin-top:0;transform:rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{margin-top:0;transform:rotate(-45deg)}.mobile-nav{position:absolute;top:72px;right:0;left:0;z-index:var(--menu-layer);display:grid;padding:10px;border:1px solid var(--border);border-radius:16px;background:rgb(20 20 21 / 0.97);box-shadow:0 24px 70px rgb(0 0 0 / 0.5);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.mobile-nav[hidden]{display:none}.mobile-nav a{display:flex;min-height:48px;align-items:center;padding:0 14px;border-radius:10px;color:var(--muted);font-size:14px}.mobile-nav a:hover,.mobile-nav a.is-current{background:rgb(255 255 255 / 0.055);color:var(--text)}.mobile-nav .mobile-contact{justify-content:center;margin-top:8px;border:1px solid var(--border-strong);background:#181819;color:var(--text);font-weight:650}.hero{padding:74px 0 60px}.hero-grid{width:calc(100% - 32px);gap:58px}.hero h1{font-size:clamp(47px,13.1vw,68px);letter-spacing:-0.06em}.hero-description{max-width:34rem;margin-top:24px;font-size:16px;line-height:1.72}.hero-cta{min-width:124px;min-height:50px;margin-top:28px}.hero-actions{margin-top:28px;gap:24px}.hero-actions .hero-cta{margin-top:0}.toast{right:16px;bottom:16px}.work-showcase{padding:96px 0 112px}.work-shell{width:calc(100% - 32px)}.work-header{margin-bottom:38px}.work-header h2{font-size:clamp(40px,11.4vw,56px)}.work-stack{padding-bottom:0;gap:16px}.work-card{height:auto;min-height:0;aspect-ratio:4 / 5;box-shadow:none}.work-card-copy{grid-template-columns:1fr auto;gap:18px}.work-card-summary{grid-column:1 / -1;grid-row:2}.work-card-action{grid-column:2;grid-row:1}.work-card-copy strong{font-size:clamp(32px,9vw,48px)}}@media(max-width:420px){.brand-name{font-size:11px}.hero{padding-top:64px}.hero h1{font-size:clamp(43px,12.9vw,54px)}.title-line+.title-line{margin-top:6px}}@media(max-height:800px)and (min-width:961px){.hero{padding-top:48px;padding-bottom:48px}}@media(min-width:721px)and (max-height:700px){.work-card{height:auto;min-height:0;aspect-ratio:16 / 8.5;box-shadow:none}.work-stack{padding-bottom:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:0.01ms!important}.work-stack{padding-bottom:0}.work-card{position:relative;height:auto;min-height:0;aspect-ratio:16 / 9;box-shadow:none}}@media(prefers-reduced-transparency:reduce){.header-shell{background:#151516;backdrop-filter:none;-webkit-backdrop-filter:none}.mobile-nav{background:#171718;backdrop-filter:none;-webkit-backdrop-filter:none}}@media(forced-colors:active){.title-accent{color:CanvasText}}