:root{--bg-canvas:#0b0b0d;--bg-surface:#19191c;--bg-surface-hover:#232326;--text-primary:#f4f4f5;--text-muted:#c0c4cc;--accent-primary:#dc2626;--accent-secondary:#f87171;--border-subtle:rgba(192,196,204,.3);--ease-kinetic:cubic-bezier(.16,1,.3,1);--shadow-elevation:none;--glow-accent:none;--glass-backdrop:blur(20px) saturate(190%);--space:clamp(1.2rem,4vw,3.5rem)}
*{box-sizing:border-box;overflow-wrap:anywhere;hyphens:auto}
body{margin:0;background:var(--bg-canvas);color:var(--text-primary);font:1rem/1.75 system-ui,"Segoe UI",Roboto,sans-serif}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.24em}
a:hover{color:var(--accent-secondary)}
button,input,textarea,select{font:inherit}
button,a,input,textarea,select{touch-action:manipulation}
:focus-visible{outline:3px solid var(--accent-secondary);outline-offset:5px}
img{display:block;width:100%;height:100%;object-fit:cover}
h1,h2,h3{font-weight:800;letter-spacing:-.045em;line-height:1.12;text-wrap:balance}
h1{font-size:clamp(2.5rem,5.5vw,3.5rem);margin:.3em 0 .6em;max-width:20ch}
h2{font-size:2rem;margin:0 0 .7em}
h3{font-size:1.5rem;margin:.2em 0 .7em}
p{margin:0 0 1.2em}ul,ol{padding-left:1.4rem}li{margin-bottom:.5rem}
.wrap{max-width:1200px;margin-inline:auto;padding-inline:var(--space)}
.skip{position:absolute;left:1rem;top:-100px;z-index:20;background:var(--text-primary);color:var(--bg-canvas);padding:.7rem}
.skip:focus{top:1rem}
.site-header{position:relative;border-bottom:1px solid var(--border-subtle);z-index:5}
.header-inner{display:flex;align-items:center;gap:1.8rem;max-width:1500px;padding:1.15rem clamp(1rem,2vw,2rem);margin:auto}
.brand{display:flex;align-items:center;gap:.6rem;font-weight:800;font-size:1.06rem;text-decoration:none;white-space:nowrap;hyphens:none;flex-shrink:0}
.brand-mark{display:inline-grid;place-items:center;border:2px solid var(--accent-primary);width:27px;height:27px;color:var(--accent-secondary);font-size:1rem}
.site-nav{display:flex;justify-content:space-between;align-items:center;gap:.85rem;flex:1}
.site-nav a{font-size:.78rem;text-decoration:none;white-space:nowrap}
.site-nav a[aria-current=page]{text-decoration:underline;text-decoration-color:var(--accent-primary);text-decoration-thickness:3px}
.menu-toggle{display:none;margin-left:auto;border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-primary);font-size:1.7rem;line-height:1;width:44px;height:44px;cursor:pointer}
.eyebrow{font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:var(--accent-secondary);font-weight:700}
.intro{padding-block:clamp(3rem,7vw,6rem)}
.lead{font-size:1.16rem;color:var(--text-muted);max-width:65ch}
.button,button.control{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:.75rem 1.1rem;border:1px solid var(--accent-primary);background:transparent;color:var(--text-primary);font-size:.76rem;font-weight:750;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background .25s,color .25s}
.button:hover,button.control:hover{background:var(--accent-primary);color:white}
.button.secondary{border-color:var(--border-subtle)}
.actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-block:1.2rem}
.hero{position:relative;margin:0 0 4rem}
.hero-photo{aspect-ratio:16/9;min-height:430px}
.fact-panel{position:absolute;right:var(--space);bottom:1.5rem;width:min(400px,43%);padding:1.4rem;background:rgba(11,11,13,.92);border:1px solid var(--border-subtle);backdrop-filter:var(--glass-backdrop)}
.fact-panel h2{font-size:1.5rem}.fact-panel ol{margin-bottom:0}.fact-panel li{font-size:.92rem}.fact-panel strong{color:white}
.caption{display:block;color:var(--text-muted);font-size:.82rem;padding:.7rem 0;line-height:1.6}
.split{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(1.5rem,4vw,4rem);align-items:center;padding-block:3.5rem;border-top:1px solid var(--border-subtle)}
.split.reverse{grid-template-columns:1fr 1.15fr}
.split.reverse .essay-text{order:2}.split.reverse .essay-media{order:1}
.essay-text p{max-width:65ch}.essay-media{margin:0;min-width:0}.essay-media img{aspect-ratio:4/3}
.note{border-left:3px solid var(--accent-primary);background:var(--bg-surface);padding:.8rem 1rem;color:var(--text-muted);font-size:.88rem;margin-block:1.2rem}
.band{background:var(--accent-primary);color:white;padding:2.2rem 0;margin-block:1.5rem}.band p{margin:0;font-size:clamp(1.2rem,2vw,1.6rem);font-weight:750;max-width:55ch}
.section{padding-block:3rem}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:1.2rem}
.card{background:var(--bg-surface);border:1px solid var(--border-subtle);padding:1.5rem;transition:transform .4s var(--ease-kinetic),background .4s}
.card:hover{transform:translateY(-4px);background:var(--bg-surface-hover)}
.card img{aspect-ratio:4/3;margin-bottom:1.2rem}
.card.highlight{border-top:4px solid var(--accent-primary)}
.compact{display:flex;align-items:center;gap:1rem}.compact img{width:90px;aspect-ratio:1;margin:0;flex-shrink:0}.compact h3{font-size:1.2rem}
.reading{max-width:72ch;margin-inline:auto}.reading h2{margin-top:2em}.reading h3{margin-top:1.6em}
.article-header{padding-block:4rem 2rem}
.article-hero{margin:0 0 2.5rem}.article-hero img{aspect-ratio:16/9}
.article-end{border-top:1px solid var(--border-subtle);margin-top:3rem;padding-top:1.5rem}
.comparison{width:100%;border-collapse:collapse;font-size:.93rem}.comparison th,.comparison td{padding:1rem;text-align:left;border:1px solid var(--border-subtle);vertical-align:top}.comparison th{background:var(--bg-surface)}
details{border-top:1px solid var(--border-subtle);padding:1.15rem 0}details:last-child{border-bottom:1px solid var(--border-subtle)}summary{font-weight:750;cursor:pointer;padding-right:1rem}details p{margin:1rem 0 .2rem;color:var(--text-muted)}
form{display:grid;gap:1.1rem}label{display:block;font-weight:700}input,select,textarea{display:block;width:100%;border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-primary);padding:.85rem;margin-top:.4rem;border-radius:0}textarea{min-height:180px;resize:vertical}.help{font-size:.88rem;color:var(--text-muted)}.status{min-height:1.8em;color:var(--text-muted)}.message-preview{white-space:pre-wrap;background:var(--bg-surface);border:1px solid var(--border-subtle);padding:1.2rem;font:inherit}
.site-footer{margin-top:4rem;border-top:1px solid var(--border-subtle);padding-block:2.5rem;color:var(--text-muted);font-size:.88rem}.footer-inner{display:flex;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.footer-links{display:flex;gap:1.2rem;flex-wrap:wrap}.site-footer p{margin:.7rem 0 0}.site-footer a{color:var(--text-primary)}
.reveal{opacity:1;transform:none}
.motion-ready .reveal{opacity:0;transform:translateY(18px);transition:opacity .8s var(--ease-kinetic),transform .8s var(--ease-kinetic)}
.motion-ready .reveal.reveal-visible{opacity:1;transform:translateY(0)}
[hidden]{display:none!important}
@media(min-width:1025px){.site-nav{gap:.65rem}.site-nav a{font-size:.75rem}}
@media(min-width:769px) and (max-width:1024px){.header-inner{gap:1rem;flex-wrap:wrap}.site-nav{flex-basis:100%;justify-content:space-between}.split{gap:2rem}}
@media(min-width:481px) and (max-width:768px){.hero-photo{min-height:370px}.fact-panel{width:52%;right:1rem;padding:1rem}.split{gap:1.5rem}}
@media(max-width:768px){.split,.split.reverse{grid-template-columns:1fr}.split.reverse .essay-text,.split.reverse .essay-media{order:initial}.split{padding-block:2.4rem}.article-header{padding-top:2.5rem}}
@media(max-width:767px){.header-inner{padding:1rem;justify-content:space-between}.menu-toggle{display:block}.site-nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:var(--bg-surface);border-bottom:2px solid var(--accent-primary);padding:1rem}.site-nav.is-open{display:flex;animation:menuDown .2s var(--ease-kinetic)}.site-nav a{padding:.7rem;font-size:1rem}.brand{font-size:1rem}}
@media(max-width:480px){.intro{padding-block:2.5rem}.hero{margin-bottom:2rem}.hero-photo{aspect-ratio:4/5;min-height:0}.fact-panel{position:relative;right:auto;bottom:auto;width:100%;border-top:3px solid var(--accent-primary);background:var(--bg-surface);padding:1.2rem}.section{padding-block:2rem}.compact{align-items:flex-start}.compact img{width:70px}.footer-inner{display:block}.footer-links{margin-top:1.2rem}}
@keyframes menuDown{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1;transform:none}}