:root{--bg:#0d0e10;--ink:#e9ecef;--muted:#8a9097;--line:#e9ecef2e;--accent:#ff5a1f;--on-accent:#f4f5f6;--gutter:clamp(16px, 2.4vw, 32px);--section-gap:clamp(80px, 12vw, 180px);--font-display:"Anton", sans-serif;--font-sans:"Instrument Sans", sans-serif;--font-mono:"IBM Plex Mono", monospace;color-scheme:dark}:root[data-theme=light]{--bg:#e6e8ea;--ink:#0e0f11;--muted:#5b6067;--line:#0e0f1133;color-scheme:light}html{scroll-padding-top:72px}html,body{background:var(--bg);color:var(--ink);margin:0;transition:background .6s,color .6s}body{-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}::selection{background:var(--accent);color:var(--on-accent)}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.mono{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;font-size:12px}.muted{color:var(--muted)}.display{font-family:var(--font-display);text-transform:uppercase;font-weight:400}.field{z-index:0;pointer-events:none;width:100vw;height:100vh;display:block;position:fixed;inset:0}.warp{width:100%;display:block}.preview{z-index:20;pointer-events:none;opacity:0;display:block;position:fixed;top:0;left:0}.site-header{z-index:10;padding:18px var(--gutter);color:#fff;mix-blend-mode:difference;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;display:grid;position:fixed;top:0;left:0;right:0}.site-header nav{flex-wrap:wrap;justify-content:flex-end;gap:20px;display:flex}.theme-toggle{all:unset;cursor:pointer}.theme-toggle:focus-visible{outline-offset:2px;outline:1px solid}main{z-index:1;padding:0 var(--gutter);position:relative}.hero{box-sizing:border-box;flex-direction:column;justify-content:flex-end;gap:20px;min-height:100svh;padding:96px 0 24px;display:flex}.hero-arrow{text-align:right}.hero .warp{height:70vh}.hero-meta{border-top:1px solid var(--ink);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;padding-top:14px;display:grid}.about{padding:var(--section-gap) 0;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;display:grid}.about-body{flex-direction:column;grid-column:span 2;gap:32px;min-width:0;display:flex}.about-lead{font-family:var(--font-sans);letter-spacing:-.025em;text-wrap:pretty;margin:0;font-size:clamp(28px,3.4vw,52px);font-weight:500;line-height:1.1}.highlight{background:var(--accent);color:var(--on-accent);padding:0 .12em}.about-sub{max-width:520px;font-family:var(--font-mono);color:var(--muted);margin:0;font-size:14px;line-height:1.7}.block{padding-bottom:var(--section-gap);flex-direction:column;display:flex}.block-head{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:flex-end;gap:16px;padding-bottom:8px;display:flex}.block-title{margin:0;font-size:clamp(56px,11vw,180px);line-height:.82}.job{border-bottom:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:baseline;gap:12px 24px;padding:24px 0;display:grid}.job-company{font-size:clamp(28px,3vw,44px);line-height:1}.job-role{font-family:var(--font-sans);font-size:18px}.stack{border-left:1px solid var(--line);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin:0;padding:0;list-style:none;display:grid}.stack-item{border-right:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;justify-content:space-between;gap:40px;padding:16px;transition:background .3s,color .3s;display:flex}.stack-item:hover{background:var(--accent);color:var(--on-accent)}.stack-index{font-family:var(--font-mono);font-size:12px}.stack-name{overflow-wrap:anywhere;font-size:clamp(28px,2.8vw,44px);line-height:.95}.toolbox-head{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding:32px 0 10px;display:flex}.toolbox-head h3{font:inherit;margin:0}.toolbox{border-left:1px solid var(--line);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin:0;padding:0;list-style:none;display:grid}.toolbox-item{border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-family:var(--font-sans);letter-spacing:-.01em;padding:12px 14px;font-size:clamp(16px,1.4vw,20px);font-weight:500;transition:background .3s,color .3s}.toolbox-item:hover{background:var(--accent);color:var(--on-accent)}.project{border-bottom:1px solid var(--line);grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:16px;padding:10px 12px;transition:background .25s,color .25s;display:grid}.project:hover,.project:focus-visible{background:var(--accent);color:var(--on-accent);outline:none}.project-index{font-family:var(--font-mono);font-size:12px}.project-name{font-size:clamp(40px,7vw,112px);line-height:1}.project-meta{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.contact{flex-direction:column;gap:24px;padding-bottom:18px;display:flex}.contact .warp{height:40vh}.mail{background:var(--accent);color:var(--on-accent);font-family:var(--font-sans);letter-spacing:-.02em;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 16px;font-size:clamp(22px,3vw,44px);font-weight:500;transition:letter-spacing .4s;display:flex}.mail:hover,.mail:focus-visible{letter-spacing:0}.mail .mono{letter-spacing:.04em}.site-footer{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;padding-top:40px;display:grid}.site-footer a{text-align:right}@media (width<=720px){html{scroll-padding-top:64px}.site-header{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name nav""role clock";gap:6px 16px;padding-top:14px;padding-bottom:14px;font-size:11px}.hd-name{grid-area:name}.hd-role{grid-area:role}.hd-clock{text-align:right;grid-area:clock}.site-header nav{flex-wrap:nowrap;grid-area:nav;gap:14px}.hero{gap:16px;min-height:74svh;padding:80px 0 20px}.hero-meta{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"role arrow""years now";gap:8px 16px;font-size:11px}.hero-meta>:first-child{grid-area:role}.hero-meta>:nth-child(2){grid-area:years}.hero-meta>:nth-child(3){text-align:right;grid-area:now}.hero-meta>:nth-child(4){grid-area:arrow}.about{gap:20px}.about-body{grid-column:auto;gap:24px}.job{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"period meta""company company""role role";gap:6px 16px;padding:18px 0}.job>:first-child{grid-area:period}.job>:nth-child(2){grid-area:company;margin-top:6px}.job>:nth-child(3){grid-area:role;font-size:16px}.job>:nth-child(4){text-align:right;grid-area:meta}.stack{grid-template-columns:1fr 1fr}.stack-item{gap:20px;padding:12px}.stack-item:last-child:nth-child(odd){grid-column:span 2}.stack-name{font-size:24px}.toolbox-head{padding-top:24px}.toolbox-item{padding:10px 12px;font-size:15px}.project{grid-template-columns:24px minmax(0,1fr);gap:2px 12px;padding:12px 4px}.project-name{font-size:clamp(28px,9vw,44px)}.project-meta{flex-direction:row;grid-column:2;justify-content:space-between}.mail{padding:16px 14px;font-size:clamp(18px,5.6vw,24px)}.site-footer{grid-template-columns:1fr 1fr;gap:10px 16px;padding-top:28px}.site-footer>:nth-child(2n){text-align:right}}@media (prefers-reduced-motion:reduce){html,body,.stack-item,.toolbox-item,.project,.mail{transition:none}}