:root{--ground:#c9c8c3;--ink:#111;--bone:#ecebe7;--soft:#3a3a37;--rule:6px solid var(--ink)}
*{box-sizing:border-box;margin:0}
html{background:var(--ground);scroll-padding-top:72px}
body{background:var(--ground);color:var(--ink);font-family:'Instrument Sans',Arial,sans-serif;font-size:17px;line-height:1.5}
a{color:inherit}
img{display:block;width:100%;height:auto}
:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
footer :focus-visible{outline-color:var(--bone)}
.skip{position:absolute;left:-999px}
.skip:focus{left:12px;top:12px;z-index:30;background:var(--ink);color:var(--bone);padding:10px 14px}

.top{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;background:var(--ground);border-bottom:var(--rule);font-weight:600;font-size:15px}
.top a{text-decoration:none}
.top nav{display:flex;gap:20px;flex-wrap:wrap;justify-content:flex-end}
.top nav a:hover,.top .who:hover{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}

.mark{padding:28px 20px 0}
.mark h1{line-height:0}
.mark svg{display:block;width:100%;height:auto;overflow:visible}
.mark text{font-family:'Big Shoulders Display','Arial Narrow','Liberation Sans Narrow',Impact,sans-serif;font-weight:900;fill:var(--ink)}

.strip{display:grid;grid-template-columns:1fr;margin-top:28px;border-top:var(--rule);border-bottom:var(--rule)}
.strip p{padding:22px 20px;font-size:clamp(20px,2.6vw,30px);line-height:1.2;font-weight:600;max-width:30ch;text-wrap:balance}
.strip a{padding:22px 20px;border-top:var(--rule);font-weight:600;text-decoration:none;display:flex;flex-direction:column;justify-content:center;gap:4px;background:var(--ink);color:var(--bone)}
.strip a span{font-family:'Space Mono',monospace;font-weight:400;font-size:13px;color:#cfcec9}
.strip a b{font-size:20px;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:2px}
.strip a:hover{background:var(--bone);color:var(--ink)}
.strip a:hover span{color:var(--soft)}

.plate{display:grid;grid-template-columns:1fr;gap:28px;padding:44px 20px;border-bottom:var(--rule);align-items:start}
.slab{border:var(--rule);background:var(--bone)}
.slab figcaption{padding:8px 12px;border-top:3px solid var(--ink);font-family:'Space Mono',monospace;font-size:13px;color:var(--soft);background:var(--ground)}
.num{font-family:'Big Shoulders Display',Impact,sans-serif;font-weight:900;text-transform:uppercase;line-height:.8;font-size:clamp(96px,26vw,230px);color:transparent;-webkit-text-stroke:3px var(--ink);letter-spacing:-.01em;margin-bottom:18px}
dl{display:grid;grid-template-columns:auto 1fr;border-top:3px solid var(--ink);font-family:'Space Mono',monospace;font-size:14px}
dt,dd{padding:9px 0;border-bottom:3px solid var(--ink)}
dt{padding-right:22px;color:var(--soft)}
.ask{margin:20px 0 18px;font-size:19px;font-weight:600;max-width:28ch}
.btn{display:inline-block;background:var(--ink);color:var(--bone);padding:15px 30px;font-weight:600;text-decoration:none;border:3px solid var(--ink)}
.btn:hover{background:var(--ground);color:var(--ink)}
.meta .slab{margin-top:34px}

.cc{display:grid;grid-template-columns:1fr;gap:28px;padding:44px 20px;border-bottom:var(--rule)}
.cc h2{font-family:'Big Shoulders Display',Impact,sans-serif;font-weight:900;text-transform:uppercase;line-height:.84;font-size:clamp(72px,12vw,160px)}
.cc p{max-width:42ch;margin-top:20px;font-size:19px}
.cc .btn{margin-top:26px}

footer{background:var(--ink);color:var(--bone);padding:56px 20px 70px;display:grid;gap:26px}
footer h2{font-family:'Big Shoulders Display',Impact,sans-serif;font-weight:900;text-transform:uppercase;line-height:.84;font-size:clamp(72px,12vw,160px)}
footer p{max-width:34ch;font-size:19px}
footer .addr{font-family:'Space Mono',monospace;font-size:16px;margin-top:12px}
footer .addr a{text-underline-offset:4px}
footer .btn{background:var(--bone);color:var(--ink);border-color:var(--bone);margin-top:26px}
footer .btn:hover{background:var(--ink);color:var(--bone)}
footer .fine{font-size:13px;color:#b9b8b3}

@media(min-width:860px){
 .top{padding:16px 40px}
 .mark{padding:34px 40px 0}
 .strip{grid-template-columns:7fr 5fr}
 .strip p{padding:30px 40px}
 .strip a{border-top:0;border-left:var(--rule);padding:30px 40px}
 .plate{grid-template-columns:repeat(12,1fr);gap:0 40px;padding:64px 40px}
 .plate .slab.main{grid-column:1/8;grid-row:1;position:sticky;top:96px}
 .plate .meta{grid-column:8/13;grid-row:1}
 .plate.flip .slab.main{grid-column:6/13}
 .plate.flip .meta{grid-column:1/6}
 .cc{grid-template-columns:5fr 7fr;gap:40px;padding:64px 40px;align-items:center}
 .cc .slab{grid-column:1;grid-row:1;max-width:460px}
 .cc .txt{grid-column:2;grid-row:1}
 footer{padding:80px 40px 90px;grid-template-columns:1fr 1fr;align-items:end;gap:40px}
 footer .fine{grid-column:1/-1}
}

.ab{padding:44px 20px;border-bottom:var(--rule)}
.ab h2{font-family:'Big Shoulders Display',Impact,sans-serif;font-weight:900;text-transform:uppercase;line-height:.84;font-size:clamp(72px,12vw,160px)}
.ab p{max-width:46ch;margin-top:20px;font-size:19px}
@media(min-width:860px){.ab{padding:70px 40px;display:grid;grid-template-columns:5fr 7fr;gap:40px;align-items:start}.ab p{margin-top:12px}}