/* generated by tools/build.mjs - do not edit by hand */
.page{padding-block:clamp(120px,15vh,180px) clamp(60px,9vh,110px)}
.page-head{display:flex;flex-direction:column;gap:18px;padding-bottom:26px;border-bottom:1px solid var(--hair-strong);margin-bottom:clamp(34px,5vh,58px)}
.page-head h1{margin:0;font-family:var(--display);font-weight:400;font-size:clamp(40px,7vw,86px);line-height:1;letter-spacing:-.025em;color:var(--paper);text-wrap:balance}
.page-head p{margin:0;font-size:16px;line-height:1.8;color:var(--paper-dim);max-width:58ch}
.sec-label{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid var(--hair-strong);margin:clamp(48px,7vh,80px) 0 clamp(18px,3vh,28px)}
.sec-label:first-of-type{margin-top:0}
.entries{display:flex;flex-direction:column;perspective:1700px}
.entry{display:grid;grid-template-columns:150px minmax(0,1fr);gap:clamp(16px,3vw,48px);align-items:start;padding-block:clamp(24px,3.2vh,34px);border-bottom:1px solid var(--hair);transform-style:preserve-3d;transition:transform .5s var(--ease),border-color .5s,padding-left .5s var(--ease)}
.entry:hover{transform:translateZ(26px) rotateX(2.5deg);border-bottom-color:var(--hair-strong);padding-left:12px}
.entry .when{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);padding-top:10px}
.entry h2{margin:0 0 10px;font-family:var(--display);font-weight:400;font-size:clamp(25px,3vw,38px);line-height:1.1;color:var(--paper);text-wrap:balance}
.entry p{margin:0;font-size:15px;line-height:1.8;color:var(--paper-dim);max-width:60ch}
.entry .tagline{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}
.entry .tagline span{border:1px solid var(--hair-mid);padding:5px 11px;font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.status{border:1px solid var(--hair-mid);padding:5px 11px;font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--paper-dim);align-self:start}
.status.live{border-color:var(--paper);color:var(--paper)}
.empty{margin:0;padding-block:40px;font-size:16px;line-height:1.8;color:var(--muted);max-width:56ch;border-bottom:1px solid var(--hair)}
.article{max-width:none}
.article-head{margin-bottom:clamp(34px,5vh,56px)}
.article-head .when{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.article-head h1{margin:16px 0 0;font-family:var(--display);font-weight:400;font-size:clamp(36px,6vw,72px);line-height:1.04;letter-spacing:-.024em;color:var(--paper);text-wrap:balance}
.article-head .lead{margin:22px 0 0;font-family:var(--display);font-size:clamp(21px,2.6vw,30px);line-height:1.34;color:var(--paper-dim);max-width:44ch}
.prose{max-width:68ch;border-top:1px solid var(--hair-strong);padding-top:clamp(30px,4.5vh,46px)}
.prose p{margin:0 0 22px;font-size:17px;line-height:1.85;color:var(--paper-dim)}
.prose h2{margin:44px 0 16px;font-family:var(--display);font-weight:400;font-size:clamp(26px,3.2vw,36px);line-height:1.18;color:var(--paper)}
.prose h3{margin:34px 0 12px;font-size:17px;font-weight:600;letter-spacing:.02em;color:var(--paper)}
.prose ul,.prose ol{margin:0 0 22px;padding-left:22px;color:var(--paper-dim)}
.prose li{margin-bottom:10px;font-size:17px;line-height:1.8}
.prose blockquote{margin:30px 0;padding-left:22px;border-left:1px solid var(--hair-strong);font-family:var(--display);font-size:clamp(20px,2.4vw,27px);line-height:1.38;color:var(--paper)}
.prose code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em;color:var(--paper);background:var(--ink-2);padding:2px 6px;border:1px solid var(--hair)}
.prose a{color:var(--paper);border-bottom:1px solid var(--hair-strong)}
.prose a:hover{border-bottom-color:var(--paper)}
.backlink{display:inline-block;margin-top:clamp(40px,6vh,70px);padding-top:26px;border-top:1px solid var(--hair);font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);transition:color .3s}
.backlink:hover{color:var(--paper)}
.latest{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:clamp(30px,5vw,72px)}
.latest .col h3{margin:0 0 6px;font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}
.latest .col .rule{height:1px;background:var(--hair-strong);margin-bottom:6px}
.latest .item{display:block;padding-block:20px;border-bottom:1px solid var(--hair);transition:padding-left .4s var(--ease),border-color .4s}
.latest .item:hover{padding-left:10px;border-bottom-color:var(--hair-strong)}
.latest .item .when{font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.latest .item h4{margin:8px 0 0;font-family:var(--display);font-weight:400;font-size:clamp(21px,2.3vw,27px);line-height:1.14;color:var(--paper)}
.latest .more{display:inline-block;margin-top:22px;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);transition:color .3s}
.latest .more:hover{color:var(--paper)}
@media (max-width:700px){
  .entry{grid-template-columns:1fr;gap:10px}
  .entry .when{padding-top:0}
}