
:root{--bg:#0a0a0c;--panel:#121216;--ink:#f4f4f2;--mut:#9d9da6;--acc:#c8f31d;--line:#232329;--max:1240px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"Segoe UI",Arial,"Helvetica Neue",sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit}
img{display:block;max-width:100%}
.skip{position:absolute;left:-9999px}
.skip:focus{left:1rem;top:1rem;background:var(--acc);color:#0a0a0c;padding:.7rem 1rem;z-index:99;font-weight:700}
.wrap{max-width:var(--max);margin:auto;padding-left:1.25rem;padding-right:1.25rem}
.topline{background:#000;border-bottom:1px solid var(--line);color:var(--mut);font-size:.72rem;letter-spacing:.08em}
.topline .wrap{display:flex;justify-content:space-between;gap:1rem;padding-top:.4rem;padding-bottom:.4rem}
.mast{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:.9rem;padding-bottom:.9rem;border-bottom:1px solid var(--line)}
.brand{font-weight:800;font-size:1.6rem;letter-spacing:-.02em;text-decoration:none;color:var(--ink)}
.brand span{color:var(--acc)}
.mast-note{font-size:.68rem;text-transform:uppercase;letter-spacing:.18em;color:var(--mut)}
.mast-note.right{text-align:right}
.nav{border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(10,10,12,.97);z-index:20}
.nav .wrap{display:flex;align-items:center;gap:1.2rem}
.nav a{padding:.82rem 0;text-decoration:none;font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:var(--mut)}
.nav a:hover,.nav a:focus{color:var(--acc)}
.menu-btn{display:none;background:none;border:1px solid var(--line);color:var(--ink);font-family:inherit;font-weight:700;font-size:.78rem;letter-spacing:.08em;padding:.85rem 1rem;cursor:pointer;margin:.65rem 0 .65rem 1.25rem;min-height:44px}
.kicker{display:inline-block;font-weight:800;font-size:.66rem;text-transform:uppercase;letter-spacing:.16em;color:var(--acc)}
.meta{color:var(--mut);font-size:.78rem}
.hero{display:grid;grid-template-columns:1.75fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin-top:1.1rem}
.lead{position:relative;min-height:470px;overflow:hidden;background:#15151a}
.lead img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}
.lead:after{content:"";position:absolute;inset:38% 0 0;background:linear-gradient(transparent,rgba(10,10,12,.94))}
.lead-copy{position:absolute;left:1.4rem;right:1.4rem;bottom:1.3rem;z-index:2}
.lead-copy h1,.lead-copy h2{margin:.6rem 0 .5rem;font-size:clamp(1.5rem,3.2vw,2.5rem);line-height:1.1;font-weight:800;letter-spacing:-.02em;text-wrap:balance}
.lead-copy h1 a,.lead-copy h2 a{text-decoration:none;color:#fff;border-bottom:3px solid var(--acc)}
.lead-copy h1 a:hover,.lead-copy h1 a:focus,.lead-copy h2 a:hover,.lead-copy h2 a:focus{color:var(--acc)}
.lead-copy p{margin:0 0 .55rem;color:#d9d9de;max-width:62ch}
.lead-copy .meta{color:#b9b9c0}
.side-stack{display:grid;grid-template-rows:1fr 1fr;gap:1px;background:var(--line)}
.story{background:var(--panel);border:1px solid var(--line);padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.45rem;min-width:0}
.story a{text-decoration:none;display:block}
.story img{width:100%;aspect-ratio:16/10;object-fit:cover;border:1px solid var(--line)}
.story h3{margin:.35rem 0 0;font-size:1.02rem;line-height:1.35;font-weight:700}
.story a:hover h3,.story a:focus h3{color:var(--acc)}
.story p{margin:0;color:var(--mut);font-size:.85rem}
.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin:1.7rem 0 1rem}
.section-head h2{font-size:.95rem;font-weight:800;text-transform:uppercase;letter-spacing:.14em}
.section-head h2:before{content:"//";color:var(--acc);margin-right:.55rem}
.section-head span{font-size:.68rem;letter-spacing:.14em;color:var(--mut);text-transform:uppercase}
.story-grid,.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.9rem}
.manifesto{display:grid;grid-template-columns:1fr 1.4fr;gap:1.5rem;border:1px solid var(--line);background:var(--panel);padding:1.4rem;margin:1.7rem 0}
.manifesto h2{margin:.5rem 0 0;font-size:1.5rem;font-weight:800;letter-spacing:-.01em}
.manifesto p{margin:0 0 .8rem;color:#cfcfd6}
.manifesto a{color:var(--acc);font-weight:700}
.page{max-width:860px;margin:1.7rem auto 2.2rem;padding:0 1.25rem}
.page h1,.article-head h1{font-size:clamp(1.7rem,4vw,2.6rem);line-height:1.12;font-weight:800;letter-spacing:-.02em;margin:.5rem 0 .7rem;text-wrap:balance}
.dek{font-size:1.02rem;color:var(--mut);margin:0 0 .8rem}
.page h2{font-size:1.02rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;margin:1.5rem 0 .5rem;color:var(--acc)}
.page p{color:#d9d9de}
.category-tag{display:inline-block;background:var(--acc);color:#0a0a0c;font-weight:800;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;padding:.38rem .62rem;text-decoration:none}
.byline{color:var(--mut);font-size:.82rem}
.byline strong{color:var(--ink)}
.article-shell{max-width:820px;margin:auto;padding:0 1.25rem}
.article-head{padding-top:1.6rem}
.article-hero{max-width:820px;margin:1.2rem auto}
.article-hero img{width:100%;height:auto;border:1px solid var(--line)}
.caption{color:var(--mut);font-size:.78rem;padding:.55rem 1.25rem 0}
.article-body{font-size:1.04rem;line-height:1.72;padding-bottom:1.5rem}
.article-body h2{font-size:1.25rem;font-weight:800;letter-spacing:-.01em;margin:1.8rem 0 .6rem;padding-left:.7rem;border-left:4px solid var(--acc)}
.article-body h3{font-size:1.05rem;font-weight:700;margin:1.3rem 0 .4rem}
.article-body p{margin:0 0 1rem;color:#dedee3}
.article-body ul,.article-body ol{margin:0 0 1rem;padding-left:1.3rem;color:#dedee3}
.article-body li{margin-bottom:.4rem}
.article-body a{color:var(--acc)}
.source-note{background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--acc);padding:.9rem 1rem;font-size:.86rem;color:#cfcfd6;margin:0 0 1.4rem;line-height:1.6}
.source-note a{color:var(--acc)}
.sources{border-top:1px solid var(--line);margin-top:1.6rem;padding-top:1rem}
.sources h2{font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.14em;color:var(--acc)}
.sources ul{margin:.6rem 0;padding-left:1.2rem;color:#d9d9de;font-size:.9rem}
.sources li{margin-bottom:.35rem}
.sources a{color:var(--acc)}
.notice{border:1px solid var(--line);background:var(--panel);padding:.9rem 1rem;font-size:.85rem;color:var(--mut);margin-top:1.4rem}
.related{padding:0 1.25rem 2rem}
.footer{border-top:1px solid var(--line);background:#000}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem;padding:2rem 0 1.4rem}
.footer p,.footer a{color:var(--mut);font-size:.85rem;text-decoration:none;line-height:1.9}
.footer a:hover,.footer a:focus{color:var(--acc)}
.footer strong{color:var(--ink);font-size:.78rem;text-transform:uppercase;letter-spacing:.12em}
.footer .brand{font-size:1.3rem}
.copyright{border-top:1px solid var(--line);color:#6d6d76;font-size:.75rem;padding:1rem 0 1.4rem}
a:focus-visible,button:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
@media(max-width:900px){.mast-note{display:none}.hero{grid-template-columns:1fr}.lead{min-height:400px}.side-stack{grid-template-rows:none}.manifesto{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.nav .wrap{display:none}.nav.open .wrap{display:block;padding:0 1.25rem .9rem}.nav.open .wrap a{display:block;padding:.72rem 0;border-bottom:1px solid var(--line)}.menu-btn{display:block}.footer-grid{grid-template-columns:1fr}.lead-copy{left:1rem;right:1rem;bottom:1.1rem}}

.home-title{padding:1.4rem 0 .2rem}.home-title h1{font-size:clamp(1.7rem,4vw,2.6rem);line-height:1.12;font-weight:800;letter-spacing:-.02em;margin:.45rem 0 .55rem;text-wrap:balance}.home-title .dek{max-width:46rem;color:var(--muted,#b7b7b4)}
