/*
Theme Name: Before The Codex
Theme URI: https://beforethecodex.com/
Author: Before The Codex
Description: Cinematic, accessible, responsive documentary theme for Before The Codex.
Version: 1.2.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: before-the-codex
License: GPL-2.0-or-later
*/
:root{--bg:#0d0d0d;--panel:#171716;--muted:#c1bbb1;--gold:#d3ae70;--line:#3a342c;--white:#f8f4eb;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}a:hover{color:var(--gold)}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:4px}img{max-width:100%;height:auto;display:block}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;line-height:1.15;letter-spacing:-.025em}h1{font-size:clamp(2.8rem,6.4vw,6.6rem)}h2{font-size:clamp(2rem,3.8vw,3.8rem)}h3{font-size:1.5rem}p{margin:0 0 1.3rem}.container{max-width:var(--max);padding:0 28px;margin:0 auto}.skip-link{position:absolute;left:-999px;top:0;background:#fff;color:#000;padding:12px;z-index:100}.skip-link:focus{left:10px}.site-header{position:relative;z-index:5;background:#0b0b0bee;border-bottom:1px solid #ffffff1a}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:86px}.brand{display:flex;align-items:center;gap:14px;font-size:1rem;letter-spacing:.18em;font-weight:750;text-transform:uppercase;line-height:1.2}.brand img{width:58px;height:58px;object-fit:cover;border-radius:50%}.nav-list{display:flex;align-items:center;gap:28px;list-style:none;margin:0;padding:0}.nav-list a{font-size:.78rem;letter-spacing:.11em;text-transform:uppercase;font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 22px;border:1px solid var(--gold);font-weight:750;letter-spacing:.07em;text-transform:uppercase;font-size:.78rem;transition:.2s;background:var(--gold);color:#15110b}.btn:hover{background:#efd2a0;color:#15110b}.btn-outline{background:transparent;color:var(--white)}.btn-outline:hover{color:#111;background:var(--gold)}.hero{position:relative;min-height:660px;display:flex;align-items:center;background:#151515 center/cover no-repeat}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#080808ec 0%,#090909c2 43%,#09090933 100%),linear-gradient(0deg,#0d0d0d 0%,transparent 25%)}.hero-content{position:relative;z-index:1;padding-top:90px;padding-bottom:100px;width:100%}.eyebrow{color:var(--gold);font-size:.78rem;font-weight:800;letter-spacing:.26em;text-transform:uppercase}.hero h1{max-width:820px;margin:20px 0}.hero p{font-size:clamp(1.05rem,1.6vw,1.3rem);max-width:630px;color:#e0d8cc}.hero-actions{display:flex;flex-wrap:wrap;gap:15px;margin-top:34px}.section{padding:95px 0}.section-alt{background:#141311}.section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:34px}.section-head h2{margin:10px 0 0}.section-intro{color:var(--muted);max-width:670px}.gold-link{color:var(--gold);font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;font-weight:800}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.card{background:var(--panel);border:1px solid #ffffff17;overflow:hidden;transition:transform .2s,border-color .2s}.card:hover{transform:translateY(-3px);border-color:var(--gold)}.card-image{aspect-ratio:16/9;overflow:hidden;background:#26221b}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.card:hover .card-image img{transform:scale(1.035)}.card-content{padding:22px}.card-content h3{margin:8px 0 10px}.card-content p{font-size:.94rem;color:var(--muted);margin:0}.card-meta{font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;color:var(--gold);font-weight:800}.preview-note{font-size:.78rem;color:#cfc2aa;margin:16px 0 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.split img{width:100%;height:auto;max-height:500px;object-fit:cover}.prose{max-width:800px;margin:0 auto;font-size:1.07rem;color:#e2dcd2}.prose a{text-decoration:underline;text-decoration-color:var(--gold)}.prose h2,.prose h3{color:var(--white);margin-top:2em}.page-banner{padding:105px 0 70px;background:linear-gradient(130deg,#211b15,#0d0d0d)}.page-banner h1{margin:15px 0}.page-banner p{color:var(--muted);max-width:720px}.footer{border-top:1px solid var(--line);padding:55px 0 30px;background:#090909}.footer-inner{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap}.footer p,.footer small{color:var(--muted)}.footer-links{display:flex;gap:20px;flex-wrap:wrap}.footer-bottom{border-top:1px solid #ffffff19;margin-top:45px;padding-top:20px;font-size:.8rem;color:var(--muted)}.film-player{aspect-ratio:16/9;background:#000;margin:30px 0 42px}.film-player iframe{width:100%;height:100%;border:0}.content-area{padding:70px 0 100px}.notice{border-left:3px solid var(--gold);background:#221e19;padding:18px 22px;margin:28px 0;color:#ddd2c1}.taxonomy-links{display:flex;gap:12px;flex-wrap:wrap}.taxonomy-links a{border:1px solid var(--line);padding:6px 12px;font-size:.85rem}.post-thumbnail{margin:0 0 35px}.post-thumbnail img{width:100%;height:auto}.pagination{margin-top:40px}.pagination .page-numbers{display:inline-block;padding:7px 12px;border:1px solid var(--line)}.pagination .current{color:#111;background:var(--gold)}.wp-block-image img{height:auto}.menu-toggle{display:none}input,textarea{max-width:100%}@media(max-width:850px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split{grid-template-columns:1fr;gap:25px}.menu-toggle{display:block;background:transparent;border:1px solid var(--line);color:var(--white);padding:8px 12px}.primary-nav{display:none;position:absolute;top:86px;left:0;right:0;background:#12110f;padding:20px 28px;border-bottom:1px solid var(--line)}.primary-nav.open{display:block}.nav-list{flex-direction:column;align-items:flex-start;gap:16px}.hero{min-height:600px}.section{padding:65px 0}}@media(max-width:600px){.container{padding:0 19px}.grid{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column}.brand{font-size:.8rem}.brand img{width:47px;height:47px}.hero{min-height:570px}.hero-content{padding-top:65px;padding-bottom:75px}.page-banner{padding:70px 0 45px}.footer-inner{display:block}.hero-actions{flex-direction:column;align-items:flex-start}}

/* V2 cinematic refinement */
500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--max:1360px;--gold:#c9a46e;--white:#f6f3ee}
body{font-family:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;line-height:1.65}
h1,h2,h3,.brand,.btn,.nav-list a{font-family:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif}
h1,h2,h3{font-weight:800;letter-spacing:-.055em}
.hero{min-height:min(82vh,850px);background-position:center 48%}
.hero:before{background:linear-gradient(90deg,rgba(5,9,13,.91) 0%,rgba(5,9,13,.76) 34%,rgba(5,9,13,.23) 74%,rgba(5,9,13,.12) 100%),linear-gradient(0deg,#0d0d0d 0%,transparent 25%)}
.hero h1{max-width:780px;font-size:clamp(3.2rem,6.4vw,7.4rem);letter-spacing:-.07em}
.hero p{max-width:570px}.section{padding-top:105px;padding-bottom:105px}.card{border-radius:10px}.card-image{border-radius:10px 10px 0 0}.btn{border-radius:5px}
@media(max-width:650px){.hero{min-height:660px;background-position:63% center}.hero:before{background:linear-gradient(90deg,rgba(5,9,13,.9),rgba(5,9,13,.58)),linear-gradient(0deg,#0d0d0d,transparent 30%)}.section{padding-top:65px;padding-bottom:65px}}

/* V3: guaranteed refreshed visual treatment */
body.btc-site .hero{background-image:linear-gradient(90deg,rgba(5,8,11,.87) 0%,rgba(5,8,11,.58) 38%,rgba(5,8,11,.04) 90%),url("assets/images/hero.webp?v=120") !important;background-size:cover !important;background-position:center 50% !important;min-height:750px}
body.btc-site .hero:before{background:linear-gradient(0deg,#0d0d0d 0%,transparent 22%) !important}
body.btc-site .hero h1{font-family:'Manrope',sans-serif;font-size:clamp(2.8rem,5.8vw,6.8rem);letter-spacing:-.075em;line-height:1.06;max-width:930px}
body.btc-site .hero p{font-family:'DM Sans',sans-serif;max-width:620px}
body.btc-site .hero .hero-kicker{color:#e0c494;font-family:'Manrope',sans-serif;font-size:.78rem;font-weight:800;letter-spacing:.24em;text-transform:uppercase}
body.btc-site .hero .hero-tagline{color:#fff;font-weight:700;font-size:clamp(1.05rem,1.7vw,1.3rem)}
body.btc-site .site-header{background:#080a0ce8}
@media(max-width:650px){body.btc-site .hero{min-height:660px;background-position:62% center !important}}