:root{--paper:#f5efe2;--ink:#1c1712;--soft:#6a5f50;--rule:#d8cdb8;--hot:#c8401c;color-scheme:light dark}
@media (prefers-color-scheme:dark){:root{--paper:#16120d;--ink:#f3ead9;--soft:#a89a85;--rule:#3a3226;--hot:#ff7a4d}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.55 ui-serif,"New York","Iowan Old Style",Palatino,Georgia,serif}
main{max-width:980px;margin:0 auto;padding:clamp(40px,8vw,96px) clamp(16px,5vw,48px)}
a{color:inherit;text-decoration-color:var(--hot);text-decoration-thickness:2px;text-underline-offset:3px}
a:hover{color:var(--hot)}
.kicker,h2,.note,.ledger span,footer{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace}
.kicker{margin:0 0 28px;font-size:13px;letter-spacing:.04em;color:var(--soft)}
h1{margin:0;font-size:clamp(40px,7.6vw,84px);line-height:1.02;font-weight:500;letter-spacing:-.025em}
h1 em{color:var(--hot);font-style:italic}
.lede{margin:32px 0 0;max-width:40em;font-size:clamp(18px,2.2vw,22px);line-height:1.45}
section{margin-top:clamp(56px,9vw,96px)}
h2{margin:0;padding-top:12px;border-top:2px solid var(--ink);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.note{margin:8px 0 0;font-size:13px;color:var(--soft)}
.shelf{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 48px}
.shelf li{display:flex;gap:20px;align-items:flex-start}
.shelf li:first-child{grid-column:1/-1}
.shelf img{flex:none;width:84px;height:84px;border-radius:19px;box-shadow:0 10px 24px -12px rgba(0,0,0,.55)}
h3{margin:0 0 4px;font-size:26px;line-height:1.15;font-weight:500;letter-spacing:-.01em}
.shelf p{margin:0;color:var(--soft)}
.prose{margin:20px 0 0;max-width:38em;font-size:clamp(18px,2vw,21px);line-height:1.5}
.ledger{list-style:none;margin:12px 0 0;padding:0}
.ledger li{display:grid;grid-template-columns:110px minmax(0,1fr) minmax(0,1fr);gap:4px 20px;padding:14px 0;border-bottom:1px solid var(--rule);align-items:baseline}
.ledger span{font-size:13px;color:var(--soft)}
.ledger b{font-weight:500}
.ledger i{color:var(--soft)}
footer{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:64px;font-size:13px}
@media (max-width:680px){
  .shelf{grid-template-columns:minmax(0,1fr);gap:28px}
  .shelf img{width:64px;height:64px;border-radius:15px}
  .ledger li{grid-template-columns:minmax(0,1fr)}
}