:root{--ink:#0E0E0E;--paper:#FFFFFF;--muted:#5C5C5C;--num:#6B6B6B;--rule:#EDEDED;--accent:#FF4F00;--hover:#C23A00;--gutter:clamp(16px,4vw,56px)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:'Archivo',sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--ink);text-decoration:none}
a:hover{color:var(--hover)}
a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.wrap{max-width:1440px;margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter)}
.top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 32px;padding:22px 0;border-bottom:2px solid var(--ink)}
.brand{font-weight:800;font-stretch:125%;font-size:18px;letter-spacing:.06em}
.top nav{display:flex;flex-wrap:wrap;gap:8px 28px;font-size:15px;font-weight:600}
.meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding-top:14px;font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.bar{height:4px;background:var(--rule);margin-top:8px}
.bar span{display:block;height:4px;min-width:14px;background:var(--accent)}
.entry{padding-top:64px}
.num{font-weight:900;font-stretch:112%;font-size:clamp(96px,16vw,240px);line-height:.8;letter-spacing:-.05em;color:var(--accent)}
.entry h1{margin:16px 0 0;font-weight:900;font-stretch:112%;font-size:clamp(44px,8vw,128px);line-height:.88;letter-spacing:-.04em;overflow-wrap:break-word}
.grid{display:flex;flex-wrap:wrap;gap:48px 96px;margin-top:64px;border-top:2px solid var(--ink);padding-top:40px}
.main{flex:3 1 520px;min-width:0;max-width:780px;font-size:20px;line-height:1.6}
.main a,.side a{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}
.main b,.main strong{font-weight:800}
.main img{max-width:100%;height:auto}
.main video{display:block;width:100%;max-width:640px;height:auto;background:#000}
.main iframe{display:block;width:100%;max-width:640px;height:auto;aspect-ratio:16/9;border:0}
.side{flex:2 1 300px;min-width:0;font-size:17px;line-height:1.55}
.side img{display:block;width:100%;max-width:320px;height:auto;margin-bottom:8px}
.side em{font-style:normal;font-weight:600}
.pn{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));border:2px solid var(--ink);margin-top:96px}
.pn a{display:block;padding:32px}
.pn a:first-child{border-right:2px solid var(--ink)}
.pn a.next{text-align:right;background:var(--ink);color:#fff}
.pn a.next:hover{background:var(--hover);color:#fff}
.pn small{display:block;font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--muted)}
.pn a.next small{color:#B5B5B5}
.pn strong{display:block;margin-top:10px;font-weight:800;font-size:clamp(26px,3vw,44px);letter-spacing:-.02em;line-height:1.05}
.more{padding-top:72px}
.eyebrow{font-family:'JetBrains Mono',monospace;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:20px}
.more ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.more a{display:block;padding:20px 0;border-top:2px solid var(--ink)}
.more b{display:block;font-weight:900;font-size:40px;letter-spacing:-.03em;line-height:1}
.more span{display:block;margin-top:8px;font-weight:700;font-size:20px}
.all{margin-top:72px;border-top:2px solid var(--ink);padding-top:20px}
.all summary{cursor:pointer;font-weight:800;font-size:22px;list-style:none;display:flex;justify-content:space-between;align-items:center;min-height:44px}
.all summary::-webkit-details-marker{display:none}
.all summary::after{content:"+";font-weight:900;font-size:32px}
.all[open] summary::after{content:"–"}
.all ol{list-style:none;margin:24px 0 0;padding:0;column-width:230px;column-gap:32px}
.all li{break-inside:avoid}
.all li a{display:flex;gap:12px;padding:4px 0;font-size:15px}
.all li a i{font-style:normal;font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--num);padding-top:2px;width:30px;flex:none}
.all li.here a{color:var(--hover);font-weight:700}
footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;padding-top:48px;padding-bottom:48px;font-size:14px}
footer .copy{color:var(--muted)}
footer .copy a{color:var(--muted);text-decoration:underline}