:root{--ink:#181818;--paper:#f3f1e9;--green:#a7f3d0;--pink:#ff1974;--muted:#b7b7b7;--line:#343434}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:Archivo,Arial,sans-serif;line-height:1.7}a{color:inherit}img{max-width:100%;display:block}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1rem clamp(1rem,4vw,4rem);background:rgba(24,24,24,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.site-header img{width:190px}.site-nav{display:flex;gap:1.25rem;flex-wrap:wrap;font-family:"Source Code Pro",monospace;font-size:.86rem}.site-nav a{text-decoration:none}.site-nav a:hover{color:var(--pink)}.page-hero{min-height:55vh;display:grid;align-items:end;padding:clamp(4rem,9vw,8rem) clamp(1.25rem,8vw,8rem);background:radial-gradient(circle at 80% 20%,rgba(255,25,116,.28),transparent 28%),linear-gradient(135deg,#202020 0 58%,#243b34 58%)}.page-hero.article{min-height:72vh;background-size:cover;background-position:center;position:relative}.page-hero.article:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(24,24,24,.96),rgba(24,24,24,.52))}.hero-inner{position:relative;max-width:1050px}.eyebrow,.meta{font-family:"Source Code Pro",monospace;color:var(--green);text-transform:uppercase;letter-spacing:.1em;font-size:.82rem}.page-hero h1{font-size:clamp(2.6rem,7vw,6.6rem);line-height:.94;margin:.35rem 0 1rem;text-transform:uppercase;letter-spacing:-.045em}.page-hero p{max-width:760px;font-size:clamp(1.05rem,2vw,1.35rem)}.shell{width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:clamp(3rem,7vw,7rem) 0}.content-panel{background:#222;border:1px solid var(--line);border-radius:1.25rem;padding:clamp(1.35rem,4vw,4rem);box-shadow:12px 12px 0 var(--pink)}.content-panel h2,.article-body h2{color:var(--green);font-size:clamp(1.6rem,3vw,2.5rem);line-height:1.1;margin-top:2.7rem}.content-panel h2:first-child,.article-body h2:first-child{margin-top:0}.content-panel h3,.article-body h3{color:var(--pink)}.content-panel p,.article-body p{max-width:78ch}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.card{background:#222;border:1px solid var(--line);border-radius:1rem;overflow:hidden;transition:.25s transform,.25s border-color}.card:hover{transform:translateY(-6px);border-color:var(--pink)}.card img{width:100%;height:220px;object-fit:cover}.card-body{padding:1.3rem}.card h2,.card h3{font-size:1.35rem;line-height:1.15;margin:.5rem 0}.card a{text-decoration:none}.card p{color:#d1d1d1}.tag{display:inline-block;background:var(--green);color:var(--ink);padding:.2rem .55rem;border-radius:99px;font:700 .72rem "Source Code Pro",monospace;text-transform:uppercase}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:3rem;align-items:start}.article-body{font-size:1.08rem}.article-body p{margin:1.2rem 0}.article-body blockquote{margin:2rem 0;padding:1.2rem 1.5rem;border-left:6px solid var(--pink);background:#242424;font-size:1.2rem}.side-note{position:sticky;top:7rem;background:var(--green);color:var(--ink);border-radius:1rem;padding:1.35rem}.side-note h3{margin-top:0}.source-box{margin-top:3rem;background:#202020;border:1px solid var(--line);padding:1.5rem;border-radius:1rem}.source-box li{margin:.6rem 0}.source-box a{color:var(--green)}.section-title{font-size:clamp(2.2rem,5vw,4.4rem);text-transform:uppercase;line-height:1;margin:0 0 2rem}.site-footer{padding:3rem clamp(1.25rem,6vw,6rem);background:#0d0d0d;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.2fr 2fr;gap:2rem;align-items:start}.site-footer img{width:220px;margin-bottom:1rem}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem 1.5rem}.footer-links a{text-decoration:none;color:#d4d4d4}.footer-links a:hover{color:var(--pink)}.copyright{margin-top:2rem;color:#777;font-family:"Source Code Pro",monospace;font-size:.78rem}.notice{padding:1rem;border:1px dashed var(--pink);border-radius:.7rem;color:#ddd}.cta{display:inline-block;margin-top:1rem;padding:.8rem 1.1rem;background:var(--pink);color:white;text-decoration:none;border-radius:.55rem;font-weight:700}@media(max-width:850px){.site-header{align-items:flex-start;flex-direction:column}.site-nav{gap:.7rem 1rem}.cards{grid-template-columns:1fr}.article-layout{grid-template-columns:1fr}.side-note{position:static}.footer-grid{grid-template-columns:1fr}.footer-links{grid-template-columns:repeat(2,1fr)}.page-hero h1{font-size:clamp(2.5rem,13vw,4.5rem)}}