
:root{
  --navy:#0d0b09 !important;
  --navy-2:#1a1510 !important;
  --blue:#3972c6 !important;
  --blue-2:#1f5799 !important;
  --green:#87c34a !important;
  --green-2:#4d873b !important;
  --gold:#f4bd4d !important;
  --red:#c72f25 !important;
  --paper:#fffdf8 !important;
  --canvas:#f5efe5 !important;
  --soft:#f4ead8 !important;
  --ink:#17120e !important;
  --muted:#6c6259 !important;
  --line:#dcc9a8 !important;
  --shadow:0 16px 42px rgba(28,18,8,.14) !important;
}
*{min-width:0;box-sizing:border-box}
body{
  background:
    radial-gradient(circle at 8% 0%,rgba(244,189,77,.13),transparent 22%),
    radial-gradient(circle at 92% 5%,rgba(199,47,37,.10),transparent 24%),
    var(--canvas) !important;
}
.brandbar{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(115deg,transparent 0 22%,rgba(244,226,190,.13) 22% 28%,transparent 28% 45%,rgba(244,226,190,.10) 45% 52%,transparent 52%),
    radial-gradient(circle at 50% 130%,rgba(199,47,37,.27),transparent 42%),
    #080706 !important;
  border-bottom:5px solid var(--gold) !important;
}
.brandbar:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.75;
  background-image:radial-gradient(circle,#f4bd4d 0 1.2px,transparent 1.6px);
  background-size:52px 52px;
}
.brandinner{position:relative;z-index:1}
.brandlogo{filter:drop-shadow(0 4px 15px rgba(0,0,0,.35))}
.programtag .eyebrow{color:var(--gold) !important}
.programtag h1{color:#fff !important;text-transform:uppercase;letter-spacing:.025em}
.programtag p{color:#e8d9c4 !important}
.sitebar{background:#11100f !important;border-bottom:1px solid #46361e !important}
.site-title{color:var(--gold) !important;text-transform:uppercase;letter-spacing:.065em;font-size:.92rem}
.site-links a,.site-links button{background:#1d1915 !important;color:#f8ecd9 !important;border-color:#584527 !important}
.site-links a:hover,.site-links button:hover{background:#2a2219 !important;border-color:var(--gold) !important}
.site-links a.active,.site-links button.active{background:var(--gold) !important;color:#120f0b !important;border-color:var(--gold) !important}
.cinema-strip{
  margin:-1px 0 0;background:#25180e;color:#fff;border-top:1px solid #47301b;border-bottom:4px solid var(--red);
  padding:8px 18px;text-align:center;font-weight:950;text-transform:uppercase;letter-spacing:.14em;font-size:clamp(10px,1.2vw,13px)
}
.cinema-strip span{color:var(--gold)}
.hero-main{
  background:
    radial-gradient(circle at 86% 8%,rgba(244,189,77,.26),transparent 27%),
    linear-gradient(145deg,#0a0908,#21170f 64%,#38130e) !important;
  border:1px solid #6f5227;
  box-shadow:0 18px 55px rgba(26,12,2,.25) !important;
}
.hero-main:before{
  content:"";position:absolute;left:-14%;top:-20%;width:52%;height:150%;transform:rotate(17deg);
  background:linear-gradient(90deg,transparent,rgba(255,245,210,.13),transparent);pointer-events:none
}
.hero-main:after{background:rgba(199,47,37,.18) !important}
.hero-kicker,.eyebrow{color:var(--red) !important}
.hero-main .hero-kicker{color:var(--gold) !important}
.hero-main h2{color:#fff}
.hero-main p{color:#eadfce !important}
.hero-side{background:#fffaf1 !important;border-color:#d9bd8d !important}
.hero-side h3{color:#1e1811}
.card,.metric,.info-box,.preset-card{background:#fffdf8 !important;border-color:#dcc9a8 !important}
.btn{overflow-wrap:anywhere;white-space:normal;text-align:center}
.btn.gold{background:var(--gold) !important;color:#17120e !important}
.btn.blue{background:var(--blue-2) !important}
.btn.green{background:var(--green-2) !important}
.stage-nav button.active,.tabs button.active{background:var(--red) !important;border-color:var(--red) !important}
.j-head{background:#120f0c !important}
.jeopardy-board{background:#0c0a08 !important;border:1px solid #6b4e26}
.j-tile{background:#3a1d13 !important;color:var(--gold) !important}
.scorebar{background:#11100f !important;border:1px solid #5e4627}
.metric.dark{background:linear-gradient(145deg,#0b0a09,#2a1a10) !important}
footer{background:#0a0908 !important;color:#e5d7c2 !important;border-top:5px solid var(--gold) !important}
.marquee-card{
  background:#0c0a08;border:3px solid #9a6c28;border-radius:22px;padding:18px;color:#fff;position:relative;
  box-shadow:inset 0 0 0 4px #24170b,0 14px 35px rgba(20,10,2,.25)
}
.marquee-card:before{content:"";position:absolute;inset:7px;border:2px dotted var(--gold);border-radius:14px;pointer-events:none}
.marquee-card>*{position:relative;z-index:1}
.marquee-card h3{color:var(--gold) !important}
.takeaway-launch{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;
  background:linear-gradient(135deg,#15100b,#31160e);color:#fff;border:2px solid #9d702d;border-radius:20px;padding:20px;margin-bottom:18px
}
.takeaway-launch h3{margin:0 0 5px;color:var(--gold)}
.takeaway-launch p{margin:0;color:#eadfce}
.takeaway-launch .btn{white-space:nowrap}
@media(max-width:760px){
  .takeaway-launch{grid-template-columns:1fr}.takeaway-launch .btn{width:100%}
  .programtag{text-align:left}.brandinner{align-items:flex-start;flex-direction:column}
}
