:root,[data-tone=light]{--paper:#f2f0ec;--paper-2:#e9e6e0;--ink:#0b0d10;--ink-2:#565c63;--border:#d5d1ca;--rule:#0b0d1017;--plate:#f2f0ecdb;--accent:#b03612;--shadow:none}[data-tone=dark]{--paper:#0b0d10;--paper-2:#12161b;--ink:#f2f0ec;--ink-2:#a2a9b2;--border:#262c35;--rule:#f2f0ec1a;--plate:#0b0d10b8;--accent:#ff7043}:root{--font-sans:"Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;--fs-name:clamp(3.5rem, 11vw, 10.5rem);--fs-h1:clamp(2.25rem, 5.2vw, 4.75rem);--fs-h2:clamp(1.75rem, 3.2vw, 2.75rem);--fs-h3:1.5rem;--fs-lead:clamp(1.1875rem, 1.5vw, 1.5rem);--fs-body:1.0625rem;--fs-small:.9375rem;--fs-label:.75rem;--fs-meta:.8125rem;--max:1440px;--cols:12;--gutter:24px;--pad:clamp(20px, 4vw, 32px);--sp-1:8px;--sp-2:16px;--sp-3:24px;--sp-4:40px;--sp-5:64px;--sp-6:96px;--sp-section:clamp(96px, 13vh, 160px);--radius:2px;--ease:cubic-bezier(.2, 0, 0, 1);--t-fast:.18s;--t-base:.42s;--t-slow:.6s;--p:0}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--font-sans);font-size:var(--fs-body);-webkit-font-smoothing:antialiased;transition:background-color var(--t-fast) linear, color var(--t-fast) linear;margin:0;font-weight:400;line-height:1.62;overflow-x:clip}img,video,svg{max-width:100%;height:auto;display:block}h1,h2,h3,h4{letter-spacing:-.016em;margin:0 0 var(--sp-2);text-wrap:balance;font-weight:500;line-height:1.1}h1{font-size:var(--fs-h1);letter-spacing:-.022em;line-height:1.04}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3);letter-spacing:-.01em;line-height:1.2}p{margin:0 0 var(--sp-2);text-wrap:pretty;max-width:66ch}a{color:var(--accent);text-decoration:none;position:relative}a:not(.plain):after{content:"";transform-origin:0;height:1px;transition:transform var(--t-fast) var(--ease);background:currentColor;position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}a:not(.plain):hover:after,a:not(.plain):focus-visible:after{transform:scaleX(1)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}code{font-family:var(--font-mono);background:var(--paper-2);border:1px solid var(--border);border-radius:var(--radius);padding:.1em .35em;font-size:.92em}.wrap{width:100%;max-width:var(--max);padding-inline:var(--pad);margin:0 auto}.grid{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));gap:var(--gutter);display:grid}@media (width<=900px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.section{padding-block:var(--sp-section);position:relative}.label{font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);font-weight:500;line-height:1.2}.meta{font-family:var(--font-mono);font-size:var(--fs-meta);letter-spacing:.02em;color:var(--ink-2);font-variant-numeric:tabular-nums;font-weight:400}.lead{font-size:var(--fs-lead);color:var(--ink);max-width:46ch;line-height:1.5}.rule{background:var(--rule);transform-origin:0;border:0;height:1px;margin:0}.grain{z-index:60;pointer-events:none;opacity:.05;mix-blend-mode:multiply;background-image:var(--grain-src);background-size:180px;position:fixed;inset:0}[data-tone=dark] .grain{mix-blend-mode:screen;opacity:.06}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.rise{animation:linear both rise-in view();animation-range:entry 4% entry 42%}.rule{animation:linear both rule-in view();animation-range:entry 2% entry 30%}}}@keyframes rise-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes rule-in{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.rise{opacity:1;animation:none;transform:none}.rule{animation:none;transform:none}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.stage{z-index:-1;background:var(--paper);pointer-events:none;position:fixed;inset:0;overflow:hidden}.scene{opacity:0;visibility:hidden;will-change:opacity, transform;transform-origin:50%;position:absolute;inset:0}.scene img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.stage:after{content:"";transition:background var(--t-fast) linear;background:linear-gradient(#f2f0ec94 0%,#f2f0ec4d 42%,#f2f0ec9e 100%);position:absolute;inset:0}[data-tone=dark] .stage:after{background:linear-gradient(#0b0d109e 0%,#0b0d1061 42%,#0b0d10bd 100%)}.stage.is-static .scene{opacity:1;visibility:visible;clip-path:none;transform:none}.stage.is-static .scene~.scene{opacity:0}.stage.is-static .scene:last-of-type{opacity:1}.section[data-scene]{z-index:1;position:relative}.plate{background:var(--plate);padding:var(--sp-4);border:1px solid var(--rule)}.scene-mark{align-items:baseline;gap:var(--sp-2);margin-bottom:var(--sp-3);display:flex}.scene-mark .num{font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.14em;color:var(--accent);font-weight:500}.progress{z-index:40;background:var(--rule);pointer-events:none;width:100%;height:2px;position:fixed;bottom:0;left:0}.progress:after{content:"";background:var(--accent);width:100%;height:100%;transform:scaleX(var(--p,0));transform-origin:0;display:block}@media (prefers-reduced-motion:reduce){.progress{display:none}}@media (width<=767px){.scene[data-scene=city],.scene[data-scene=limb]{display:none}}.rows,.cards,.about>div:first-child,.proj-text{background:var(--plate);box-shadow:0 0 0 var(--sp-2) var(--plate)}.proj-text{box-shadow:0 0 0 var(--sp-3) var(--plate)}@media (width<=720px){.rows,.cards,.about>div:first-child,.proj-text{box-shadow:0 0 0 12px var(--plate)}}.site-header{z-index:30;background:var(--paper);border-bottom:1px solid var(--rule);transition:background var(--t-fast) linear, border-color var(--t-fast) linear;position:sticky;top:0}.dock{justify-content:space-between;align-items:center;gap:var(--sp-3);min-height:56px;display:flex}.brand{font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);white-space:nowrap;min-width:0;font-weight:500}.brand:after{display:none}.nav{align-items:center;gap:var(--sp-2);min-width:0;font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.12em;text-transform:uppercase;display:flex}.nav a{color:var(--ink-2);white-space:nowrap;padding:8px 2px}.nav a:hover,.nav a:focus-visible{color:var(--ink)}.nav a.active{color:var(--accent)}.lang-switch{border:1px solid var(--border);border-radius:var(--radius);text-align:center;min-width:30px;color:var(--ink-2);padding:5px 10px}.lang-switch:after{display:none}@media (width<=600px){.nav{letter-spacing:.08em;gap:10px;font-size:.6875rem}.nav a{padding:8px 0}.brand{letter-spacing:.08em;font-size:.6875rem}}@media (width<=460px){.brand-name{display:none}.dock{gap:8px}}@media (width<=360px){.nav a[data-nav=media]{display:none}}.hero{align-items:center;min-height:92svh;display:flex}.hero-name{font-size:var(--fs-name);letter-spacing:-.035em;text-transform:uppercase;margin:0 0 var(--sp-4);color:var(--ink);padding-top:.06em;font-weight:500;line-height:.97}.hero-name span{display:block}.hero-top{justify-content:space-between;align-items:baseline;gap:var(--sp-2);margin-bottom:var(--sp-4);flex-wrap:wrap;display:flex}.hero-cta{gap:var(--sp-2);margin-top:var(--sp-3);flex-wrap:wrap;display:flex}.btn{border:1px solid var(--ink);border-radius:var(--radius);background:var(--ink);color:var(--paper);font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.12em;text-transform:uppercase;transition:color var(--t-fast) var(--ease);align-items:center;gap:10px;padding:15px 26px;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.btn:after{display:none}.btn:before{content:"";background:var(--accent);transition:transform var(--t-fast) var(--ease);z-index:0;position:absolute;inset:0;transform:translateY(101%)}.btn:hover:before,.btn:focus-visible:before{transform:translateY(0)}.btn>*{z-index:1;position:relative}.btn .arrow{transition:transform var(--t-fast) var(--ease)}.btn:hover .arrow{transform:translate(4px)}.btn.ghost{color:var(--ink);border-color:var(--border);background:0 0}.btn.ghost:hover,.btn.ghost:focus-visible{color:var(--paper);border-color:var(--accent)}.rows{border-top:1px solid var(--rule)}.row{gap:var(--gutter);padding:var(--sp-3) 0;border-bottom:1px solid var(--rule);transition:background var(--t-fast) var(--ease);grid-template-columns:96px minmax(0,4fr) minmax(0,6fr);align-items:start;display:grid}.row:hover{background:var(--plate)}.row .n,.row .years{font-family:var(--font-mono);font-size:var(--fs-meta);letter-spacing:.06em;color:var(--accent);font-variant-numeric:tabular-nums}.row h3{margin:0}.row p{color:var(--ink-2);font-size:var(--fs-small);margin:0}@media (width<=900px){.row{gap:var(--sp-1);grid-template-columns:1fr}}.proj{gap:var(--sp-4);padding:var(--sp-5) 0;border-bottom:1px solid var(--rule);grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;display:grid}.proj:nth-child(2n) .fig{order:2}.proj-text h3{margin:var(--sp-1) 0 var(--sp-2)}.proj-text p{color:var(--ink-2)}@media (width<=900px){.proj{gap:var(--sp-3);padding:var(--sp-4) 0;grid-template-columns:1fr}.proj:nth-child(2n) .fig{order:0}}.fig{margin:0}.fig-frame{border:1px solid var(--rule);background:var(--paper-2);overflow:hidden}.fig-frame img{object-fit:cover;width:100%;height:100%;transition:transform var(--t-slow) var(--ease)}@media (hover:hover) and (pointer:fine){a:hover .fig-frame img,.proj:hover .fig-frame img{transform:scale(1.03)}}.fig figcaption{margin-top:var(--sp-1)}@media (prefers-reduced-motion:reduce){.fig-frame img{transition:filter .15s linear}a:hover .fig-frame img,.proj:hover .fig-frame img{filter:brightness(1.06);transform:none}}.cards{gap:var(--gutter);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}@media (width<=900px){.cards{grid-template-columns:1fr}}.card{color:var(--ink);border-top:1px solid var(--rule);padding-top:var(--sp-2);display:block}.card:after{display:none}.card h3{margin:var(--sp-2) 0 var(--sp-1);transition:color var(--t-fast) var(--ease);font-size:1.25rem}.card:hover h3{color:var(--accent)}.about{gap:var(--sp-5);grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;display:grid}@media (width<=900px){.about{gap:var(--sp-4);grid-template-columns:1fr}}.facts{margin:var(--sp-3) 0 0;padding:0;list-style:none}.facts li{padding:var(--sp-2) 0;border-top:1px solid var(--rule);color:var(--ink-2);font-size:var(--fs-small)}.facts strong{color:var(--ink);font-weight:500}.stats{gap:var(--gutter);margin-top:var(--sp-5);border-top:1px solid var(--rule);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.stats .stat{padding-top:var(--sp-2)}.stats .stat b{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:clamp(1.75rem,3.4vw,2.75rem);font-weight:500;display:block}.stats .stat span{font-family:var(--font-mono);font-size:var(--fs-meta);color:var(--ink-2)}.vp{margin:0}.vp-frame{border:1px solid var(--rule);background:var(--paper-2);overflow:hidden}.vp-frame video{aspect-ratio:1;object-fit:cover;width:100%;display:block}.vp-porthole .vp-frame,.vp-porthole .vp-frame video{border-radius:50%}.vp figcaption{margin-top:var(--sp-1)}.video-grid{gap:var(--gutter);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}@media (width<=720px){.video-grid{grid-template-columns:1fr}}.site-footer{border-top:1px solid var(--rule);padding-block:var(--sp-4);font-family:var(--font-mono);font-size:var(--fs-meta);color:var(--ink-2)}.site-footer .wrap{justify-content:space-between;gap:var(--sp-2);flex-wrap:wrap;display:flex}.post-list{margin:0;padding:0;list-style:none}.post-list li{border-top:1px solid var(--rule)}.post-card{gap:var(--sp-4);padding:var(--sp-4) 0;color:var(--ink);grid-template-columns:minmax(0,320px) minmax(0,1fr);align-items:start;display:grid}.post-card:after{display:none}.post-card h3{margin:0 0 var(--sp-1);transition:color var(--t-fast) var(--ease)}.post-card:hover h3{color:var(--accent)}.post-card p{color:var(--ink-2);font-size:var(--fs-small)}@media (width<=900px){.post-card{gap:var(--sp-2);grid-template-columns:1fr}}.post-card h3,.card h3,.proj-text h3{overflow-wrap:anywhere}.post-meta{min-width:0}.post-meta .tag{overflow-wrap:anywhere;max-width:100%}.post-head{padding-block:var(--sp-6) var(--sp-3)}.post-body{max-width:66ch}.post-body h2{margin-top:var(--sp-4)}.post-body ul,.post-body ol{color:var(--ink-2)}.tag{font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);border:1px solid var(--rule);border-radius:var(--radius);padding:3px 8px}.post-meta{gap:var(--sp-1);font-family:var(--font-mono);font-size:var(--fs-meta);color:var(--ink-2);flex-wrap:wrap;align-items:center;display:flex}.media-col{gap:var(--sp-3);display:grid}.brand{align-items:center;gap:10px;display:inline-flex}.brand-mark{width:20px;height:20px;color:var(--ink);flex:none}.brand-sub{color:var(--ink-2);letter-spacing:.12em;text-transform:lowercase}.brand-sub:before{content:"·";margin-right:10px}@media (width<=900px){.brand-sub{display:none}}.pro-body{max-width:66ch;margin-top:var(--sp-4)}.pro-body h2{margin-top:var(--sp-4)}.pro-files{margin:var(--sp-2) 0 0;padding:0;list-style:none}.pro-files li{border-bottom:1px solid var(--rule)}.pro-files a{gap:var(--sp-2) var(--sp-3);padding:var(--sp-2) 0;color:var(--ink);transition:background var(--t-fast) var(--ease);grid-template-columns:minmax(0,1fr) auto;align-items:baseline;display:grid}.pro-files a:hover{background:var(--plate)}.pro-file-name{font-weight:500}.pro-file-note{color:var(--ink-2);font-size:var(--fs-small);grid-column:1}.pro-versions{margin:var(--sp-2) 0 0;padding:0;list-style:none}.pro-versions li{gap:var(--sp-2);padding:var(--sp-2) 0;border-bottom:1px solid var(--rule);grid-template-columns:150px minmax(0,1fr);align-items:baseline;display:grid}@media (width<=600px){.pro-versions li{grid-template-columns:1fr;gap:2px}}