@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Inter:wght@400;500;600;700;800&family=Oswald:wght@500;600;700&display=swap');
:root{--gold:#B87200;--orange:#FF5F00;--ink:#1C1408;--cream:#FAF6EF;--light:#F2EAD8;--muted:#6B5A44;--border:#E6DBCA}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--cream);color:var(--ink);font-family:'Inter',Arial,sans-serif;line-height:1.6;font-size:16px}
a{color:var(--ink);text-decoration:none}
.wrap{max-width:1140px;margin:0 auto;padding:0 22px}
h1,h2,.serif{font-family:'DM Serif Display',Georgia,serif;font-weight:400}
/* ticker */
.topbar{background:var(--ink);color:var(--cream);font-family:'Inter',monospace;font-size:12px;overflow:hidden;white-space:nowrap}
.topbar .tick{display:inline-block;padding:8px 0;animation:tick 70s linear infinite}
.topbar span{margin:0 20px;color:#CBBFA9}
.topbar b{color:var(--orange);font-weight:700}
.topbar i{font-style:normal}.topbar .up{color:#7BD8A0}.topbar .dn{color:#FF9B84}
@keyframes tick{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
/* header */
header.site{background:var(--cream);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50}
.masthead{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:14px;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:13px}
.logo svg{height:50px;width:auto;display:block}
.logo img.mark{height:46px;width:46px;border-radius:11px;display:block}
nav.main{display:flex;gap:2px;flex-wrap:wrap;align-items:center}
nav.main a{padding:8px 13px;font-size:13.5px;font-weight:600;color:var(--muted);border-radius:20px}
nav.main a:hover{background:var(--light);color:var(--ink)}
nav.main a.on{background:var(--ink);color:var(--cream)}
.xbtn{background:var(--gold);color:#fff!important;border-radius:20px;font-weight:700}
.xbtn:hover{background:var(--orange)!important;color:#fff!important}
/* hero */
.hero{padding:52px 0 40px;background:linear-gradient(180deg,var(--cream),var(--light) 140%)}
.herogrid{display:grid;grid-template-columns:1.15fr 1fr;gap:44px;align-items:center}
@media(max-width:900px){.herogrid{grid-template-columns:1fr}}
.kicker{display:inline-block;font-size:12px;font-weight:800;letter-spacing:2.5px;color:var(--gold);text-transform:uppercase;margin-bottom:14px}
.hero h1{font-size:clamp(36px,5vw,58px);line-height:1.05;letter-spacing:-.5px}
.hero h1 em{color:var(--gold);font-style:italic}
.hero p.dek{margin-top:16px;font-size:18px;color:var(--muted);max-width:640px}
.cta{margin-top:24px;display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-block;padding:13px 26px;border-radius:28px;font-weight:700;font-size:15px}
.btn.solid{background:var(--ink);color:var(--cream)}
.btn.solid:hover{background:var(--gold);color:#fff}
.btn.ghost{border:1.5px solid var(--ink)}
.btn.ghost:hover{background:var(--ink);color:var(--cream)}
.heroart{border-radius:18px;overflow:hidden;border:1px solid var(--border);box-shadow:0 18px 40px rgba(107,90,68,.16)}
.heroart svg,.heroart img{display:block;width:100%;height:auto}
/* chips + cards */
.chip{display:inline-block;font-size:11px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;padding:4px 11px;border-radius:12px}
.grid{display:grid;gap:22px}.g3{grid-template-columns:repeat(3,1fr)}.g2{grid-template-columns:1.5fr 1fr}
@media(max-width:880px){.g3,.g2{grid-template-columns:1fr}}
.card{background:#fff;border:1px solid var(--border);border-radius:16px;overflow:hidden;display:block;transition:transform .15s,box-shadow .15s}
.card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(107,90,68,.15)}
.card .art{aspect-ratio:16/9;overflow:hidden}
.card .art svg{width:100%;height:100%;display:block}
.card .pad{padding:18px 20px 20px}
.card h3{font-family:'DM Serif Display',Georgia,serif;font-size:21px;line-height:1.2;margin:10px 0 8px;font-weight:400}
.card p{font-size:14px;color:var(--muted)}
.card .meta{margin-top:12px;font-size:12px;color:#A08B6C;font-weight:600}
.sechead{display:flex;align-items:baseline;justify-content:space-between;margin:46px 0 20px;gap:10px}
.sechead h2{font-size:30px}
.sechead h2 .bolt{color:var(--gold)}
.sechead a{font-size:13px;font-weight:700;color:var(--gold)}
.sechead a:hover{color:var(--orange)}
/* wire */
.wire{background:#fff;border:1px solid var(--border);border-radius:16px;padding:4px 0;max-height:540px;overflow-y:auto}
.wire .item{display:flex;gap:12px;padding:11px 18px;border-bottom:1px solid #F3ECDF;font-size:13.5px}
.wire .item:last-child{border-bottom:none}
.wire time{color:var(--gold);font-weight:700;font-size:11.5px;white-space:nowrap;padding-top:2px}
.wire .t{color:#4A3E2C}.wire .t b{color:var(--ink)}
.livehdr{display:flex;align-items:center;gap:10px}
.dot{width:9px;height:9px;border-radius:50%;background:var(--orange);animation:blink 1.4s infinite}
@keyframes blink{50%{opacity:.25}}
/* stats */
.statrow{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:34px 0 6px}
@media(max-width:700px){.statrow{grid-template-columns:repeat(2,1fr)}}
.stat{background:#fff;border:1px solid var(--border);border-radius:16px;padding:20px;text-align:center}
.stat b{display:block;font-family:'DM Serif Display',Georgia,serif;font-size:34px;color:var(--gold);font-weight:400}
.stat span{font-size:12px;color:var(--muted);font-weight:600}
/* video */
.vidgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
@media(max-width:880px){.vidgrid{grid-template-columns:1fr}}
.vid{background:#fff;border:1px solid var(--border);border-radius:16px;overflow:hidden}
.vid .frame{aspect-ratio:16/9}
.vid iframe{width:100%;height:100%;display:block;border:0}
.vid .pad{padding:14px 18px 16px}
.vid h4{font-family:'DM Serif Display',Georgia,serif;font-size:18px;font-weight:400}
.vid p{font-size:13px;color:var(--muted);margin-top:4px}
/* article */
article.post{max-width:740px;margin:0 auto;padding:46px 0 10px}
article.post h1{font-size:clamp(32px,4.5vw,46px);line-height:1.1;margin:14px 0 12px}
article.post .dek{font-size:19px;color:var(--muted);margin-bottom:18px;font-weight:500}
article.post .byline{font-size:12.5px;color:#A08B6C;font-weight:700;letter-spacing:1px;text-transform:uppercase;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:12px 0;margin-bottom:8px}
.postart{border-radius:16px;overflow:hidden;border:1px solid var(--border);margin:24px 0 30px}
.postart svg,.postart img{width:100%;height:auto;display:block}
.postart .cap,.heroart .cap{background:#fff;padding:9px 16px;font-size:12px;color:#A08B6C}
.heroart img{width:100%;display:block;aspect-ratio:16/10;object-fit:cover}
article.post .body p{margin-bottom:20px;font-size:17.5px;color:#33291A}
article.post .body p b{color:var(--ink)}
article.post .pull{border-left:4px solid var(--gold);padding:8px 0 8px 20px;margin:30px 0;font-family:'DM Serif Display',Georgia,serif;font-size:24px;line-height:1.3;color:var(--ink)}
.note{background:var(--light);border:1px solid var(--border);border-radius:12px;padding:15px 18px;font-size:13.5px;color:var(--muted);margin:28px 0}
.vidembed{margin:28px 0;border-radius:16px;overflow:hidden;border:1px solid var(--border)}
.vidembed .frame{aspect-ratio:16/9}
.vidembed iframe{width:100%;height:100%;display:block;border:0}
.vidembed .cap{background:#fff;padding:10px 16px;font-size:13px;color:var(--muted)}
/* list rows */
.listrow{display:grid;grid-template-columns:150px 1fr;gap:20px;padding:22px 0;border-bottom:1px solid var(--border);align-items:start}
@media(max-width:700px){.listrow{grid-template-columns:1fr}}
.listrow .thumb{border-radius:12px;overflow:hidden;border:1px solid var(--border);aspect-ratio:16/10}
.listrow .thumb svg{width:100%;height:100%;display:block}
.listrow time{display:block;font-size:12px;color:#A08B6C;font-weight:700;margin-bottom:4px}
.listrow h3{font-family:'DM Serif Display',Georgia,serif;font-size:23px;font-weight:400;line-height:1.2}
.listrow h3 a:hover{color:var(--gold)}
.listrow p{font-size:14.5px;color:var(--muted);margin-top:5px}
.banner{background:var(--light);border:1px solid var(--border);border-radius:16px;padding:20px 24px;margin:40px 0;font-size:14.5px}
.banner b{color:var(--gold)}
.banner a{color:var(--gold);font-weight:700}
/* footer */
footer.site{margin-top:70px;background:var(--ink);color:#CBBFA9;padding:44px 0 30px}
.flogo{display:flex;align-items:center;gap:14px;margin-bottom:32px}
.flogo img{height:46px;width:46px;border-radius:11px;display:block}
.flogo svg{height:50px;width:auto;display:block}
footer .cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px}
@media(max-width:700px){footer .cols{grid-template-columns:1fr}}
footer h4{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--orange);margin-bottom:12px;font-family:'Inter',sans-serif}
footer a{display:block;font-size:14px;color:#CBBFA9;padding:3px 0}
footer a:hover{color:#fff}
footer .fine{margin-top:30px;border-top:1px solid #3A2F1E;padding-top:18px;font-size:11.5px;color:#8A7A5F;line-height:1.7}
.satire{background:#FBF0CB;border:1px solid #E3C94F;color:#8A6D00;font-size:11px;letter-spacing:1.5px;font-weight:800;display:inline-block;padding:3px 10px;border-radius:10px;text-transform:uppercase}