@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400&family=Manrope:wght@400;500;600&display=swap";:root{color-scheme:dark;--ink: #eef1e9;--muted: #868b82;--paper: #10120f;--line: #292d28;--signal: #35e16f}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:Manrope,sans-serif;overflow-x:clip;scrollbar-gutter:stable;scroll-behavior:smooth}body{display:flex;flex-direction:column;min-height:100svh;margin:0;padding:24px 28px 20px}a{color:inherit;text-decoration:none}header,footer{display:flex;align-items:center;justify-content:space-between;font-family:DM Mono,monospace;font-size:11px;letter-spacing:.06em;text-transform:uppercase}.wordmark{display:flex;align-items:center;gap:9px}.signal{width:8px;height:8px;border-radius:50%;background:var(--signal);box-shadow:0 0 0 4px #35e16f26;animation:breathe 2.6s ease-in-out infinite}.status{display:flex;gap:24px;color:var(--muted)}.status time{min-width:175px;color:var(--ink);font-variant-numeric:tabular-nums;text-align:right}main{display:grid;flex:1;grid-template-columns:minmax(260px,.8fr) minmax(420px,1.2fr);gap:clamp(60px,10vw,180px);align-items:end;padding:13vh 0 9vh}.eyebrow{margin:0 0 24px;color:var(--muted);font-family:DM Mono,monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase}h1{contain:layout;max-width:620px;margin:0;font-size:clamp(44px,5.4vw,88px);font-weight:500;letter-spacing:-.075em;line-height:.92}h1 span{display:block;color:var(--muted)}h1 .primary{color:var(--ink)}.scramble{position:relative;min-height:1em}.lede{max-width:460px;margin:34px 0 0;color:var(--muted);font-size:clamp(13px,1vw,16px);line-height:1.65}.projects{border-top:1px solid var(--line)}.project{position:relative;display:grid;grid-template-columns:34px minmax(100px,.7fr) minmax(150px,.8fr) 0fr;gap:18px;align-items:start;padding:22px 0;border-bottom:1px solid var(--line);transition:grid-template-columns .32s ease,padding .25s ease}.project:has(.repo-tree):hover,.project:has(.repo-tree):focus-within{grid-template-columns:34px minmax(100px,.7fr) minmax(150px,.8fr) minmax(130px,.7fr)}.project:before{position:absolute;inset:0;z-index:-1;background:var(--signal);content:"";transform:scaleY(0);transform-origin:bottom;transition:transform .25s ease}.project-number,.project-description{color:var(--muted);font-family:DM Mono,monospace;font-size:10px;line-height:1.55}.project-title{font-size:clamp(20px,2vw,32px);font-weight:500;letter-spacing:-.045em;line-height:1}.project-links{display:flex;gap:12px;justify-content:flex-end;font-family:DM Mono,monospace;font-size:10px;text-transform:uppercase;white-space:nowrap}.project-links a{border-bottom:1px solid currentColor}.repo-tree{position:relative;display:grid;gap:10px;justify-content:stretch;max-height:0;padding-left:18px;text-align:left;opacity:0;overflow:hidden;pointer-events:none;transform:translate(-8px);transition:max-height .32s ease,opacity .22s ease,transform .22s ease}.project:hover .repo-tree,.project:focus-within .repo-tree{max-height:180px;opacity:1;pointer-events:auto;transform:translate(0)}.repo-tree:before{position:absolute;top:7px;bottom:7px;left:3px;width:1px;background:currentColor;content:"";opacity:.35}.repo-tree a{position:relative;border:0;transition:transform .18s ease}.repo-tree a:before{position:absolute;top:50%;right:calc(100% + 6px);width:9px;height:1px;background:currentColor;content:"";opacity:.35}.repo-tree a:after{position:absolute;top:calc(50% - 2px);right:calc(100% + 14px);width:5px;height:5px;border-radius:50%;background:currentColor;content:""}.repo-tree a:hover,.repo-tree a:focus-visible{outline:none;transform:translate(4px)}.project:hover,.project:focus-within{padding-right:14px;padding-left:14px;color:#07120a;outline:none}.project:hover .project-number,.project:hover .project-description,.project:focus-within .project-number,.project:focus-within .project-description{color:#195628}.project:hover:before,.project:focus-within:before{transform:scaleY(1)}footer{color:var(--muted)}footer p{margin:0}footer a{border-bottom:1px solid var(--line);transition:color .2s ease,border-color .2s ease}footer a:hover{border-color:var(--ink);color:var(--ink)}@keyframes breathe{50%{box-shadow:0 0 0 8px #35e16f00}}@media(max-width:900px){body{padding:20px}main{grid-template-columns:1fr;gap:72px;align-items:start;padding:16vh 0 12vh}.project{grid-template-columns:28px minmax(100px,.65fr) 1fr 0fr}.project:has(.repo-tree):hover,.project:has(.repo-tree):focus-within{grid-template-columns:28px minmax(100px,.65fr) 1fr minmax(130px,.6fr)}}@media(max-width:600px){footer p{display:none}.status{gap:8px}.status time{min-width:0}h1{font-size:clamp(52px,16vw,78px)}.lede{max-width:330px}.project{grid-template-columns:24px 1fr;gap:8px 10px;padding:18px 0}.project-description{display:block;grid-column:2;max-width:34ch;margin-top:3px}.project-links{grid-column:2;justify-content:flex-start;margin-top:10px}.repo-tree{max-height:none;opacity:1;pointer-events:auto;transform:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
