:root{
  --paper:#FBF8F1; --ink:#1d1b16; --muted:#6f6a5d; --faint:#9b9484;
  --rule:#e3ddcf; --sage:#7CA47C; --sage-ink:#5b7d5b;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  font-family:Geist,"Inter",system-ui,-apple-system,sans-serif;
  background:var(--paper); color:var(--ink);
  max-width:720px; margin:0 auto; padding:64px 24px 96px;
  line-height:1.6; font-size:17px; font-feature-settings:"ss01";
}
.mono{font-family:"Geist Mono",ui-monospace,"SF Mono",Menlo,monospace}
a{color:var(--ink); text-decoration:none; border-bottom:1px solid var(--rule)}
a:hover{border-color:var(--ink)}
header.mast{border-bottom:1px solid var(--ink); padding-bottom:18px; margin-bottom:36px}
.wordmark{font-family:"Geist Mono",ui-monospace,monospace; font-size:13px; letter-spacing:.34em; text-transform:uppercase; color:var(--ink)}
.cursor{display:inline-block; width:8px; height:15px; background:var(--sage); margin-left:4px; transform:translateY(2px); animation:blink 1.1s step-end infinite}
@keyframes blink{50%{opacity:0}}
.tagline{margin-top:14px; font-size:20px; line-height:1.4; color:var(--ink); max-width:34ch}
.lede{color:var(--muted); font-size:16px; margin:28px 0 0}
.section-label{font-family:"Geist Mono",ui-monospace,monospace; font-size:10.5px; letter-spacing:.18em; text-transform:uppercase; color:var(--faint); margin:52px 0 6px; border-top:1px solid var(--rule); padding-top:14px}
.build{display:block; padding:20px 0; border-bottom:1px solid var(--rule)}
.build:hover .build-name{border-color:var(--ink)}
.build-head{display:flex; align-items:baseline; gap:12px; flex-wrap:wrap}
.build-name{font-size:21px; font-weight:600; border-bottom:1px solid transparent}
.pill{font-family:"Geist Mono",ui-monospace,monospace; font-size:9.5px; letter-spacing:.1em; text-transform:uppercase; border:1px solid var(--rule); border-radius:3px; padding:2px 7px; color:var(--muted)}
.pill.sage{border-color:var(--sage); color:var(--sage-ink)}
.build-desc{color:var(--muted); font-size:15.5px; margin-top:7px; max-width:58ch}
h1.title{font-size:30px; line-height:1.2; margin:6px 0 0}
h1 .sub{display:block; font-size:15px; font-weight:400; color:var(--muted); margin-top:8px; font-family:"Geist Mono",ui-monospace,monospace; letter-spacing:.02em}
h2{font-family:"Geist Mono",ui-monospace,monospace; font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:var(--faint); margin:40px 0 10px; border-top:1px solid var(--rule); padding-top:14px}
p{margin:14px 0}
ul{padding-left:0; list-style:none}
li{padding:7px 0 7px 18px; position:relative; color:var(--ink)}
li::before{content:"—"; position:absolute; left:0; color:var(--sage)}
.back{font-family:"Geist Mono",ui-monospace,monospace; font-size:12px; color:var(--muted); border:none}
.back:hover{color:var(--ink)}
footer{margin-top:64px; border-top:1px solid var(--ink); padding-top:18px; font-family:"Geist Mono",ui-monospace,monospace; font-size:11px; color:var(--faint); display:flex; flex-wrap:wrap; gap:16px; justify-content:space-between}
footer a{border:none; color:var(--muted)}
footer a:hover{color:var(--ink)}
.colophon{width:100%; margin-top:6px; color:var(--faint)}