:root{
  --paper:#faf6ee; --card:#fffdf8; --ink:#262320; --soft:#6f675c;
  --rule:#e6ddcd; --rust:#bd5d34; --rust2:#a04c28; --sun:#d99a3c;
}
*{margin:0;padding:0;box-sizing:border-box}
body{
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  background:var(--paper);color:var(--ink);line-height:1.7;font-size:16.5px;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--rust2);text-decoration:none}
a:hover{color:var(--rust);text-decoration:underline}
.shell{max-width:1120px;margin:0 auto;padding:0 28px}
.vq-top{border-bottom:2px solid var(--ink);background:var(--paper)}
.vq-top .shell{display:flex;align-items:flex-end;justify-content:space-between;padding-top:22px;padding-bottom:14px}
.logo{font-weight:800;font-size:1.5rem;letter-spacing:-.5px;text-transform:lowercase}
.logo b{color:var(--rust)}
.tagsmall{font-size:.7rem;letter-spacing:3px;text-transform:uppercase;color:var(--soft);margin-top:3px}
.vq-nav a{font-size:.78rem;letter-spacing:1.5px;text-transform:uppercase;margin-left:22px;color:var(--ink);font-weight:600}
.vq-nav a:hover{color:var(--rust);text-decoration:none}
.masthead{padding:54px 0 40px;border-bottom:1px solid var(--rule)}
.kicker{display:inline-block;background:var(--ink);color:var(--paper);font-size:.68rem;
  letter-spacing:2px;text-transform:uppercase;padding:5px 11px;font-weight:700}
.masthead h1{font-size:3rem;line-height:1.05;letter-spacing:-1px;margin:18px 0 14px;max-width:14ch}
.masthead p{font-size:1.15rem;color:var(--soft);max-width:60ch}
.feed{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-left:1px solid var(--rule);margin:46px 0}
.tile{border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:26px 24px;background:var(--card)}
.tile .num{font-family:"Courier New",monospace;color:var(--rust);font-size:.8rem;letter-spacing:1px}
.tile h3{font-size:1.18rem;margin:8px 0 6px;line-height:1.25}
.tile p{font-size:.93rem;color:var(--soft)}
.band{background:var(--ink);color:var(--paper);padding:50px 0;margin:46px 0}
.band h2{font-size:1.7rem;max-width:24ch;margin-bottom:10px}
.band p{color:#cfc6b8;max-width:58ch}
.band a.read{display:inline-block;margin-top:18px;color:var(--sun);font-weight:700;
  letter-spacing:1px;text-transform:uppercase;font-size:.78rem}
h2.blk{font-size:1.7rem;letter-spacing:-.5px;margin:8px 0 18px}
.lead{font-size:1.12rem;color:var(--soft);max-width:64ch}
.entry{max-width:680px;margin:0 auto;padding:48px 0}
.entry .stamp{font-family:"Courier New",monospace;font-size:.78rem;letter-spacing:1px;
  text-transform:uppercase;color:var(--rust)}
.entry h1{font-size:2.3rem;line-height:1.12;letter-spacing:-.8px;margin:10px 0 22px}
.entry h2{font-size:1.3rem;margin:32px 0 10px}
.entry p{margin-bottom:17px}
.entry .pull{border-left:3px solid var(--rust);padding-left:18px;color:var(--soft);font-style:italic;margin:24px 0}
.rows .item{display:grid;grid-template-columns:64px 1fr;gap:18px;border-top:1px solid var(--rule);padding:22px 0}
.rows .item:hover{background:var(--card)}
.rows .item .yr{font-family:"Courier New",monospace;color:var(--rust);font-size:.85rem}
.rows .item h3{font-size:1.1rem;margin-bottom:4px}
.rows .item span{color:var(--soft);font-size:.92rem}
.vq-foot{border-top:2px solid var(--ink);margin-top:40px;padding:32px 0;font-size:.85rem;color:var(--soft)}
.vq-foot .shell{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px}
@media(max-width:780px){
  .feed{grid-template-columns:1fr;border-left:none}
  .masthead h1{font-size:2.1rem}
  .vq-nav a{margin-left:14px}
}