:root{color:#f0f0ed;font-synthesis:none;text-rendering:optimizelegibility;--line:#2d2d2b;--muted:#8d8d89;--page-pad:18px;--header-height:58px;--content-top:clamp(18px, 3.2vh, 30px);--section-gap:clamp(16px, 2.5vh, 24px);background:#080808;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html,body{min-width:320px;min-height:100%;margin:0}body{background:#080808}a{color:inherit}.page{width:min(100%,1248px);min-height:100svh;padding:0 var(--page-pad);margin:0 auto}.home-page{height:100svh;min-height:620px;overflow:hidden}.header{z-index:20;height:var(--header-height);border-bottom:1px solid var(--line);background:#080808;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.header>a:first-child{width:34px;height:34px;display:block}.logo{object-fit:contain;width:34px;height:34px;display:block}.menu-link{border:1px solid var(--line);width:42px;height:42px;color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:50%;place-content:center;gap:7px;padding:0;display:grid}.menu-link span{background:#e8e8e4;width:18px;height:1px;display:block}.menu-link:hover,.menu-link:focus-visible,.menu-link[aria-expanded=true]{border-color:#e8e8e4;outline:none}.site-menu{width:min(260px, calc(100vw - var(--page-pad) * 2));border:1px solid var(--line);background:#080808;border-top:0;display:none;position:absolute;top:calc(100% + 1px);right:0}.site-menu.is-open{display:block}.site-menu a{border-top:1px solid var(--line);color:#aaa9a4;justify-content:space-between;align-items:center;min-height:42px;padding:0 14px;font-size:13px;text-decoration:none;display:flex}.site-menu a:first-child{border-top:0}.site-menu a:hover,.site-menu a:focus-visible,.site-menu a[aria-current=page]{color:#f0f0ed;outline:none}.shell-main{padding:var(--content-top) 0 32px}.home-main,.projects-main{gap:var(--section-gap);grid-template-rows:72px auto;display:grid}.home-main{height:calc(100svh - var(--header-height));grid-template-rows:auto auto minmax(190px,1fr);min-height:562px;padding-bottom:8px}.page-intro{min-width:0}.identity h1{letter-spacing:-.045em;margin:0;font-size:clamp(34px,9vw,52px);font-weight:400;line-height:.96}.identity p{color:var(--muted);margin:9px 0 0;font-size:14px;line-height:1.3}.section-heading{justify-content:space-between;align-items:flex-start;gap:20px;padding-top:4px;display:flex}.section-heading h1,.section-heading h2{letter-spacing:.1em;margin:0;font-size:11px;font-weight:400}.section-heading a{color:var(--muted);text-underline-offset:4px;font-size:12px}.section-heading a:hover,.section-heading a:focus-visible{color:#f0f0ed}.project-list{border-bottom:1px solid var(--line);margin:0;padding:0;list-style:none}.project-list li{border-top:1px solid var(--line)}.project-list li>a{letter-spacing:-.015em;justify-content:space-between;align-items:center;gap:20px;min-height:48px;font-size:17px;text-decoration:none;display:flex}.project-list li>a:hover,.project-list li>a:focus-visible{color:#fff;outline:none}.project-list li>a:hover span:first-child,.project-list li>a:focus-visible span:first-child{transform:translate(4px)}.project-list li span{transition:transform .14s,color .14s}.project-list li span:last-child{color:#646461;letter-spacing:.08em;font-size:10px}.project-list li.is-active>a{color:#fff}.project-list li.is-active>a span:first-child{transform:translate(4px)}.project-list li.is-active>a span:last-child{color:#aaa9a4}.project-list .more-row a{color:var(--muted)}.project-list .more-row a:hover,.project-list .more-row a:focus-visible{color:#f0f0ed}.home-records{min-width:0;min-height:0;position:relative;overflow:hidden}.record-crate-stage{min-width:0;min-height:0;position:absolute;inset:0}.record-crate-canvas{cursor:grab;touch-action:none;width:100%;height:100%;display:block}.record-crate-canvas.is-dragging{cursor:grabbing}.record-crate-canvas:focus-visible{outline-offset:-1px;outline:1px solid #555a57}.record-fallback{z-index:2;opacity:1;background:#080808;place-items:center;transition:opacity .18s,visibility;display:grid;position:absolute;inset:0;overflow:hidden}.record-fallback.is-hidden{visibility:hidden;opacity:0;transition:opacity .18s,visibility 0s .18s}.record-loading-mark{opacity:.38;width:48px;height:34px;animation:1.4s ease-in-out infinite alternate record-loading-pulse;position:relative}.record-loading-mark span{transform-origin:50% 100%;background:#101110;border:1px solid #555a57;width:24px;height:32px;position:absolute;bottom:0}.record-loading-mark span:first-child{left:0;transform:rotate(-7deg)}.record-loading-mark span:nth-child(2){left:12px}.record-loading-mark span:nth-child(3){left:24px;transform:rotate(7deg)}.record-fallback-error{color:#666662;letter-spacing:.07em;margin:0;font-size:9px}@keyframes record-loading-pulse{0%{opacity:.22;transform:translateY(2px)}to{opacity:.48;transform:translateY(0)}}.machine-main{height:calc(100svh - var(--header-height));gap:var(--section-gap);grid-template-rows:20px minmax(0,1fr);min-height:520px;padding-bottom:8px;display:grid}.machine-surface{border-bottom:1px solid var(--line);min-width:0;min-height:0;position:relative;overflow:hidden}.machine-stage{min-width:0;min-height:0;position:absolute;inset:2% 4% 4%}.machine-canvas{cursor:grab;touch-action:none;outline:none;width:100%;height:100%;display:block}.machine-canvas.is-dragging{cursor:grabbing}.machine-canvas.is-control{cursor:pointer}.machine-fallback{z-index:2;background:#080808;width:100%;height:100%;display:block;position:absolute;inset:0;overflow:visible}.fallback-grid line{stroke:#18201e;stroke-width:1px;vector-effect:non-scaling-stroke}.fallback-joints line{stroke:#7f8e89;stroke-width:2px;vector-effect:non-scaling-stroke}.fallback-joints circle{fill:#080808;stroke:#d8e1dd;stroke-width:1.5px;vector-effect:non-scaling-stroke}.fallback-modules rect,.fallback-modules ellipse,.fallback-modules polygon{stroke-width:1.25px;vector-effect:non-scaling-stroke}.fallback-leg{stroke:#9bad9f;stroke-width:3px;stroke-linecap:round;vector-effect:non-scaling-stroke}.detail-main{padding-bottom:80px}.detail-kicker{color:var(--muted);letter-spacing:.09em;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:clamp(24px,4vh,40px);font-size:11px;display:flex}.detail-kicker a{text-underline-offset:4px}.detail-hero{align-items:start;gap:clamp(28px,6vw,80px);display:grid}.detail-header{min-width:0}.detail-header h1{letter-spacing:-.05em;max-width:620px;margin:0;font-size:clamp(38px,6vw,64px);font-weight:400;line-height:.95}.detail-header>p{color:#b0b0ab;max-width:580px;margin:20px 0 0;font-size:clamp(17px,3vw,21px);line-height:1.38}.outbound-link{border-bottom:1px solid var(--line);color:#f0f0ed;gap:14px;width:fit-content;margin-top:26px;padding-bottom:5px;font-size:13px;text-decoration:none;display:flex}.outbound-link:hover,.outbound-link:focus-visible{border-color:#f0f0ed;outline:none}.project-cover{width:100%;margin:0}.project-cover img{aspect-ratio:1;object-fit:cover;border:1px solid var(--line);filter:saturate(.78)contrast(1.04);width:100%;height:auto;display:block}.project-cover figcaption{color:#686864;margin-top:8px;font-size:10px;line-height:1.4}.project-cover figcaption a{text-underline-offset:3px}.detail-scroll{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);letter-spacing:.08em;justify-content:space-between;align-items:center;margin-top:clamp(20px,3vh,28px);padding:12px 0;font-size:11px;text-decoration:none;display:flex}.detail-scroll:hover,.detail-scroll:focus-visible{color:#f0f0ed;outline:none}.project-body{scroll-margin-top:calc(var(--header-height) + 16px);grid-template-columns:minmax(180px,280px) minmax(0,640px);justify-content:space-between;gap:clamp(48px,8vw,120px);margin-top:clamp(38px,7vh,72px);padding-top:clamp(38px,7vh,72px);display:grid}.project-meta{align-self:start;margin:0}.project-meta div{border-top:1px solid var(--line);grid-template-columns:52px minmax(0,1fr);gap:14px;padding:10px 0;display:grid}.project-meta div:last-child{border-bottom:1px solid var(--line)}.project-meta dt,.project-meta dd{margin:0;font-size:11px;line-height:1.4}.project-meta dt{color:#656561}.project-meta dd{color:#aaa9a4}.project-writeup{max-width:540px}.project-writeup p{color:#c7c7c2;margin:0 0 1.35em;font-size:clamp(16px,2.4vw,19px);line-height:1.55}.about-main{min-height:calc(100svh - var(--header-height));grid-template-columns:auto minmax(0,520px);justify-content:center;align-items:center;gap:clamp(36px,5vw,64px);display:grid}.about-mark{place-items:center;display:grid}.logo-large{width:clamp(120px,14vw,180px);height:auto}.about-main h1{letter-spacing:-.04em;margin:0;font-size:clamp(30px,6vw,48px);font-weight:400;line-height:1}.about-main section p{color:#aaa9a4;margin:18px 0 24px;font-size:17px;line-height:1.5}.about-main section a{color:var(--muted);text-underline-offset:4px;font-size:13px}.about-main section a:hover,.about-main section a:focus-visible{color:#f0f0ed;outline:none}.about-links{flex-wrap:wrap;gap:12px 22px;display:flex}@media (min-width:761px){:root{--page-pad:24px;--content-top:clamp(30px, 5vh, 50px)}.project-cover{width:min(100%,680px);margin-inline:auto}}@media (min-width:900px){.identity h1{font-size:clamp(42px,4.4vw,64px)}.detail-hero{min-height:min(740px, calc(100svh - var(--header-height) - 150px));grid-template-columns:minmax(320px,.9fr) minmax(360px,620px);align-items:center}.detail-header{align-self:center}.project-cover{justify-self:end;width:min(100%,58svh,620px);margin-inline:0}}@media (max-width:560px){.detail-main{padding-top:12px;padding-bottom:48px}.detail-header{padding:0 0 16px}.detail-kicker{margin-bottom:14px;font-size:9px}.detail-header h1{font-size:clamp(30px,8.5vw,34px);line-height:.98}.detail-header>p{margin-top:10px;font-size:14px;line-height:1.35}.outbound-link{margin-top:12px;padding-bottom:3px;font-size:11px}.project-cover img{aspect-ratio:1}.detail-scroll{margin-top:18px;padding:10px 0;font-size:10px}.project-cover figcaption{margin-top:5px;font-size:8px}.project-body{grid-template-columns:1fr;gap:16px;margin-top:16px;padding-top:14px}.project-meta{border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-width:none;display:block}.project-meta div,.project-meta div:last-child{border-top:1px solid var(--line);border-bottom:0;border-right:0;grid-template-columns:84px minmax(0,1fr);gap:14px;min-width:0;padding:11px 0;display:grid}.project-meta div:first-child{border-top:0}.project-meta dt,.project-meta dd{overflow-wrap:anywhere;font-size:13px;line-height:1.35}.project-meta dd{margin-top:0}.project-writeup p{font-size:14px;line-height:1.45}.about-main{min-height:calc(100svh - var(--header-height));text-align:center;grid-template-columns:1fr;place-content:center;justify-items:center;gap:28px;padding:32px 0 56px}.about-mark{justify-content:center}.logo-large{width:120px}.about-main section{justify-items:center;display:grid}.about-links{justify-content:center}}@media (max-height:680px) and (max-width:899px){.home-page{min-height:0}.home-main{grid-template-rows:58px auto minmax(150px,1fr);gap:12px;min-height:0;padding-top:14px}.identity h1{font-size:32px}.identity p{margin-top:6px}.project-list li>a{min-height:38px}}@media (prefers-reduced-motion:reduce){.machine-canvas{cursor:default}.project-list li span{transition:none}.record-loading-mark{animation:none}}