:root{color:#161814;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--color-canvas:#f3f5f2;--color-surface:#fff;--color-surface-strong:#e9ece7;--color-ink:#161814;--color-muted:#5f665d;--color-line:#d6dbd3;--color-coral:#e65334;--color-coral-strong:#c84126;--color-forest:#205b48;--color-yellow:#e7b83e;--color-link:#2447b8;--color-focus:#0d74ce;--color-on-dark:#fff;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--header-height:72px;--radius:8px;--ease:cubic-bezier(.2, .8, .2, 1);background:#f3f5f2;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--color-canvas);min-width:320px}body{min-height:100vh;color:var(--color-ink);background:var(--color-canvas);margin:0}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.skip-link{top:calc(var(--header-height) + var(--space-3));left:var(--space-4);z-index:100;padding:var(--space-3) var(--space-4);border-radius:var(--radius);color:var(--color-on-dark);background:var(--color-ink);opacity:0;pointer-events:none;font-size:14px;font-weight:680;transition:opacity .16s ease-out,transform .16s ease-out;position:fixed;transform:translateY(-16px)}.skip-link:focus{opacity:1;pointer-events:auto;transform:translateY(0)}.site-header{border-bottom:1px solid var(--color-line);background:var(--color-surface)}.header-inner,.hero-section,.projects-section,.site-footer{width:min(1200px,100% - 48px);margin:0 auto}.header-inner{min-height:var(--header-height);justify-content:space-between;align-items:center;gap:var(--space-6);display:flex}.brand{align-items:center;min-height:48px;font-size:23px;font-weight:780;display:inline-flex}.brand strong{color:var(--color-coral);font-size:21px}.brand:hover strong{color:var(--color-coral-strong)}.brand:focus-visible,.external-link:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.project-count,.status-label{align-items:center;gap:var(--space-2);color:var(--color-muted);margin:0;font-size:14px;font-weight:620;display:inline-flex}.live-dot{background:var(--color-forest);border-radius:50%;flex:none;width:8px;height:8px}.hero-section{align-items:center;gap:var(--space-16);min-height:480px;padding:var(--space-20) 0;grid-template-columns:minmax(0,8fr) minmax(220px,4fr);display:grid}.hero-copy{max-width:760px}.signal-rail{width:96px;height:8px;margin-bottom:var(--space-6);border-radius:2px;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.signal-rail i:first-child{background:var(--color-coral)}.signal-rail i:nth-child(2){background:var(--color-yellow)}.signal-rail i:nth-child(3){background:var(--color-forest)}.eyebrow{color:var(--color-muted);letter-spacing:0;margin:0;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;font-weight:680;line-height:1.4}.hero-copy h1{max-width:720px;margin:var(--space-4) 0 0;letter-spacing:0;font-size:64px;font-weight:760;line-height:1.08}.hero-summary{max-width:640px;margin:var(--space-6) 0 0;color:var(--color-muted);font-size:20px;font-weight:430;line-height:1.65}.hero-stat{min-height:264px;padding:var(--space-8);border-left:1px solid var(--color-line);background:var(--color-surface-strong);flex-direction:column;justify-content:flex-end;align-self:stretch;display:flex}.hero-stat span{color:var(--color-coral);font-size:80px;font-weight:760;line-height:1}.hero-stat p{margin:var(--space-3) 0 0;color:var(--color-muted);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:14px;font-weight:620;line-height:1.5}.projects-section{padding:var(--space-20) 0 var(--space-24);border-top:1px solid var(--color-line)}.section-heading{gap:var(--space-3);max-width:680px;margin-bottom:var(--space-10);display:grid}.section-heading h2{letter-spacing:0;margin:0;font-size:32px;font-weight:720;line-height:1.2}.section-heading>p:last-child{color:var(--color-muted);margin:0;font-size:16px;line-height:1.65}.project-list{gap:var(--space-6);display:grid}.project-card{border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-surface);grid-template-columns:minmax(340px,5fr) minmax(0,7fr);display:grid;overflow:hidden}.project-content{justify-content:space-between;gap:var(--space-8);min-height:520px;padding:var(--space-12);flex-direction:column;display:flex}.project-meta{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.project-index,.project-type{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;font-weight:680;line-height:1.4}.project-index{color:var(--color-coral-strong)}.project-type{color:var(--color-muted);text-align:right}.project-content h3{letter-spacing:0;margin:0;font-size:32px;font-weight:720;line-height:1.2}.project-content>div>p{margin:var(--space-5) 0 0;color:var(--color-muted);font-size:16px;line-height:1.65}.project-actions{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.status-label{color:var(--color-forest)}.external-link{justify-content:space-between;align-items:center;gap:var(--space-4);min-width:184px;min-height:64px;padding:var(--space-3) var(--space-4);border-radius:var(--radius);color:var(--color-on-dark);background:var(--color-ink);font-size:14px;font-weight:680;transition:transform .16s ease-out,background-color .16s ease-out;display:flex}.external-link span,.external-link small{display:block}.external-link small{margin-top:var(--space-1);color:var(--color-surface-strong);font-size:12px;font-weight:520}.external-link svg{flex:none;transition:transform .16s ease-out}.external-link:hover{background:var(--color-coral-strong)}.external-link:hover svg{transform:translate(2px,-2px)}.external-link:active{transform:translateY(1px)}.project-visual{min-width:0;padding:var(--space-6);background:var(--color-surface-strong);place-items:center;display:grid}.project-visual img{aspect-ratio:1200/833;border:1px solid var(--color-line);border-radius:var(--radius);object-fit:cover;width:100%;height:auto;display:block}.site-footer{justify-content:space-between;align-items:center;gap:var(--space-5);border-top:1px solid var(--color-line);min-height:88px;color:var(--color-muted);font-size:14px;font-weight:520;display:flex}@media (width<=900px){.hero-section{gap:var(--space-10);grid-template-columns:minmax(0,1fr) 200px}.hero-copy h1{font-size:52px}.project-card{grid-template-columns:1fr}.project-content{min-height:400px}}@media (width<=640px){:root{--header-height:64px}.header-inner,.hero-section,.projects-section,.site-footer{width:min(100% - 40px,1200px)}.header-inner{min-height:var(--header-height)}.brand{font-size:21px}.brand strong{font-size:19px}.project-count{font-size:12px}.hero-section{gap:var(--space-10);min-height:auto;padding:var(--space-16) 0 var(--space-10);grid-template-columns:1fr}.hero-copy h1{font-size:44px}.hero-summary{font-size:18px}.hero-stat{min-height:144px;padding:var(--space-6);border-top:1px solid var(--color-line);border-left:0}.hero-stat span{font-size:64px}.projects-section{padding:var(--space-16) 0}.section-heading h2,.project-content h3{font-size:28px}.project-content{min-height:420px;padding:var(--space-6)}.project-actions,.site-footer{flex-direction:column;align-items:flex-start}.external-link{width:100%}.project-visual{padding:var(--space-4)}.site-footer{padding:var(--space-6) 0;justify-content:center}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}