@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,700;1,400&family=Orbitron:wght@600;800&family=Share+Tech+Mono&display=swap');
:root{--void:#08070b;--ink:#11101a;--gold:#d4a843;--gold2:#f0d060;--red:#dc2040;--bord:#7d1538;--txt:#d8d4c8;--dim:#6a6168;--bright:#f3eee3;--line:rgba(212,168,67,.15)}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--void);color:var(--txt);font-family:'Cormorant Garamond',serif;font-size:18px;line-height:1.75;min-height:100vh}
.topbar{position:sticky;top:0;background:rgba(8,7,11,.96);border-bottom:1px solid var(--line);padding:14px 24px;z-index:100;backdrop-filter:blur(8px);display:flex;justify-content:space-between;align-items:center}
.topbrand{font-family:'Orbitron',sans-serif;font-size:14px;font-weight:800;letter-spacing:4px;color:var(--gold)}
.topbrand a{color:var(--gold);text-decoration:none}
.topmeta{font-family:'Share Tech Mono',monospace;font-size:10px;letter-spacing:2px;color:var(--dim);text-transform:uppercase}
.container{max-width:780px;margin:0 auto;padding:64px 32px 96px}
.kicker{font-family:'Share Tech Mono',monospace;font-size:11px;letter-spacing:3px;color:var(--gold);text-transform:uppercase;margin-bottom:14px;border-bottom:1px solid var(--line);padding-bottom:12px;display:flex;justify-content:space-between;align-items:baseline}
.kicker .cat{color:var(--gold)}
.kicker .date{color:var(--dim)}
h1{font-family:'Cormorant Garamond',serif;font-weight:700;font-size:48px;line-height:1.1;color:var(--bright);margin:0 0 18px;letter-spacing:-.5px}
.deck{font-style:italic;font-size:22px;color:var(--dim);line-height:1.45;margin-bottom:36px;border-left:2px solid var(--gold);padding-left:18px;font-weight:400}
.byline{display:flex;align-items:center;gap:14px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:42px}
.byline-name{font-family:'Orbitron',sans-serif;font-size:13px;color:var(--gold);letter-spacing:2px;font-weight:600}
.byline-title{font-family:'Share Tech Mono',monospace;font-size:10px;color:var(--dim);letter-spacing:1px;text-transform:uppercase}
.byline-sep{color:var(--dim)}
article p{margin-bottom:1.4em;text-align:justify;hyphens:auto}
article p:first-of-type::first-letter{font-family:'Cormorant Garamond',serif;font-size:5em;float:left;line-height:.85;padding:6px 12px 0 0;color:var(--gold);font-weight:700}
article p strong{color:var(--bright);font-weight:600}
article p em{color:var(--gold2);font-style:italic}
article blockquote{margin:32px 0;padding:14px 28px;border-left:3px solid var(--bord);font-style:italic;color:var(--bright);font-size:21px;line-height:1.55}
article h2{font-family:'Cormorant Garamond',serif;font-size:28px;color:var(--gold);margin:42px 0 16px;font-weight:600;letter-spacing:.5px}
.frappe{margin-top:48px;padding:24px 28px;border:1px solid var(--gold);background:rgba(212,168,67,.03);font-family:'Cormorant Garamond',serif;font-style:italic;font-size:24px;line-height:1.4;color:var(--gold2);text-align:center}
.footer-art{margin-top:64px;padding-top:32px;border-top:1px solid var(--line);font-family:'Share Tech Mono',monospace;font-size:11px;color:var(--dim);letter-spacing:1px;text-transform:uppercase;display:flex;justify-content:space-between;flex-wrap:wrap;gap:18px}
.footer-art a{color:var(--gold);text-decoration:none}
.footer-art a:hover{color:var(--bright)}
.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.tag{font-family:'Share Tech Mono',monospace;font-size:10px;padding:4px 10px;border:1px solid var(--line);color:var(--dim);letter-spacing:1px}
@media (max-width:680px){h1{font-size:34px}.container{padding:36px 18px 64px}.deck{font-size:18px}article{font-size:17px}.frappe{font-size:20px;padding:18px 20px}}