*,*::before,*::after{box-sizing:border-box;border-radius:0}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#F7F6F2;color:#0C0C0C;font-family:'Space Grotesk',system-ui,sans-serif;line-height:1.5}
a{color:inherit}
.top{background:#0C0C0C;color:#F0EFE9;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;position:sticky;top:0;z-index:10}
.brand{text-decoration:none;display:flex;flex-direction:column;line-height:1}
.brand span{font-weight:700;font-size:1.3rem;letter-spacing:-.02em}
.brand small{font-family:'IBM Plex Mono',monospace;font-size:.62rem;color:#888;letter-spacing:.1em;text-transform:uppercase;margin-top:.3rem}
.top nav{display:flex;gap:.4rem}
.top nav a{text-decoration:none;border:1px solid #2A2A2A;padding:.5rem .9rem;font-weight:600;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase}
.top nav a.on{background:#F0EFE9;color:#0C0C0C}
.top nav a:hover{background:#C41E3A;border-color:#C41E3A;color:#F0EFE9}
main{max-width:52rem;margin:0 auto;padding:2.5rem 1.5rem 4rem}
main.wide{max-width:72rem}
h1{font-family:'DM Serif Display',serif;font-weight:400;font-size:2.8rem;line-height:1.05;letter-spacing:-.02em;margin:0 0 .4rem}
.head{border-bottom:3px solid #0C0C0C;padding-bottom:.8rem;margin-bottom:1.5rem}
.sub,.years,.crumbs{font-family:'IBM Plex Mono',monospace;font-size:.75rem;color:#888;letter-spacing:.06em}
.crumbs{margin-bottom:1.2rem}.crumbs a{color:#888}
.over{font-size:.68rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#888;margin:1.8rem 0 .6rem}
.lead{font-family:'DM Serif Display',serif;font-style:italic;font-size:1.18rem;line-height:1.65;color:#333;border-bottom:1px solid #D0CFC9;padding-bottom:1.2rem;margin-top:0}
.text p,.mention p{font-family:'DM Serif Display',serif;font-size:1.06rem;line-height:1.75;color:#1A1A1A;margin:0 0 1.1em}
a.c{color:#C41E3A;font-weight:700;text-decoration:none;border-bottom:2px solid #C41E3A;letter-spacing:.04em}
a.p{color:#2D7A4F;text-decoration:none;border-bottom:1px solid #2D7A4F}
.tags{display:flex;flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none}
.tags a,.tags span{display:inline-block;border:1.5px solid #0C0C0C;padding:.3rem .65rem;font-size:.85rem;text-decoration:none}
.tags span{border-color:#D0CFC9}
.tags a:hover{background:#0C0C0C;color:#F7F6F2}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.5rem;list-style:none;padding:0;margin:0}
.grid a{display:block;border:1.5px solid #0C0C0C;padding:.7rem .9rem;text-decoration:none;font-weight:500;height:100%}
.grid a:hover{background:#0C0C0C;color:#F7F6F2}
.grid small{display:block;font-family:'IBM Plex Mono',monospace;font-size:.7rem;color:#888;margin-top:.2rem}
.grid a:hover small{color:#bbb}
.letters{display:flex;flex-wrap:wrap;gap:.3rem;margin:0 0 1.5rem;font-family:'IBM Plex Mono',monospace;font-size:.8rem}
.letters a{text-decoration:none;padding:.2rem .5rem;border:1px solid #D0CFC9}
.letters a:hover{border-color:#C41E3A;color:#C41E3A}
h2.letter{font-family:'DM Serif Display',serif;font-weight:400;font-size:1.8rem;margin:2rem 0 .6rem;border-bottom:1.5px solid #0C0C0C;scroll-margin-top:5rem}
.mention{border-left:2px solid #D8D7D3;padding-left:.9rem;margin:.4rem 0 1.4rem}
.mention h2{font-family:'Space Grotesk',sans-serif;font-size:1rem;margin:0 0 .4rem}
.mention h2 a{color:#C41E3A;text-decoration:none;border-bottom:1.5px solid #C41E3A}
mark{background:#FFE8A0;padding:0 2px}
.btn{display:inline-block;background:#0C0C0C;color:#F7F6F2;text-decoration:none;padding:.6rem 1rem;font-weight:600;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;border:1.5px solid #0C0C0C}
.btn:hover{background:#C41E3A;border-color:#C41E3A;color:#F7F6F2}
.btn.ghost{background:transparent;color:#0C0C0C}
.btn.ghost:hover{color:#F7F6F2}
.ask{margin-top:2.5rem;padding-top:1.2rem;border-top:1.5px solid #0C0C0C}
form.q{display:flex;margin:1.5rem 0 2.5rem}
form.q input{flex:1;min-width:0;font:inherit;font-size:1.05rem;padding:.8rem 1rem;border:2px solid #0C0C0C;background:#F7F6F2;outline:none}
form.q input:focus{border-color:#C41E3A}
form.q button{font:inherit;font-weight:600;letter-spacing:.12em;text-transform:uppercase;font-size:.8rem;border:2px solid #0C0C0C;border-left:0;background:#0C0C0C;color:#F7F6F2;padding:0 1.2rem;cursor:pointer}
form.q button:hover{background:#C41E3A;border-color:#C41E3A}
.intro{font-family:'DM Serif Display',serif;font-size:1.25rem;line-height:1.6;color:#333;max-width:42rem}
footer{background:#0C0C0C;color:#888;display:flex;justify-content:space-between;gap:2rem;flex-wrap:wrap;padding:2rem;font-size:.85rem;line-height:1.9}
footer small{display:block;font-family:'IBM Plex Mono',monospace;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:#555}
footer a{color:#F0EFE9}
@media (max-width:700px){
 .top{padding:.8rem 1rem}.top nav a{padding:.4rem .55rem;font-size:.64rem;letter-spacing:.1em}
 h1{font-size:2.1rem}main{padding:1.8rem 1rem 3rem}
}