/* Shared styles for all mirror & pillar pages.
   Inlined into each page at build time — kept here in source for clarity. */
:root{--ink:#000;--char:#0a0807;--char2:#15110b;--ember:#c8531c;--gold:#c9a961;--bone:#f5ecd9;--ash:#8a7d6a;--rule:rgba(245,236,217,.12)}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{font-family:'Inter',sans-serif;background:var(--char);color:var(--bone);line-height:1.7;font-weight:300;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
nav.site{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:18px 56px;background:rgba(8,5,3,.86);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(245,236,217,.06)}
.logo{font-family:'Bebas Neue',sans-serif;font-size:24px;letter-spacing:.36em;color:var(--bone)}
.logo span{color:var(--ember)}
nav.site .links{display:flex;gap:32px}
nav.site .links a{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--bone);font-weight:400;transition:color .25s}
nav.site .links a:hover,nav.site .links a.active{color:var(--ember)}
.nav-cta{padding:11px 22px;border:1px solid var(--bone);font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--bone);transition:all .25s;font-weight:500;white-space:nowrap;background:rgba(0,0,0,.4)}
.nav-cta:hover{background:var(--ember);border-color:var(--ember)}
.nav-cta .short{display:none}
@media(max-width:760px){.nav-cta{padding:9px 14px;font-size:10px;letter-spacing:.2em}.nav-cta .full{display:none}.nav-cta .short{display:inline}}
main.page{padding:140px 56px 80px;max-width:1200px;margin:0 auto;position:relative}
nav.crumbs{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--ash);margin-bottom:24px;font-family:'Bebas Neue',sans-serif;display:flex;align-items:center;gap:10px}
nav.crumbs a{color:var(--ash);transition:color .2s}
nav.crumbs a:hover{color:var(--ember)}
nav.crumbs span:last-child{color:var(--bone)}
main.page::before{content:"";position:absolute;top:0;left:0;right:0;height:80vh;background:radial-gradient(ellipse 60% 50% at 70% 30%,rgba(200,83,28,.22),transparent 60%);pointer-events:none;z-index:-1}
.eyebrow{font-size:11px;letter-spacing:.4em;text-transform:uppercase;color:var(--ember);margin-bottom:28px;display:flex;align-items:center;gap:14px;font-weight:500}
.eyebrow::before{content:"";width:42px;height:1px;background:var(--ember)}
h1.poster{font-family:'Bebas Neue',sans-serif;font-weight:400;font-size:clamp(56px,9vw,144px);line-height:.92;letter-spacing:.005em;color:var(--bone);margin-bottom:30px}
h1.poster .accent{color:var(--ember)}
.lede{font-size:19px;line-height:1.85;color:var(--bone);max-width:720px;margin-bottom:36px;font-weight:300;opacity:.95}
.lede strong{color:var(--ember);font-weight:500}
.ctas{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:60px}
.btn{padding:16px 30px;font-family:'Bebas Neue',sans-serif;font-size:14px;letter-spacing:.28em;text-transform:uppercase;display:inline-flex;align-items:center;gap:10px;transition:all .25s;border:none;cursor:pointer}
.btn-fire{background:var(--ember);color:var(--bone)}
.btn-fire:hover{background:var(--bone);color:var(--ink)}
.btn-line{border:1px solid var(--bone);color:var(--bone);background:transparent}
.btn-line:hover{background:var(--bone);color:var(--ink)}
section.block{padding:60px 0;border-top:1px solid var(--rule)}
section.block h2{font-family:'Bebas Neue',sans-serif;font-weight:400;font-size:clamp(36px,5vw,72px);line-height:.96;color:var(--bone);margin-bottom:24px;letter-spacing:.005em}
section.block h2 .accent{color:var(--ember)}
section.block h3{font-family:'Bebas Neue',sans-serif;font-weight:400;font-size:24px;letter-spacing:.04em;color:var(--bone);margin:32px 0 12px}
section.block h3 .accent{color:var(--ember)}
section.block p{font-size:17px;line-height:1.85;color:var(--bone);max-width:780px;margin-bottom:18px;opacity:.92}
section.block p strong{color:var(--ember);font-weight:500}
section.block ul{margin:18px 0 24px;list-style:none}
section.block ul li{padding:12px 0;border-top:1px dashed rgba(245,236,217,.18);font-size:15px;display:flex;gap:12px;align-items:flex-start}
section.block ul li::before{content:"+";color:var(--ember);font-weight:600;flex-shrink:0;line-height:1}
section.block ul li:last-child{border-bottom:1px dashed rgba(245,236,217,.18)}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1px;background:var(--rule);border:1px solid var(--rule);margin:36px 0}
.fact{background:var(--char);padding:28px 22px}
.fact .n{font-family:'Bebas Neue',sans-serif;font-size:42px;color:var(--ember);line-height:.9}
.fact .l{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--bone);margin-top:8px;font-weight:500;opacity:.85}
.related{margin-top:80px;padding-top:60px;border-top:1px solid var(--rule)}
.related .head{font-size:11px;letter-spacing:.4em;text-transform:uppercase;color:var(--gold);margin-bottom:24px}
.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.related-card{background:var(--char2);border:1px solid var(--rule);padding:28px 24px;transition:background .25s,border-color .25s}
.related-card:hover{background:#181006;border-color:var(--ember)}
.related-card h4{font-family:'Bebas Neue',sans-serif;font-size:22px;letter-spacing:.04em;color:var(--bone);margin-bottom:10px}
.related-card h4 .accent{color:var(--ember)}
.related-card p{font-size:13px;color:var(--bone);line-height:1.7;margin-bottom:14px;opacity:.85}
.related-card .more{font-family:'Bebas Neue',sans-serif;font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--ember)}
.cta-band{margin-top:80px;padding:60px 48px;text-align:center;background:radial-gradient(ellipse at center,rgba(200,83,28,.18),transparent 70%);border:1px solid var(--rule)}
.cta-band h3{font-family:'Bebas Neue',sans-serif;font-weight:400;font-size:clamp(32px,4vw,56px);line-height:1;color:var(--bone);margin-bottom:18px}
.cta-band h3 .accent{color:var(--ember)}
.cta-band p{font-size:16px;color:var(--bone);max-width:560px;margin:0 auto 28px;opacity:.9}
footer{padding:50px 56px 36px;background:var(--ink);border-top:1px solid var(--rule);display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--ash);flex-wrap:wrap;gap:24px}
footer .links a{margin-right:24px}
footer .links a:hover{color:var(--ember)}
@media(max-width:900px){
  nav.site{padding:14px 22px}.links{display:none}
  main.page{padding:120px 22px 60px}
  .ctas{gap:12px}
  .cta-band{padding:40px 24px}
  footer{flex-direction:column;text-align:center;padding:36px 22px}.links a{margin:0 12px}
}