@font-face{font-family:Archivo Var;src:url(/fonts/archivo-var.woff2) format("woff2");font-weight:100 900;font-stretch:62% 125%;font-display:swap}@font-face{font-family:Fragment Mono;src:url(/fonts/fragment-mono.woff2) format("woff2");font-weight:400;font-display:swap}:root{--paper: #eee9e0;--ink: #191712;--ink-60: rgba(25, 23, 18, .6);--ink-40: rgba(25, 23, 18, .4);--hairline: rgba(25, 23, 18, .16);--blue: #d8410c;--blue-soft: rgba(216, 65, 12, .12);--font-display: "Archivo Var", "Archivo", Impact, sans-serif;--font-mono: "Fragment Mono", ui-monospace, "Courier New", monospace;--pad: clamp(1rem, 4vw, 4rem);--ease: cubic-bezier(.22, .61, .21, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5rem}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}html,body{overflow-x:clip}body{background:var(--paper);color:var(--ink);font-family:var(--font-display);font-variation-settings:"wdth" 100,"wght" 400;line-height:1.5;-webkit-font-smoothing:antialiased}::selection{background:var(--blue);color:var(--paper)}:focus-visible{outline:2px solid var(--blue);outline-offset:3px}a{color:inherit;text-decoration:none}ul,ol{list-style:none}.mono{font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.06em;line-height:1.6}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip{position:fixed;top:-4rem;left:.75rem;z-index:100;background:var(--ink);color:var(--paper);padding:.7em 1.2em;transition:top .2s}.skip:focus-visible{top:.75rem}.plotter{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.grid-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;pointer-events:none;opacity:0;transition:opacity .35s;background:repeating-linear-gradient(to right,rgba(216,65,12,.14) 0 1px,transparent 1px calc(100% / 12)),repeating-linear-gradient(to bottom,rgba(216,65,12,.08) 0 1px,transparent 1px 7rem)}body.show-grid .grid-overlay{opacity:1}.xhair{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;pointer-events:none;opacity:0;transition:opacity .5s}.xhair-h,.xhair-v{position:absolute;background:#19171229;will-change:transform}.xhair-h{left:0;right:0;top:0;height:1px}.xhair-v{top:0;bottom:0;left:0;width:1px}.xhair-tag{position:absolute;top:0;left:0;font-size:.5625rem;color:var(--ink-40);will-change:transform;white-space:nowrap}.topbar{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem var(--pad);border-bottom:1px solid var(--hairline);background:color-mix(in srgb,var(--paper) 82%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.topnav{display:flex;gap:clamp(.9rem,2.5vw,2.2rem)}.topnav a,.mark{position:relative}.topnav a:after{content:"";position:absolute;left:0;bottom:-3px;width:100%;height:1px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}.topnav a:hover:after{transform:scaleX(1)}.topnav a:hover{color:var(--blue)}@media (max-width: 760px){.clock,.mark .mark-ext{display:none}}main{position:relative;z-index:1}.section{max-width:82rem;margin:0 auto;padding:clamp(4.5rem,10vh,8rem) var(--pad)}[data-reveal]{opacity:0;transform:translateY(26px);transition:opacity .85s var(--ease),transform .85s var(--ease);transition-delay:calc(var(--i, 0) * 90ms)}[data-reveal].in{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){[data-reveal]{transition:none;opacity:1;transform:none}}.sec-head{display:flex;align-items:baseline;gap:1.25rem;border-bottom:2px solid var(--ink);padding-bottom:.9rem;margin-bottom:clamp(1.5rem,4vh,3rem)}.sec-no{color:var(--blue)}.sec-title{font-size:clamp(1.9rem,4.6vw,3.6rem);font-variation-settings:"wdth" 62,"wght" 800;letter-spacing:-.01em;line-height:1;text-transform:uppercase;transition:font-variation-settings 1.1s var(--ease)}.sec-head.in .sec-title{font-variation-settings:"wdth" 125,"wght" 800}@media (prefers-reduced-motion: reduce){.sec-title{font-variation-settings:"wdth" 125,"wght" 800!important}}.sec-note{margin-left:auto;color:var(--ink-60);text-align:right}.hero{position:relative;z-index:1;min-height:100svh;max-width:82rem;margin:0 auto;padding:clamp(6.5rem,16vh,11rem) var(--pad) clamp(3rem,8vh,5rem);display:flex;flex-direction:column;justify-content:flex-end;gap:clamp(1.4rem,3.5vh,2.6rem)}.kicker{color:var(--ink-60)}.kicker:before{content:"";display:inline-block;width:.6em;height:.6em;margin-right:.8em;background:var(--blue)}.hero-title{display:flex;flex-direction:column;gap:.02em}.k-line{display:block;font-size:clamp(3.2rem,14vw,12.5rem);line-height:.88;letter-spacing:-.015em;white-space:nowrap;text-transform:uppercase}.k-ch{display:inline-block;font-variation-settings:"wdth" 72,"wght" 640;will-change:font-variation-settings}.dim-line{display:flex;align-items:center;gap:1rem}.dim-line .dim-tick{flex:1;height:1px;background:var(--ink);position:relative}.dim-line .dim-tick:before,.dim-line .dim-tick:after{content:"";position:absolute;top:-5px;width:1px;height:11px;background:var(--ink)}.dim-line .dim-tick:before{left:0}.dim-line .dim-tick:after{right:0}.dim-label{color:var(--ink-60);white-space:nowrap}.hero-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(1.5rem,4vw,4rem);align-items:end}.lede{font-size:clamp(1.15rem,2vw,1.6rem);font-variation-settings:"wdth" 100,"wght" 460;line-height:1.4;max-width:34ch;text-wrap:balance}.lede em{font-style:normal;color:var(--blue)}.meta{display:flex;flex-direction:column;gap:.55rem}.meta div{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--hairline);padding-top:.55rem}.meta dt{color:var(--ink-40)}.meta dd{text-align:right}@media (max-width: 760px){.hero-grid{grid-template-columns:1fr;align-items:start}}.hero-cta{display:flex;flex-wrap:wrap;gap:.6rem}.btn{display:inline-block;border:1px solid var(--ink);padding:.75em 1.4em;transition:background .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease)}.btn:hover,.btn-solid{background:var(--ink);color:var(--paper)}.btn-solid:hover{background:var(--blue);border-color:var(--blue)}.ticker{border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);overflow:hidden;position:relative;z-index:1;padding:.7rem 0}.ticker-track{display:flex;width:max-content;white-space:nowrap;color:var(--ink-60);animation:tick 42s linear infinite}@keyframes tick{to{transform:translate(-50%)}}@media (prefers-reduced-motion: reduce){.ticker-track{animation:none}}.works{border-bottom:1px solid var(--hairline)}.work-row{border-top:1px solid var(--hairline)}.work-link{display:block;padding:1.3rem .5rem;transition:background .3s var(--ease)}.work-link:hover,.work-row:focus-within .work-link{background:#19171209}.work-top{display:grid;grid-template-columns:3.2rem minmax(0,1fr) auto auto 2.4rem;grid-template-areas:"idx name type period arrow";align-items:baseline;gap:1rem}.work-idx{grid-area:idx;color:var(--blue)}.work-name{grid-area:name;font-size:clamp(1.35rem,3vw,2.5rem);font-variation-settings:"wdth" 103,"wght" 600;line-height:1.05;letter-spacing:-.01em;transition:font-variation-settings .5s var(--ease),color .3s var(--ease)}.work-link:hover .work-name,.work-row:focus-within .work-name{font-variation-settings:"wdth" 125,"wght" 700;color:var(--blue)}.work-type{grid-area:type;color:var(--ink-60)}.work-period{grid-area:period;color:var(--ink-40)}.work-arrow{grid-area:arrow;justify-self:end;font-size:1.3rem;transition:transform .35s var(--ease)}.work-link:hover .work-arrow,.work-row:focus-within .work-arrow{transform:translate(.45rem);color:var(--blue)}.work-detail{display:grid;grid-template-rows:0fr;transition:grid-template-rows .55s var(--ease)}.work-link:hover .work-detail,.work-row:focus-within .work-detail{grid-template-rows:1fr}.work-detail-inner{overflow:hidden;min-height:0;display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:.4rem 2.5rem;padding-left:4.2rem;padding-right:3.4rem}.work-desc{font-size:clamp(.95rem,1.3vw,1.1rem);font-variation-settings:"wdth" 100,"wght" 430;color:var(--ink-60);max-width:52ch;padding-top:.85rem}.work-highlight{color:var(--blue);padding-top:.9rem}.tags{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:.4rem;padding:.6rem 0 .3rem}.tags li{font-family:var(--font-mono);font-size:.625rem;letter-spacing:.05em;border:1px solid var(--hairline);padding:.28em .7em;color:var(--ink-60)}@media (hover: none){.work-detail{grid-template-rows:1fr}}@media (max-width: 700px){.work-top{grid-template-columns:2.2rem minmax(0,1fr) 2rem;grid-template-areas:"idx name arrow" ". type type" ". period period";gap:.3rem .8rem}.work-detail-inner{grid-template-columns:1fr;padding-left:3rem;padding-right:.5rem}}.arch{display:grid;grid-template-columns:1fr 1fr;border-left:1px solid var(--hairline);border-top:1px solid var(--hairline)}.arch-link{display:grid;grid-template-columns:2.4rem minmax(0,1fr) auto 1.4rem;align-items:baseline;gap:.8rem;padding:1.05rem 1.1rem;border-right:1px solid var(--hairline);border-bottom:1px solid var(--hairline);transition:background .3s var(--ease),color .3s var(--ease)}.arch-link:hover{background:var(--blue);color:var(--paper)}.arch-link:hover .arch-idx,.arch-link:hover .arch-tech{color:color-mix(in srgb,var(--paper) 70%,transparent)}.arch-idx{color:var(--blue)}.arch-name{font-variation-settings:"wdth" 108,"wght" 560;font-size:clamp(1rem,1.6vw,1.25rem);line-height:1.15}.arch-tech{color:var(--ink-40);text-align:right}.arch-arrow{justify-self:end;transition:transform .3s var(--ease)}.arch-link:hover .arch-arrow{transform:translate(3px,-3px)}@media (max-width: 760px){.arch{grid-template-columns:1fr}.arch-tech{display:none}}.xps{display:flex;flex-direction:column}.xp{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);grid-template-areas:"role when" "bullets ." "tags .";gap:.8rem 3rem;border-bottom:1px solid var(--hairline);padding:2rem 0}.xp:first-of-type{padding-top:.5rem}.xp-when{grid-area:when;justify-self:end;text-align:right;color:var(--ink-60)}.xp-role{grid-area:role;font-size:clamp(1.3rem,2.6vw,2rem);font-variation-settings:"wdth" 110,"wght" 640;line-height:1.1;letter-spacing:-.01em}.xp-co{color:var(--blue);font-variation-settings:"wdth" 100,"wght" 480}.xp-bullets{grid-area:bullets;display:flex;flex-direction:column;gap:.45rem;max-width:62ch}.xp-bullets li{font-size:clamp(.95rem,1.3vw,1.05rem);font-variation-settings:"wdth" 100,"wght" 430;color:var(--ink-60);padding-left:1.2rem;position:relative}.xp-bullets li:before{content:"—";position:absolute;left:0;color:var(--blue)}.xp .tags{grid-area:tags;padding-top:.2rem}@media (max-width: 760px){.xp{grid-template-columns:1fr;grid-template-areas:"role" "when" "bullets" "tags"}.xp-when{justify-self:start;text-align:left}}.skills-board{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:2.5rem;align-items:start}.bom{border-bottom:1px solid var(--hairline)}.bom-row{display:grid;grid-template-columns:10rem minmax(0,1fr) auto;gap:1.25rem;align-items:start;border-top:1px solid var(--hairline);padding:1.15rem .25rem}.bom-label{color:var(--blue);padding-top:.35em}.bom-chips{display:flex;flex-wrap:wrap;gap:.45rem}.chip{font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.06em;background:none;border:1px solid var(--hairline);color:var(--ink-60);padding:.38em .85em;cursor:pointer;transition:border-color .25s var(--ease),color .25s var(--ease),background .25s var(--ease)}.chip:hover{border-color:var(--ink);color:var(--ink)}.chip[aria-pressed=true]{border-color:var(--blue);color:var(--blue);background:var(--blue-soft)}.bom-qty{color:var(--ink-40);padding-top:.35em}.legend{position:sticky;top:5rem;border:1px solid var(--ink);background:var(--paper);padding:1.1rem 1.25rem 1.35rem;min-height:9rem}.legend-head{color:var(--ink-40);border-bottom:1px solid var(--hairline);padding-bottom:.55rem;margin-bottom:.85rem}.legend-skill{font-size:1rem;font-variation-settings:"wdth" 118,"wght" 700;line-height:1.15;text-transform:uppercase;letter-spacing:.02em;color:var(--blue);margin-bottom:.6rem}.legend-refs{display:flex;flex-direction:column;gap:.55rem}.legend-refs li{padding-left:1.1rem;position:relative;font-family:var(--font-display);font-size:1.08rem;font-variation-settings:"wdth" 106,"wght" 620;line-height:1.25;color:var(--ink)}.legend-refs li a:hover{color:var(--blue)}.legend-refs li:before{content:"◆";position:absolute;left:0;color:var(--blue);font-size:.55rem;top:.35em}.legend-refs a:hover{color:var(--blue)}.legend-empty{color:var(--ink-40)}@media (max-width: 860px){.skills-board{grid-template-columns:1fr;gap:1.25rem}.legend{order:-1;top:3.6rem;z-index:5;min-height:0}}@media (max-width: 700px){.bom-row{grid-template-columns:1fr auto}.bom-chips{grid-column:1 / -1;grid-row:2}}.contact{padding-bottom:clamp(3rem,8vh,6rem)}.mail{display:block;font-size:clamp(1.5rem,6.8vw,7rem);font-variation-settings:"wdth" 78,"wght" 700;letter-spacing:-.01em;line-height:1;overflow-wrap:anywhere;padding:1rem 0 1.4rem;transition:font-variation-settings .7s var(--ease),color .3s var(--ease)}.mail:hover{font-variation-settings:"wdth" 96,"wght" 800;color:var(--blue)}@media (prefers-reduced-motion: reduce){.mail,.mail:hover{font-variation-settings:"wdth" 78,"wght" 700}}.contact-links{display:flex;flex-wrap:wrap;gap:1.8rem;border-top:1px solid var(--hairline);padding-top:1rem}.contact-links a:hover{color:var(--blue)}.footer{position:relative;z-index:1;max-width:82rem;margin:0 auto;padding:1.2rem var(--pad) 1.6rem;border-top:2px solid var(--ink);display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;color:var(--ink-60)}.footer-hint{color:var(--ink-40)}@media (max-width: 760px){.footer-hint{display:none}}.ghosted{opacity:.14;filter:grayscale(1);transition:opacity .45s var(--ease),filter .45s var(--ease)}.xp,.works>li,.arch>li{transition:opacity .45s var(--ease),filter .45s var(--ease)}.bom-filter{color:var(--ink-60);margin-bottom:1.1rem}.bom-clear{font:inherit;letter-spacing:inherit;cursor:pointer;background:none;border:1px solid var(--hairline);padding:.15em .7em;color:var(--blue);margin-left:.5em}.bom-clear:hover{background:var(--blue);color:var(--paper)}.legend-block+.legend-block{margin-top:1rem;border-top:1px solid var(--hairline);padding-top:.9rem}.sheetref-wrap{padding-top:0}.sheetref{display:grid;grid-template-columns:1fr auto;align-items:center;gap:clamp(1.5rem,4vw,4rem);border:1.5px solid var(--ink);padding:clamp(1.4rem,3.5vw,2.6rem) clamp(1.4rem,4vw,3rem);position:relative;transition:background .35s var(--ease),color .35s var(--ease)}.sheetref:before,.sheetref:after{content:"";position:absolute;width:9px;height:9px;border:1px solid var(--ink)}.sheetref:before{top:-5px;left:-5px;background:var(--paper)}.sheetref:after{bottom:-5px;right:-5px;background:var(--paper)}.sheetref:hover{background:var(--ink);color:var(--paper)}.sheetref:hover .sheetref-note,.sheetref:hover .sheetref-sub{color:inherit;opacity:.75}.sheetref-note{color:var(--blue);margin-bottom:.9rem}.sheetref-title{font-size:clamp(2rem,5.5vw,4.2rem);font-variation-settings:"wdth" 116,"wght" 780;line-height:.95;text-transform:uppercase;letter-spacing:-.01em}.sheetref-title em{font-style:normal;color:var(--blue)}.sheetref:hover .sheetref-title em{color:var(--paper)}.sheetref-sub{color:var(--ink-60);margin-top:.8rem;max-width:34rem}.sheetref-cta{display:inline-block;margin-top:1.2rem;border-bottom:1px solid currentColor}.sheetref-fig{width:clamp(140px,16vw,200px);color:inherit}.sheetref-no{font-family:var(--font-mono);font-size:8px;fill:currentColor}@keyframes plate-pop{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.sheetref-plate{animation:plate-pop 3.2s var(--ease) infinite}@media (prefers-reduced-motion: reduce){.sheetref-plate{animation:none}}@media (max-width: 720px){.sheetref{grid-template-columns:1fr}.sheetref-fig{display:none}}