/* =====================================================================
   3X CAPITAL — PREMIUM CINEMA · MONO theme
   Same system, same motion, no red. Applied when <body> carries .theme-mono
   (?theme=mono, remembered across pages). Hierarchy that red used to
   carry now comes from value: base headings sit slightly below white and
   the emphasised word is pure white; buttons invert to bone on black.
   ===================================================================== */

body.theme-mono{
  --red:#e8e4df;          /* hairlines, rules, chips, active states */
  --red-dark:#b9b4ad;     /* gradient partner */
  --red-lift:#ffffff;     /* the emphasised word, numerals, cursor */
  --bone:#f5f2f0;
}

/* ---- type hierarchy by value, not hue ---- */
body.theme-mono .h1,body.theme-mono .h2,body.theme-mono .h3,body.theme-mono .st-line,body.theme-mono .cta h2,body.theme-mono .wiz-h,body.theme-mono .quote blockquote{color:rgba(245,242,240,.74)}
body.theme-mono .h1 i,body.theme-mono .h2 i,body.theme-mono .h3 i,body.theme-mono .st-line.red>span,body.theme-mono .cta h2 i,body.theme-mono .h-beat i{color:#fff}
body.theme-mono .mono b,body.theme-mono .chap .n,body.theme-mono .card .n,body.theme-mono .row .n,body.theme-mono .stat b em,body.theme-mono .fact strong i,body.theme-mono .h-cycle .cy span b,body.theme-mono .rank .pos{color:#fff}
body.theme-mono .quote blockquote::before{color:rgba(245,242,240,.4)}

/* ---- buttons invert: bone on black ---- */
body.theme-mono .btn-red{background:var(--bone);color:#0a0a0a}
body.theme-mono .btn-red:hover{box-shadow:0 16px 40px rgba(0,0,0,.55);background:#fff}
body.theme-mono .btn-red::after{background:linear-gradient(90deg,transparent,rgba(0,0,0,.08),transparent)}
body.theme-mono .tlink::after{background:rgba(245,242,240,.55)}
body.theme-mono .tlink:hover{color:#fff}
body.theme-mono .chip-red{background:var(--bone);color:#0a0a0a}
body.theme-mono .wiz-bar i{background:linear-gradient(180deg,rgba(245,242,240,.55),rgba(245,242,240,.18))}
body.theme-mono .wiz-card:hover{border-color:var(--bone)}
body.theme-mono .field input:focus,body.theme-mono .field select:focus,body.theme-mono .field textarea:focus{border-color:var(--bone)}
body.theme-mono .news button,body.theme-mono .form-ok{color:#fff}

/* ---- glows, stages, bands ---- */
body.theme-mono .pl-fill{background:linear-gradient(90deg,var(--red-dark),var(--bone))}
body.theme-mono .pl-fill::after{background:var(--bone);box-shadow:none}
body.theme-mono .g-stage::before{background:radial-gradient(circle,rgba(245,242,240,.16),transparent 65%)}
body.theme-mono .acard{background:radial-gradient(120% 80% at 50% 100%,rgba(245,242,240,.14),var(--panel) 70%)}
body.theme-mono .av{background:radial-gradient(120% 80% at 50% 100%,rgba(245,242,240,.10),transparent 70%),var(--panel)}
body.theme-mono .trust{background:linear-gradient(165deg,#232323 0%,#141414 56%,#0c0c0c 100%)}
body.theme-mono .trust .sec-head .mono{color:rgba(245,242,240,.62)}
body.theme-mono .t-av{background:linear-gradient(140deg,#3a3a3a,#141414)!important}
body.theme-mono .t-stars{color:#0d0d0d}
body.theme-mono .t-card p::before{color:rgba(0,0,0,.12)}
body.theme-mono .rank .bar i{background:linear-gradient(90deg,rgba(245,242,240,.35),#fff)}
body.theme-mono .stat::after,body.theme-mono .f-streak{background:linear-gradient(90deg,rgba(245,242,240,.7),rgba(245,242,240,.2),transparent)}
body.theme-mono .row::before{background:var(--bone)}
body.theme-mono .faq-q i::before,body.theme-mono .faq-q i::after{background:var(--bone)}

/* ---- chrome ---- */
body.theme-mono .pbar,body.theme-mono .wipe-edge{background:var(--bone)}
body.theme-mono .cur i{background:#fff}
body.theme-mono .cur-ring .disc{border-color:rgba(245,242,240,.55)}
body.theme-mono.cur-hover .cur-ring .disc{border-color:#fff}
body.theme-mono .nav ul a:hover,body.theme-mono .nav ul a.on{border-color:var(--bone)}
body.theme-mono .mnav li a.on{color:#fff}
body.theme-mono .ticker i{background:var(--bone)}
body.theme-mono .h-cycle i::after{background:var(--bone)}
body.theme-mono .hair::before,body.theme-mono .state .mono::before{background:var(--bone)}
body.theme-mono ::selection{background:var(--bone);color:#0a0a0a}
body.theme-mono html,body.theme-mono{scrollbar-color:#3a3a3a var(--black)}
body.theme-mono a:focus-visible,body.theme-mono button:focus-visible{outline-color:#fff}

/* ---- theme switch (footer) ---- */
.theme-sw{display:inline-flex;gap:18px;align-items:center}
.theme-sw a{color:var(--faint);transition:color .3s}
.theme-sw a.on{color:var(--ink);border-bottom:1px solid var(--red-lift);padding-bottom:2px}
.theme-sw a:hover{color:var(--ink)}

/* ---- first-screen signature: the film and every page hero go monochrome ---- */
body.theme-mono .hero video,body.theme-mono .ph-media{filter:grayscale(1) contrast(1.05)}
body.theme-mono .hero::after{background:linear-gradient(180deg,rgba(10,10,10,.66),rgba(10,10,10,.28) 34%,rgba(10,10,10,.24) 60%,rgba(10,10,10,.94))}