:root{
  --forest:#1c3a16;
  --red:#e13228;
  --navy:#080932;
  --gold:#ffab18;
  --gray:#dbe0e3;
  --bg:#f7f6f1;
  --muted:#6b7a66;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--bg);color:var(--forest);
  font-family:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:15px;line-height:1.7;
}
a{color:var(--forest);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{color:var(--red)}
.wrap{max-width:980px;margin:0 auto;padding:0 24px}
.draft-banner{background:var(--gold);color:var(--navy);text-align:center;font-size:12px;padding:6px 16px;letter-spacing:.04em}
header.site{padding:40px 0 0}
.name{font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;font-size:14px}
nav.main{margin-top:6px;display:flex;flex-wrap:wrap;gap:6px 22px;font-size:12px;text-transform:uppercase;letter-spacing:.06em}
nav.main .ext::after{content:" ↗"}
nav.main .soon{color:var(--muted);text-decoration:none;cursor:default}
nav.main .soon:hover{color:var(--muted)}
.hero{padding:96px 0 72px}
.hero h1{
  font-size:clamp(44px,9vw,104px);line-height:1;margin:0;color:var(--navy);
  font-weight:700;letter-spacing:-.01em;
}
.underline{position:relative;display:inline-block}
.underline svg{position:absolute;left:-2%;bottom:-.28em;width:104%;height:.38em;overflow:visible}
.underline path{fill:none;stroke:var(--red);stroke-width:7;stroke-linecap:round}
.hero p{max-width:620px;margin:40px 0 0;font-size:16px}
.cols{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding:24px 0 80px}
@media (max-width:760px){.cols{grid-template-columns:1fr;gap:40px}}
h2{font-size:14px;text-transform:uppercase;letter-spacing:.08em;margin:0 0 20px;padding-bottom:10px;border-bottom:1px solid var(--forest)}
.label{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.06em;margin:24px 0 4px}
.label:first-of-type{margin-top:0}
ul.dash{list-style:none;margin:0;padding:0}
ul.dash li{padding-left:16px;text-indent:-16px;margin:4px 0}
ul.dash li::before{content:"- "}
.list-item{padding:14px 0;border-bottom:1px dashed var(--forest)}
.list-item:first-child{padding-top:0}
.list-item .meta{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-top:2px}
.ph{background:rgba(255,171,24,.25);padding:0 3px}
.page{padding:72px 0 80px;max-width:680px}
.page h1{font-size:clamp(32px,6vw,56px);color:var(--navy);margin:0 0 32px;line-height:1.05}
.page p{margin:0 0 20px}
footer.site{border-top:1px solid var(--gray);padding:28px 0 48px;font-size:12px;color:var(--muted);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}
footer.site a{color:var(--muted)}