:root{color-scheme:dark;--bg:#0d1418;--surface:#151d22;--surface-2:#1b252b;--paper:#e6eef0;--ink:#0d1418;--text:#e9eff1;--muted:#a9b8bd;--subtle:#85969b;--line:#ffffff26;--strong-line:#fff5;--accent:#3ad0e0;--accent-ink:#06222a;--accent-deep:#1b7fb3;--shadow:#0008;--font-display:"Anton", Impact, "Arial Narrow", sans-serif;--font-body:Arial, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--fs-hero:clamp(3.2rem, 13vw, 11.5rem);--fs-display:clamp(2.1rem, 5.2vw, 3.6rem);--fs-title:clamp(1.35rem, 2.4vw, 1.9rem);--fs-body:clamp(.95rem, 1.05vw, 1.05rem);--fs-small:.8125rem;--fs-micro:.6875rem;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:72px;--sp-9:112px;--page-max:1440px;--page-pad:clamp(20px, 5vw, 72px);--radius-sm:6px;--radius:14px;--radius-lg:22px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-fast:.16s;--dur:.32s;--dur-slow:.64s;--dur-reveal:.9s}:root[data-palette=amber]{--bg:#14100c;--surface:#1e1913;--surface-2:#262019;--paper:#efe7d8;--ink:#14100c;--text:#f0e8da;--muted:#b8ab94;--subtle:#92866f;--accent:#d9a441;--accent-ink:#1a1206;--accent-deep:#8c5a2b}:root[data-palette=amber][data-theme=light]{--bg:#eae2d2;--surface:#ded3bd;--surface-2:#d2c5ac;--text:#1a150f;--muted:#574c3c;--subtle:#6b5f4c;--line:#1a150f30;--strong-line:#1a150f66;--accent:#7d5019;--accent-ink:#fff;--accent-deep:#5f3c11}:root[data-theme=light]{color-scheme:light;--bg:#e9eff0;--surface:#dde7e9;--surface-2:#d0dcdf;--text:#0d1418;--muted:#4c5a5f;--subtle:#5d6b70;--line:#0d141830;--strong-line:#0d141866;--accent:#096776;--accent-ink:#fff;--accent-deep:#0b5f7a;--shadow:#0d141826}@media (prefers-contrast:more){:root{--muted:#d3e0e3;--subtle:#bccdd1;--line:#fff6}:root[data-theme=light]{--muted:#2c383c;--subtle:#3d4a4e;--line:#0d141877}}@media (prefers-reduced-motion:reduce){:root{--dur-fast:1ms;--dur:1ms;--dur-slow:1ms;--dur-reveal:1ms}}@font-face{font-family:Anton;src:url(/fonts/anton-latin-400-normal.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:32px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:var(--fs-body);-webkit-font-smoothing:antialiased;transition:background var(--dur) var(--ease-out), color var(--dur) var(--ease-out);margin:0;line-height:1.65;overflow-x:hidden}h1,h2,h3,h4,p,figure,blockquote{margin:0}ul,ol{margin:0;padding:0;list-style:none}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--radius-sm)}::selection{background:var(--accent);color:var(--accent-ink)}.page-width{width:min(100%, var(--page-max));padding-inline:var(--page-pad);margin-inline:auto}.mono{font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.display{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.01em;font-weight:400;line-height:.86}.accent{color:var(--accent)}.skip-link{z-index:999;background:var(--accent);color:var(--accent-ink);padding:12px 18px;position:absolute;top:0;left:-9999px}.skip-link:focus{top:16px;left:16px}.site-header{z-index:50;align-items:center;gap:var(--sp-5);backdrop-filter:blur(14px);background:color-mix(in oklab, var(--bg) 78%, transparent);border-bottom:1px solid var(--line);padding-block:18px;display:flex;position:sticky;top:0}.brand{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;align-items:baseline;gap:2px;font-size:1.15rem;display:inline-flex}.site-nav{gap:var(--sp-5);margin-inline-start:auto;display:flex}.site-nav a{font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:.12em;color:var(--muted);transition:color var(--dur-fast) var(--ease-out);align-items:baseline;gap:6px;display:inline-flex;position:relative}.site-nav a:after{content:"";background:var(--accent);transform-origin:0;height:1px;transition:transform var(--dur) var(--ease-out);position:absolute;bottom:-6px;left:0;right:0;transform:scaleX(0)}.site-nav a:hover{color:var(--text)}.site-nav a:hover:after{transform:scaleX(1)}.site-nav .nav-index{color:var(--subtle);font-size:.6rem}.theme-toggle{border:1px solid var(--line);block-size:38px;inline-size:38px;color:var(--muted);transition:color var(--dur-fast), border-color var(--dur-fast), transform var(--dur) var(--ease-out);border-radius:999px;place-items:center;display:grid}.theme-toggle:hover{color:var(--text);border-color:var(--strong-line);transform:rotate(18deg)}.hero{padding-block:clamp(48px,9vw,128px) clamp(40px,7vw,96px)}.hero-eyebrow{gap:var(--sp-3);margin-bottom:var(--sp-6);flex-wrap:wrap;display:flex}.hero-eyebrow span{align-items:center;gap:8px;display:inline-flex}.hero-title{font-size:var(--fs-hero);overflow-wrap:break-word;margin:0;padding-block:.06em;display:block}.hero-title .letter{opacity:0;animation:letter-in var(--dur-reveal) var(--ease-out) forwards;animation-delay:calc(var(--i) * 42ms + .12s);display:inline-block;transform:translateY(.12em)}@keyframes letter-in{to{opacity:1;transform:translateY(0)}}.hero-lead{max-width:34ch;margin-top:var(--sp-6);font-size:var(--fs-display);letter-spacing:-.01em;line-height:1.25}.hero-lead .line{display:block}.hero-sub{max-width:46ch;margin-top:var(--sp-5);color:var(--muted)}.hero-actions{gap:var(--sp-3);margin-top:var(--sp-6);flex-wrap:wrap;display:flex}.btn{border:1px solid var(--strong-line);font-size:var(--fs-small);letter-spacing:.04em;transition:background var(--dur) var(--ease-out), color var(--dur) var(--ease-out), border-color var(--dur) var(--ease-out), transform var(--dur) var(--ease-out);border-radius:999px;align-items:center;gap:10px;padding:13px 22px;display:inline-flex}.btn:hover{background:var(--text);color:var(--bg);border-color:var(--text);transform:translateY(-2px)}.btn--accent{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn--accent:hover{background:var(--text);border-color:var(--text);color:var(--bg)}.btn .arrow{transition:transform var(--dur) var(--ease-out)}.btn:hover .arrow{transform:translate(4px)}.section{border-top:1px solid var(--line);padding-block:clamp(56px,8vw,112px)}.section-head{align-items:baseline;gap:var(--sp-4);margin-bottom:var(--sp-7);flex-wrap:wrap;display:flex}.section-title{font-size:var(--fs-display);letter-spacing:-.01em}.project-grid{gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));display:grid}.project-card{gap:var(--sp-4);padding:var(--sp-6);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);min-height:320px;transition:transform var(--dur) var(--ease-out), border-color var(--dur), background var(--dur);flex-direction:column;display:flex;position:relative;overflow:hidden}.project-card:after{content:"";background:radial-gradient(120% 80% at 100% 0%, color-mix(in oklab, var(--accent) 20%, transparent), color-mix(in oklab, var(--accent-deep) 12%, transparent) 45%, transparent 72%);opacity:0;transition:opacity var(--dur) var(--ease-out);pointer-events:none;position:absolute;inset:0}.project-card:hover{border-color:var(--strong-line);transform:translateY(-4px)}.project-card:hover:after{opacity:1}.project-card__top{justify-content:space-between;gap:var(--sp-4);display:flex}.project-card__title{font-size:var(--fs-title)}.project-card__desc{color:var(--muted);max-width:44ch}.project-card__tags{flex-wrap:wrap;gap:6px;margin-top:auto;display:flex}.tag{border:1px solid var(--line);font-family:var(--font-mono);letter-spacing:.08em;color:var(--muted);border-radius:999px;padding:4px 10px;font-size:.625rem}.project-card__link{font-size:var(--fs-small);align-items:center;gap:8px;display:inline-flex}.project-card__link:before{content:"";position:absolute;inset:0}.status{align-items:center;gap:6px;display:inline-flex}.status:before{content:"";background:var(--subtle);border-radius:50%;block-size:6px;inline-size:6px}.status[data-status=online]:before{background:#3fbf7f}.status[data-status=wip]:before{background:#e6b450}.note-list{border-top:1px solid var(--line)}.note-item{gap:var(--sp-5);padding-block:var(--sp-5);border-bottom:1px solid var(--line);grid-template-columns:64px minmax(0,1fr);display:grid}.note-item h3{font-size:var(--fs-title);font-weight:500}.note-item p{color:var(--muted);max-width:60ch;margin-top:var(--sp-2)}.note-item a{text-underline-offset:4px;text-decoration:underline;text-decoration-color:var(--line)}.note-item a:hover{text-decoration-color:var(--accent)}.link-list{gap:var(--sp-3);display:grid}.link-row{align-items:center;gap:var(--sp-4);padding:var(--sp-4) var(--sp-5);border:1px solid var(--line);border-radius:var(--radius);transition:border-color var(--dur), background var(--dur), transform var(--dur) var(--ease-out);display:flex}.link-row:hover{border-color:var(--strong-line);background:var(--surface);transform:translate(4px)}.link-row .value{font-family:var(--font-mono);font-size:var(--fs-small);color:var(--muted);margin-inline-start:auto}.site-footer{border-top:1px solid var(--line);padding-block:var(--sp-7);gap:var(--sp-4);color:var(--muted);font-size:var(--fs-small);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.site-footer nav{gap:var(--sp-5);flex-wrap:wrap;display:flex}.js .reveal{opacity:0;transition:opacity var(--dur-reveal) var(--ease-out), transform var(--dur-reveal) var(--ease-out);transition-delay:var(--reveal-delay,0s);transform:translateY(22px)}.js .reveal.is-visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.js .reveal{opacity:1;transition:none;transform:none}}@media (width<=760px){.site-nav{gap:var(--sp-4)}.site-nav .nav-label{display:none}.note-item{gap:var(--sp-2);grid-template-columns:1fr}.link-row .value{display:none}}