:root{--ink:#111;--paper:#faf9f6;--muted:#6b6b6b;--line:#e6e3dc;--red:#d7262e;--lime:#b6f23a;--black:#0b0b0b}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.7 'Source Serif 4',Georgia,serif}
a{color:inherit}
.wrap{max-width:720px;margin:0 auto;padding:0 20px}
header.top{background:var(--black);color:#fff;border-bottom:4px solid var(--lime)}
header.top .wrap{display:flex;align-items:center;justify-content:space-between;height:64px;max-width:1000px}
.logo{font:800 22px/1 'Archivo',sans-serif;letter-spacing:.04em;text-decoration:none;text-transform:uppercase}
.logo b{color:var(--lime)}
nav a{font:600 13px 'Archivo',sans-serif;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;margin-left:22px;opacity:.85}
nav a:hover{opacity:1;color:var(--lime)}
.hero{background:var(--black);color:#fff;padding:72px 0 80px}
.hero .wrap{max-width:1000px}
.kicker{font:700 12px 'Archivo',sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--lime)}
.hero h1{font:900 clamp(40px,7vw,76px)/1 'Archivo',sans-serif;text-transform:uppercase;margin:14px 0 18px;letter-spacing:-.01em}
.hero h1 span{color:var(--red)}
.hero p{max-width:560px;color:#cfcfcf;margin:0}
.list{max-width:1000px;margin:0 auto;padding:56px 20px 80px;display:grid;gap:0}
.post{display:block;text-decoration:none;padding:28px 0;border-bottom:1px solid var(--line)}
.post:first-child{padding-top:0}
.meta{font:600 12px 'Archivo',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.post h2{font:800 clamp(24px,3.4vw,32px)/1.15 'Archivo',sans-serif;margin:8px 0 10px}
.post:hover h2{color:var(--red)}
.post p{margin:0;color:#3a3a3a}
article{padding:56px 0 40px}
article h1{font:900 clamp(34px,5.5vw,52px)/1.05 'Archivo',sans-serif;margin:12px 0 14px;letter-spacing:-.01em}
article .rule{width:64px;height:4px;background:var(--lime);margin:28px 0 34px}
article h2{font:800 24px/1.25 'Archivo',sans-serif;margin:44px 0 10px}
article p{margin:0 0 1.15em}
article strong{font-weight:700}
.sign{font:800 14px 'Archivo',sans-serif;letter-spacing:.14em;text-transform:uppercase}
.next{border-top:1px solid var(--line);padding:32px 0 72px}
.next a{text-decoration:none;font:800 22px/1.2 'Archivo',sans-serif}
.next a:hover{color:var(--red)}
footer{background:var(--black);color:#9a9a9a;padding:36px 0;font:14px 'Archivo',sans-serif}
footer .wrap{max-width:1000px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}
footer b{color:#fff;letter-spacing:.14em;text-transform:uppercase}
footer a{color:#fff;text-decoration:none}footer a:hover{color:var(--lime)}
@media(max-width:560px){nav a{margin-left:14px}body{font-size:17px}.hero{padding:52px 0 60px}}