:root{--bg:#0a0a0f;--bg-elev:#12121a;--bg-card:#16161f;--ink:#f4f2f7;--ink-soft:#b8b4c4;--ink-mute:#6f6a80;--line:#24222e;--accent:#c9ff3d;--accent-2:#ff2d78;--accent-glow:rgba(201,255,61,0.18);--grad:linear-gradient(120deg,#ff2d78 0%,#c9ff3d 100%);--font-display:"Anton","Arial Narrow",sans-serif;--font-body:"Space Grotesk",ui-sans-serif,system-ui,sans-serif;--maxw:820px;}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}
body{background:var(--bg);color:var(--ink);font-family:var(--font-body);line-height:1.65;margin:0;-webkit-font-smoothing:antialiased;overflow-x:hidden;}
a{color:var(--accent);text-decoration:none;}
a:hover{text-decoration:underline;}
img{max-width:100%;display:block;}
.wrap{max-width:var(--maxw);margin:0 auto;padding-inline:20px;}
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:30;backdrop-filter:blur(14px);background:rgba(10,10,15,0.72);border-bottom:1px solid var(--line);}
.nav{display:flex;align-items:center;justify-content:space-between;height:62px;max-width:1120px;margin:0 auto;padding-inline:20px;}
.brand{font-family:var(--font-display);font-size:22px;letter-spacing:2px;color:var(--ink);}
.brand span{color:var(--accent);}
.nav-cta{border:1px solid var(--accent);color:var(--accent);background:transparent;cursor:pointer;padding:8px 16px;border-radius:100px;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;transition:background .2s,color .2s;}
.nav-cta:hover{background:var(--accent);color:#0a0a0f;text-decoration:none;}
main{padding-block:56px 72px;}
.eyebrow{font-size:12px;letter-spacing:2.5px;text-transform:uppercase;color:var(--accent);margin-bottom:16px;}
.crumb{font-size:13px;color:var(--ink-mute);margin-bottom:22px;letter-spacing:.5px;}
.crumb a{color:var(--ink-soft);}
h1.art-title{font-family:var(--font-display);font-weight:400;font-size:clamp(38px,8vw,72px);line-height:0.95;letter-spacing:-0.5px;margin:0 0 18px;text-wrap:balance;text-transform:uppercase;}
.art-lede{font-size:clamp(17px,2.6vw,21px);color:var(--ink-soft);margin:0 0 10px;max-width:60ch;}
.art-meta{font-size:13px;color:var(--ink-mute);letter-spacing:.5px;margin:0 0 40px;}
article h2{font-family:var(--font-display);font-weight:400;font-size:clamp(26px,4vw,38px);line-height:1;text-transform:uppercase;margin:44px 0 14px;text-wrap:balance;}
article h3{font-size:19px;margin:30px 0 8px;color:var(--ink);}
article p{color:var(--ink-soft);font-size:17px;margin:0 0 18px;}
article ul{color:var(--ink-soft);font-size:17px;padding-left:22px;margin:0 0 18px;display:grid;gap:8px;}
article strong{color:var(--ink);}
.callout{border:1px solid var(--accent);border-radius:16px;padding:22px 26px;background:linear-gradient(120deg,rgba(201,255,61,0.06),rgba(255,45,120,0.05));margin:30px 0;}
.callout b{color:var(--accent);display:block;margin-bottom:6px;font-size:14px;letter-spacing:1px;text-transform:uppercase;}
.callout p{margin:0;color:var(--ink-soft);font-size:16px;}
.cta-row{margin:44px 0 10px;}
.btn-primary{display:inline-block;background:var(--accent);color:#0a0a0f;font-weight:600;font-size:14px;letter-spacing:1px;text-transform:uppercase;padding:15px 28px;border-radius:100px;}
.btn-primary:hover{text-decoration:none;}
.index-list{display:grid;gap:16px;margin-top:8px;}
.index-card{display:block;background:rgba(255,255,255,0.045);border:1px solid rgba(255,255,255,0.09);border-radius:16px;padding:26px 26px;transition:border-color .2s,transform .15s;}
.index-card:hover{border-color:var(--accent);transform:translateY(-3px);text-decoration:none;}
.index-card h2{font-size:24px;margin:0 0 8px;color:var(--ink);text-transform:none;font-family:var(--font-body);font-weight:600;letter-spacing:0;}
.index-card p{margin:0;color:var(--ink-soft);font-size:15px;}
.index-card .read{color:var(--accent);font-size:13px;letter-spacing:1px;text-transform:uppercase;margin-top:12px;display:inline-block;}
footer{border-top:1px solid var(--line);padding-block:36px;background:var(--bg-elev);margin-top:56px;}
.foot{max-width:1120px;margin:0 auto;padding-inline:20px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;}
.foot-brand{font-family:var(--font-display);font-size:20px;letter-spacing:2px;}
.foot-brand span{color:var(--accent);}
.foot-fresh{font-size:12px;color:var(--ink-mute);letter-spacing:.5px;}
.foot-fresh time{color:var(--ink-soft);}
.foot-legal{font-size:12px;color:var(--ink-mute);width:100%;}