:root{--black:#020202;--obsidian:#070707;--ink:#0c0b0a;--graphite:#12100d;--line:rgba(255,255,255,.11);--line-soft:rgba(255,255,255,.06);--text:#f6efe3;--muted:rgba(246,239,227,.69);--dim:rgba(246,239,227,.46);--gold:#b38b45;--gold-2:#f0cc7a;--gold-3:#7a5526;--gold-soft:rgba(179,139,69,.16);--glass:rgba(255,255,255,.045);--shadow:rgba(0,0,0,.72);--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}html{background:var(--black);scroll-behavior:smooth}body{margin:0;min-height:100vh;overflow-x:hidden;color:var(--text);background:radial-gradient(circle at 50% -10%,rgba(240,204,122,.14),transparent 28%),radial-gradient(circle at 88% 12%,rgba(255,255,255,.04),transparent 30%),linear-gradient(180deg,#020202,#060504 46%,#010101);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.is-transitioning main,.is-transitioning .footer{opacity:0;transform:translateY(10px);transition:opacity .22s ease,transform .22s ease}body::before,body::after{content:"";position:fixed;inset:0;pointer-events:none}body::before{z-index:9996;background-image:linear-gradient(rgba(255,255,255,.024) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(circle at center,black,transparent 80%);opacity:.23}body::after{z-index:9997;opacity:.105;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 240 240' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)' opacity='.38'/%3E%3C/svg%3E")}a{color:inherit}img{max-width:100%;display:block}code{font-family:"JetBrains Mono",ui-monospace,monospace;color:var(--gold-2)}.skip-link{position:fixed;left:16px;top:16px;z-index:10050;transform:translateY(-150%);background:var(--text);color:#020202;padding:10px 14px;border-radius:999px}.skip-link:focus{transform:none}.loader{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;background:radial-gradient(circle at center,rgba(179,139,69,.13),transparent 34%),#020202;transition:opacity .65s ease,visibility .65s ease}.loader.hide{opacity:0;visibility:hidden}.loader-symbol{position:relative;width:min(280px,70vw);aspect-ratio:1;border:1px solid rgba(240,204,122,.22);border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 80px rgba(179,139,69,.08),0 0 90px rgba(179,139,69,.16);animation:pulse 2.6s ease-in-out infinite}.loader-symbol::before,.loader-symbol::after{content:"";position:absolute;border-radius:50%;inset:16%;border:1px solid rgba(255,255,255,.07);animation:spin 9s linear infinite}.loader-symbol::after{inset:43%;background:radial-gradient(circle,rgba(240,204,122,.40),rgba(179,139,69,.07) 62%,transparent);box-shadow:0 0 70px rgba(240,204,122,.42)}.loader-symbol span{position:relative;z-index:2;letter-spacing:.34em;text-transform:uppercase;font-size:12px;color:var(--gold-2)}@keyframes pulse{50%{transform:scale(1.035);filter:brightness(1.2)}}@keyframes spin{to{transform:rotate(360deg)}}.progress{position:fixed;left:0;top:0;height:2px;width:0;z-index:10040;background:linear-gradient(90deg,var(--gold-3),var(--gold-2));box-shadow:0 0 18px rgba(240,204,122,.65)}.cursor-light{position:fixed;z-index:1;left:var(--mx,50vw);top:var(--my,50vh);width:36vmax;aspect-ratio:1;pointer-events:none;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(240,204,122,.14),transparent 64%);opacity:0;transition:opacity .35s ease;mix-blend-mode:screen}#black-canvas{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.82}.nav{position:fixed;z-index:10030;top:18px;left:50%;transform:translateX(-50%);width:min(1180px,calc(100% - 28px));display:flex;align-items:center;gap:12px;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(2,2,2,.48);box-shadow:0 18px 60px rgba(0,0,0,.35);backdrop-filter:blur(18px);transition:background .35s ease,border-color .35s ease}.nav.scrolled{background:rgba(2,2,2,.76);border-color:rgba(240,204,122,.17)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;text-transform:uppercase;letter-spacing:.22em;font-size:11px;white-space:nowrap;padding:9px 12px}.brand span{width:14px;height:14px;border-radius:50%;background:radial-gradient(circle,var(--gold-2),var(--gold) 42%,#24170a 72%);box-shadow:0 0 20px rgba(240,204,122,.58)}.nav-links{margin-left:auto;display:flex;align-items:center;gap:8px}.nav-links a,.btn,.ca-button{appearance:none;text-decoration:none;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.035);color:#efe8dc;border-radius:999px;padding:10px 14px;font-size:11px;letter-spacing:.15em;text-transform:uppercase;transition:transform .35s var(--ease),border-color .35s ease,background .35s ease,box-shadow .35s ease;cursor:pointer}.nav-links a:hover,.nav-links a.active,.btn:hover,.ca-button:hover{transform:translateY(-2px);border-color:rgba(240,204,122,.44);background:rgba(179,139,69,.11);box-shadow:0 0 30px rgba(179,139,69,.13)}.btn.primary{border-color:rgba(240,204,122,.38);background:linear-gradient(180deg,rgba(179,139,69,.25),rgba(179,139,69,.06))}.btn[aria-disabled="true"]{opacity:.48;pointer-events:none}.menu-toggle{display:none;width:42px;height:42px;border:1px solid rgba(255,255,255,.10);border-radius:50%;background:rgba(255,255,255,.04);color:var(--text)}.menu-toggle span{display:block;width:18px;height:1px;margin:5px auto;background:var(--text)}main{position:relative;z-index:2;transition:opacity .35s ease,transform .35s ease}.hero,.page-hero{position:relative;min-height:100svh;display:grid;align-items:center;padding:150px max(24px,7vw) 86px;overflow:hidden}.hero-bg,.page-hero::before{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.52),rgba(0,0,0,.15),rgba(0,0,0,.76)),var(--hero-image,url('../img/black/hero.webp'));background-size:cover;background-position:var(--hero-pos, center);transform:scale(1.06);filter:contrast(1.12) brightness(.96) saturate(.70);animation:kenburns 20s ease-in-out infinite alternate;content:""}.hero::after,.page-hero::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 66% 45%,transparent 0 23%,rgba(0,0,0,.36) 46%,rgba(0,0,0,.91) 100%),linear-gradient(180deg,rgba(0,0,0,.08),#020202 97%)}@keyframes kenburns{to{transform:scale(1.14) translate3d(-1.2%,.6%,0)}}.hero-orbit{position:absolute;right:7vw;top:21vh;z-index:1;width:430px;aspect-ratio:1;border:1px solid rgba(240,204,122,.14);border-radius:50%;box-shadow:inset 0 0 80px rgba(179,139,69,.05),0 0 120px rgba(179,139,69,.08);animation:spin 24s linear infinite}.hero-orbit::before,.hero-orbit::after{content:"";position:absolute;border-radius:50%;inset:13%;border:1px solid rgba(255,255,255,.055)}.hero-orbit::after{inset:43%;background:rgba(179,139,69,.16);box-shadow:0 0 76px rgba(240,204,122,.30)}.hero-content,.page-hero>div{position:relative;z-index:2;width:min(780px,100%)}.kicker{display:block;color:var(--gold-2);font-size:11px;letter-spacing:.32em;text-transform:uppercase;margin-bottom:20px}.eyebrow-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.pill{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(240,204,122,.18);border-radius:999px;padding:8px 12px;background:rgba(179,139,69,.07);color:rgba(246,239,227,.76);font-size:11px;letter-spacing:.16em;text-transform:uppercase}.title,.page-title,.copy h2,.launch-panel h2{font-family:Georgia,"Times New Roman",serif;color:#f7f0e5;letter-spacing:-.065em;margin:0}.title{font-size:clamp(56px,9vw,132px);line-height:.86;margin-bottom:28px}.title em{font-style:normal;color:var(--gold)}.subtitle,.page-lead{font-size:clamp(18px,2vw,28px);line-height:1.45;color:rgba(247,240,229,.79);max-width:690px;margin:0 0 34px}.page-title{font-size:clamp(52px,8.5vw,120px);line-height:.9;margin-bottom:28px}.actions{display:flex;gap:12px;flex-wrap:wrap}.actions.centered{justify-content:center}.trust-row,.signal-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px;max-width:930px}.trust-row div,.signal-strip div{border:1px solid rgba(240,204,122,.16);background:rgba(179,139,69,.055);border-radius:18px;padding:16px 18px}.trust-row strong,.signal-strip strong{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase}.trust-row span,.signal-strip span{display:block;margin-top:6px;color:var(--dim);font-size:13px}.chapter,.content-section{position:relative;min-height:92svh;padding:120px max(24px,7vw);display:grid;align-items:center;overflow:hidden}.chapter.compact{min-height:auto}.chapter.image::before,.content-section.image::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.76),rgba(0,0,0,.23),rgba(0,0,0,.82)),var(--bg);background-size:cover;background-position:var(--bg-pos, center);filter:contrast(1.1) brightness(.98) saturate(.67)}.chapter.image::after,.content-section.image::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#020202 0%,transparent 16%,transparent 76%,#020202 100%)}.copy{position:relative;z-index:2;max-width:880px}.copy.center{margin:auto;text-align:center}.copy h2,.launch-panel h2{font-size:clamp(42px,7vw,98px);line-height:.92;margin-bottom:24px}.copy p,.launch-panel p{font-size:clamp(18px,2vw,28px);line-height:1.5;color:rgba(247,240,229,.72);margin:0;max-width:780px}.split{display:grid;grid-template-columns:1fr .78fr;gap:clamp(28px,5vw,72px);align-items:center}.visual-card{position:relative;overflow:hidden;min-height:540px;border:1px solid rgba(255,255,255,.09);border-radius:34px;background:rgba(255,255,255,.04);box-shadow:0 36px 120px rgba(0,0,0,.55);transform-style:preserve-3d}.visual-card::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--rx,50%) var(--ry,50%),rgba(240,204,122,.20),transparent 34%);opacity:.0;transition:opacity .35s ease}.visual-card:hover::after{opacity:1}.visual-card img{width:100%;height:100%;min-height:540px;object-fit:cover;filter:brightness(1.05) contrast(1.08) saturate(.72)}.manifesto,.cards-grid,.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:54px}.card,.launch-panel,.ritual-panel{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.09);background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018)),radial-gradient(circle at 40% 0%,rgba(179,139,69,.10),transparent 38%);box-shadow:0 32px 110px rgba(0,0,0,.42);backdrop-filter:blur(16px)}.card{min-height:300px;padding:30px;border-radius:30px}.card::before,.launch-panel::before,.ritual-panel::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent,rgba(255,255,255,.06),transparent);transform:translateX(-130%);transition:transform .9s var(--ease)}.card:hover::before,.launch-panel:hover::before,.ritual-panel:hover::before{transform:translateX(130%)}.card .num{display:block;color:var(--gold-2);font-size:11px;letter-spacing:.22em;text-transform:uppercase;margin-bottom:36px}.card h3{margin:0 0 16px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(28px,3.2vw,42px);letter-spacing:-.04em}.card p{margin:0;color:rgba(246,239,227,.63);line-height:1.7}.story-flow{display:grid;gap:20px;margin-top:44px;counter-reset:story}.story-step{display:grid;grid-template-columns:96px 1fr;gap:24px;align-items:start;padding:28px;border-top:1px solid rgba(240,204,122,.18);background:linear-gradient(90deg,rgba(179,139,69,.055),transparent)}.story-step::before{counter-increment:story;content:"0"counter(story);font-family:Georgia,"Times New Roman",serif;font-size:54px;line-height:1;color:rgba(240,204,122,.6)}.story-step h3{margin:0 0 8px;font-size:16px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-2)}.story-step p{margin:0;color:var(--muted);line-height:1.7}.launch-panel{z-index:2;display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center;width:min(1180px,100%);margin-inline:auto;padding:clamp(28px,5vw,58px);border-radius:34px}.contract-box{display:grid;gap:12px;padding:22px;border:1px solid rgba(240,204,122,.16);border-radius:24px;background:rgba(0,0,0,.24)}.contract-box span{color:var(--dim);font-size:11px;letter-spacing:.2em;text-transform:uppercase}.ca-button{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.chronicles,.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:42px}.chronicles img,.gallery-grid img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:22px;border:1px solid rgba(255,255,255,.08);filter:brightness(1.08) contrast(1.08) saturate(.70);box-shadow:0 24px 90px rgba(0,0,0,.35);transition:transform .55s var(--ease),filter .55s ease}.chronicles img:hover,.gallery-grid img:hover{transform:translateY(-10px) scale(1.025);filter:brightness(1.14) contrast(1.1) saturate(.8)}.timeline{display:grid;gap:16px;margin-top:44px}.timeline-item{display:grid;grid-template-columns:130px 1fr;gap:22px;border-top:1px solid var(--line);padding:24px 0}.timeline-item strong{color:var(--gold-2);letter-spacing:.18em;text-transform:uppercase;font-size:12px}.timeline-item p{margin:0;color:var(--muted);line-height:1.7}.quote-panel{border-left:1px solid rgba(240,204,122,.45);padding-left:28px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(30px,5vw,68px);line-height:1.02;letter-spacing:-.05em;color:#f7f0e5}.ritual-panel{padding:clamp(28px,5vw,58px);border-radius:34px;width:min(980px,100%);margin:auto}.ritual-form{display:grid;gap:14px;margin-top:28px}.ritual-form input,.ritual-form textarea{width:100%;border:1px solid rgba(255,255,255,.10);border-radius:18px;background:rgba(0,0,0,.26);color:var(--text);padding:15px 16px;font:inherit;outline:none}.ritual-form textarea{min-height:120px;resize:vertical}.ritual-form input:focus,.ritual-form textarea:focus{border-color:rgba(240,204,122,.45);box-shadow:0 0 0 3px rgba(179,139,69,.12)}.wall-feed{display:grid;gap:14px;margin-top:26px}.wall-mark{padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:rgba(255,255,255,.035)}.wall-mark strong{color:var(--gold-2)}.wall-mark p{margin:6px 0 0;color:var(--muted);line-height:1.6}.footer{position:relative;z-index:2;padding:92px 24px;text-align:center;color:rgba(246,239,227,.50);letter-spacing:.22em;text-transform:uppercase;font-size:11px;transition:opacity .35s ease,transform .35s ease}.footer .dot{color:var(--gold);font-size:28px;margin-bottom:18px;text-shadow:0 0 30px rgba(240,204,122,.45)}.footer small{display:block;max-width:700px;margin:18px auto 0;color:rgba(246,239,227,.38);line-height:1.6;letter-spacing:.12em}.footer-links{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:20px}.footer-links a{text-decoration:none;color:rgba(246,239,227,.58)}.reveal{opacity:0;transform:translateY(34px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.reveal.in{opacity:1;transform:none}.toast{position:fixed;left:50%;bottom:24px;z-index:10020;transform:translate(-50%,20px);opacity:0;padding:12px 16px;border:1px solid rgba(240,204,122,.28);border-radius:999px;background:rgba(2,2,2,.78);color:var(--text);backdrop-filter:blur(16px);transition:opacity .3s ease,transform .3s ease}.toast.show{opacity:1;transform:translate(-50%,0)}@media (max-width:900px){.nav{top:10px;border-radius:24px;align-items:flex-start;flex-wrap:wrap}.menu-toggle{display:block;margin-left:auto}.nav-links{display:none;width:100%;flex-wrap:wrap;justify-content:flex-start;padding:4px 0 2px}.nav.open .nav-links{display:flex}.nav-links a{font-size:10px;padding:8px 10px}.hero,.page-hero{padding:130px 22px 64px;min-height:96svh}.hero-orbit{opacity:.35;right:-80px;width:320px}.title{font-size:clamp(50px,16vw,86px)}.trust-row,.signal-strip,.manifesto,.cards-grid,.feature-grid,.split,.chronicles,.gallery-grid,.launch-panel{grid-template-columns:1fr}.chapter,.content-section{padding:90px 22px;min-height:auto}.visual-card{min-height:420px}.visual-card img{min-height:420px}.chronicles img,.gallery-grid img{aspect-ratio:16/11}.timeline-item,.story-step{grid-template-columns:1fr;gap:10px}.story-step{padding:24px 0;background:transparent}.story-step::before{font-size:40px}}@media (max-width:540px){.brand{max-width:220px;letter-spacing:.16em}.actions .btn{width:100%;text-align:center}.trust-row div,.signal-strip div{padding:14px}.copy h2,.launch-panel h2{font-size:clamp(42px,14vw,68px)}.copy p,.launch-panel p{font-size:18px}.quote-panel{padding-left:18px}.ritual-panel{border-radius:26px}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}#black-canvas,.cursor-light{display:none}}


/* V15 — Studio Quality additions */
:root{--safe-top:env(safe-area-inset-top,0px)}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:2;background-image:radial-gradient(circle at 50% 20%,rgba(240,204,122,.055),transparent 24%),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,100% 3px;mix-blend-mode:screen;opacity:.38}.loader-symbol{position:relative;isolation:isolate}.loader-symbol::before{content:"";position:absolute;inset:-38px;border-radius:50%;background:conic-gradient(from 90deg,transparent,rgba(240,204,122,.45),transparent 56%);filter:blur(10px);animation:forgeSpin 1.8s linear infinite;z-index:-1}.loader.hide{opacity:0;visibility:hidden;transition:opacity .8s ease,visibility .8s ease}.nav{padding-top:max(14px,var(--safe-top))}.nav-cta{border-color:rgba(240,204,122,.45)!important;color:var(--gold-2)!important}.studio-panel,.terminal-panel,.metrics-grid,.quest-grid,.resource-grid{display:grid;gap:18px}.studio-panel{grid-template-columns:1.15fr .85fr;align-items:stretch}.terminal-panel{border:1px solid rgba(240,204,122,.18);border-radius:34px;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.015));box-shadow:0 35px 100px rgba(0,0,0,.5);overflow:hidden}.terminal-head{display:flex;align-items:center;gap:8px;padding:16px 18px;border-bottom:1px solid var(--line-soft);color:var(--dim);font-size:12px;text-transform:uppercase;letter-spacing:.18em}.terminal-head i{width:9px;height:9px;border-radius:50%;background:rgba(240,204,122,.65);box-shadow:16px 0 0 rgba(179,139,69,.42),32px 0 0 rgba(255,255,255,.18)}.terminal-body{padding:24px}.code-line{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:rgba(246,239,227,.82);font-size:14px;line-height:1.8}.code-line span{color:var(--gold-2)}.metrics-grid{grid-template-columns:repeat(4,1fr)}.metric{padding:24px;border:1px solid var(--line);border-radius:28px;background:rgba(255,255,255,.035);min-height:140px}.metric strong{display:block;font-size:clamp(28px,5vw,54px);letter-spacing:-.05em;color:var(--gold-2);font-family:Georgia,serif}.metric span{display:block;margin-top:8px;color:var(--muted)}.quest-grid{grid-template-columns:repeat(3,1fr)}.quest{position:relative;padding:28px;border:1px solid var(--line);border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.016));overflow:hidden}.quest::after{content:"";position:absolute;right:-40px;top:-40px;width:120px;height:120px;border-radius:50%;background:rgba(240,204,122,.07);filter:blur(8px)}.quest small{color:var(--gold-2);text-transform:uppercase;letter-spacing:.18em}.quest h3{margin:12px 0 8px}.resource-grid{grid-template-columns:repeat(3,1fr)}.resource-card{padding:26px;border:1px solid rgba(240,204,122,.16);border-radius:28px;background:rgba(2,2,2,.36);text-decoration:none;color:var(--text);transition:transform .28s ease,border-color .28s ease,background .28s ease}.resource-card:hover{transform:translateY(-6px);border-color:rgba(240,204,122,.44);background:rgba(255,255,255,.05)}.resource-card span{color:var(--dim);display:block}.magnetic{will-change:transform}.copy-badge{display:inline-flex;gap:8px;align-items:center;padding:9px 12px;border:1px solid rgba(240,204,122,.22);border-radius:999px;background:rgba(240,204,122,.06);color:var(--gold-2);font-size:12px;text-transform:uppercase;letter-spacing:.16em}.is-transitioning main,.is-transitioning footer{opacity:0;filter:blur(10px);transform:translateY(8px);transition:opacity .22s ease,filter .22s ease,transform .22s ease}@keyframes forgeSpin{to{transform:rotate(360deg)}}@media (max-width:900px){.studio-panel,.metrics-grid,.quest-grid,.resource-grid{grid-template-columns:1fr}.metric{min-height:auto}.terminal-body{padding:20px}.code-line{font-size:12px;white-space:normal}}@media (prefers-reduced-motion:reduce){body::after{opacity:.18}.loader-symbol::before{animation:none}.magnetic{transform:none!important}}


/* V16 Production Architecture */
:root{--container:1180px}
.nav-links a[aria-current="page"]{color:var(--gold-2)}
.version-tag{position:fixed;right:18px;bottom:18px;z-index:40;padding:8px 10px;border:1px solid rgba(240,204,122,.2);border-radius:999px;background:rgba(2,2,2,.6);backdrop-filter:blur(12px);color:var(--dim);font-size:11px;letter-spacing:.16em;text-transform:uppercase}
.production-note{border:1px solid rgba(240,204,122,.18);border-radius:28px;padding:24px;background:rgba(255,255,255,.035)}
.component-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.component-card{padding:24px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.015))}.component-card code{color:var(--gold-2)}
@media(max-width:900px){.component-grid{grid-template-columns:1fr}.version-tag{display:none}}


/* V16.3 Visual placement reset
   The hero uses ONE background image only. No duplicated bull layer, no forced crop. */
.hero-home{
  min-height:100svh;
  display:grid;
  align-items:center;
  isolation:isolate;
}
.hero-home .hero-bg{
  background-image:linear-gradient(90deg,rgba(0,0,0,.80) 0%,rgba(0,0,0,.52) 34%,rgba(0,0,0,.14) 58%,rgba(0,0,0,.22) 100%),var(--hero-image,url('../img/black/hero.webp')) !important;
  background-size:cover !important;
  background-position:70% center !important;
  transform:scale(1.015) !important;
  filter:contrast(1.16) brightness(1.08) saturate(.86) !important;
  opacity:1 !important;
}
.hero-bull{display:none !important;}
.hero-home::after{
  z-index:1;
  background:linear-gradient(180deg,rgba(0,0,0,.05) 0%,rgba(0,0,0,.08) 48%,#020202 98%),radial-gradient(circle at 72% 46%,rgba(240,204,122,.10),transparent 36%) !important;
}
.hero-home .hero-orbit{z-index:2;right:15vw;top:18%;opacity:.62;}
.hero-home .hero-content{position:relative;z-index:4;max-width:610px;text-shadow:0 8px 34px rgba(0,0,0,.72);}
.hero-home .trust-row{max-width:780px;}
.visual-card img,.chronicles img,.gallery-grid img{object-position:center center;}
.gallery-grid img[src*="hero"],.chronicles img[src*="hero"]{object-position:70% center;}
.gallery-grid img[src*="banner"],.chronicles img[src*="banner"]{object-position:center center;}
.page-hero::before,.chapter.image::before,.content-section.image::before{
  background-position:var(--hero-pos,var(--bg-pos,center center)) !important;
}
@media (min-width:1200px){
  .hero-home .hero-bg{background-position:68% center !important;}
}
@media (max-width:900px){
  .hero-home{
    align-items:end;
    min-height:100svh;
    padding:calc(54svh + 92px) 22px 48px;
  }
  .hero-home .hero-bg{
    background-image:linear-gradient(180deg,rgba(0,0,0,.04) 0%,rgba(0,0,0,.12) 42%,rgba(0,0,0,.88) 76%,#020202 100%),var(--hero-image,url('../img/black/hero.webp')) !important;
    background-size:auto 66svh !important;
    background-repeat:no-repeat !important;
    background-position:70% 70px !important;
    transform:none !important;
  }
  .hero-home::after{background:linear-gradient(180deg,rgba(0,0,0,.00) 0%,rgba(0,0,0,.05) 46%,#020202 94%) !important;}
  .hero-home .hero-orbit{top:86px;right:2vw;width:58vw;opacity:.35;}
  .hero-home .hero-content{max-width:100%;padding-top:0;}
  .hero-home .title{font-size:clamp(46px,14vw,82px);}
}
@media (max-width:540px){
  .hero-home{padding:calc(50svh + 96px) 18px 42px;}
  .hero-home .hero-bg{
    background-size:auto 58svh !important;
    background-position:70% 76px !important;
  }
  .hero-home .subtitle{font-size:17px;}
  .hero-home .trust-row{margin-top:20px;}
}

/* V16.4 — Official bull hero rebuild
   The homepage now uses the supplied square bull emblem as a foreground 3D artwork.
   It is not cropped as a background anymore, so the head, horns and coin ring stay visible. */
.hero-bull-showcase{
  min-height:100svh;
  padding:150px max(24px,7vw) 86px;
  grid-template-columns:minmax(360px,610px) minmax(420px,1fr);
  gap:clamp(26px,4vw,76px);
  align-items:center;
  perspective:1200px;
}
.hero-bull-showcase .hero-bg{
  background:
    radial-gradient(circle at 72% 45%,rgba(240,204,122,.12),transparent 28%),
    radial-gradient(circle at 79% 54%,rgba(255,255,255,.08),transparent 18%),
    linear-gradient(90deg,#020202 0%,rgba(2,2,2,.90) 28%,rgba(2,2,2,.58) 54%,rgba(2,2,2,.82) 100%) !important;
  background-image:
    radial-gradient(circle at 72% 45%,rgba(240,204,122,.12),transparent 28%),
    radial-gradient(circle at 79% 54%,rgba(255,255,255,.08),transparent 18%),
    linear-gradient(90deg,#020202 0%,rgba(2,2,2,.90) 28%,rgba(2,2,2,.58) 54%,rgba(2,2,2,.82) 100%) !important;
  transform:none !important;
  filter:none !important;
  opacity:1 !important;
  animation:none !important;
}
.hero-bull-showcase::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    radial-gradient(circle at 76% 42%,rgba(240,204,122,.20),transparent 5%,transparent 28%),
    radial-gradient(circle at 72% 48%,rgba(255,255,255,.10),transparent 20%),
    linear-gradient(115deg,rgba(0,0,0,.96) 0 31%,transparent 56% 100%);
  mix-blend-mode:screen;
  opacity:.65;
}
.hero-bull-showcase::after{
  z-index:2;
  background:
    linear-gradient(180deg,rgba(0,0,0,.03) 0%,rgba(0,0,0,.12) 62%,#020202 98%),
    radial-gradient(circle at 72% 48%,transparent 0 24%,rgba(0,0,0,.28) 48%,rgba(0,0,0,.80) 100%) !important;
}
.hero-bull-showcase .hero-content{
  grid-column:1;
  grid-row:1;
  z-index:5;
  max-width:610px;
}
.hero-art{
  grid-column:2;
  grid-row:1;
  position:relative;
  z-index:4;
  justify-self:center;
  width:min(58vw,760px);
  margin:0;
  aspect-ratio:1;
  border-radius:50%;
  transform-style:preserve-3d;
  filter:drop-shadow(0 42px 95px rgba(0,0,0,.78));
}
.hero-art::before{
  content:"";
  position:absolute;
  inset:5.5%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(240,204,122,.30),rgba(179,139,69,.08) 38%,transparent 66%);
  filter:blur(28px);
  opacity:.75;
  transform:translateZ(-60px);
}
.hero-art::after{
  content:"";
  position:absolute;
  inset:-5%;
  border-radius:50%;
  border:1px solid rgba(240,204,122,.18);
  box-shadow:inset 0 0 48px rgba(240,204,122,.08),0 0 90px rgba(179,139,69,.12);
  transform:translateZ(32px);
  pointer-events:none;
}
.hero-art img{
  width:100%;
  height:100%;
  object-fit:contain;
  border-radius:50%;
  filter:contrast(1.12) brightness(1.08) saturate(.88) drop-shadow(0 0 30px rgba(240,204,122,.12));
  transform:translateZ(54px) scale(1.01);
}
.hero-art:hover img{filter:contrast(1.18) brightness(1.14) saturate(.92) drop-shadow(0 0 44px rgba(240,204,122,.20));}
.hero-bull-showcase .hero-orbit{
  z-index:3;
  right:8vw;
  top:50%;
  width:min(50vw,650px);
  transform:translateY(-50%);
  opacity:.42;
  pointer-events:none;
}
@media (min-width:1500px){
  .hero-bull-showcase{grid-template-columns:minmax(420px,650px) 1fr;}
  .hero-art{width:min(52vw,820px);}
}
@media (max-width:1080px){
  .hero-bull-showcase{grid-template-columns:1fr;align-items:end;padding:calc(56svh + 120px) 22px 56px;}
  .hero-art{position:absolute;top:96px;left:50%;transform:translateX(-50%) !important;width:min(86vw,600px);grid-column:auto;}
  .hero-art img{transform:translateZ(32px) scale(1);}
  .hero-bull-showcase .hero-orbit{top:104px;right:50%;width:min(88vw,620px);transform:translateX(50%) !important;opacity:.24;}
  .hero-bull-showcase .hero-content{grid-column:auto;grid-row:auto;max-width:100%;}
  .hero-bull-showcase::after{background:linear-gradient(180deg,rgba(0,0,0,.02) 0%,rgba(0,0,0,.04) 42%,rgba(0,0,0,.88) 69%,#020202 96%) !important;}
}
@media (max-width:560px){
  .hero-bull-showcase{padding:calc(50svh + 120px) 18px 44px;}
  .hero-art{top:92px;width:min(96vw,455px);}
  .hero-bull-showcase .title{font-size:clamp(44px,14vw,72px);}
  .hero-bull-showcase .trust-row{grid-template-columns:1fr;}
  .hero-bull-showcase .eyebrow-row{margin-bottom:14px;}
}

/* V16.5 — Hero composition dimension patch
   The bull emblem is a foreground artwork, not a cropped background.
   Desktop: balanced two-column composition, full circle visible, right-side hero impact.
   Mobile: emblem centered above the copy with safe proportions. */
.hero-bull-showcase{
  grid-template-columns:minmax(360px,560px) minmax(380px,1fr) !important;
  gap:clamp(28px,5vw,96px) !important;
  padding:142px max(28px,6.5vw) 78px !important;
  align-items:center !important;
}
.hero-bull-showcase .hero-content{
  max-width:560px !important;
}
.hero-art{
  width:clamp(430px,46vw,680px) !important;
  max-width:100% !important;
  justify-self:end !important;
  align-self:center !important;
  transform-origin:center center !important;
}
.hero-art::before{
  inset:8% !important;
  filter:blur(34px) !important;
  opacity:.62 !important;
}
.hero-art::after{
  inset:-3% !important;
  opacity:.75 !important;
}
.hero-art img{
  object-fit:contain !important;
  transform:translateZ(42px) scale(.985) !important;
  animation:bullFloat 7.5s ease-in-out infinite;
}
.hero-bull-showcase .hero-orbit{
  width:clamp(420px,44vw,660px) !important;
  right:calc(max(28px,6.5vw) + 1vw) !important;
  opacity:.28 !important;
}
@keyframes bullFloat{
  0%,100%{translate:0 0;}
  50%{translate:0 -8px;}
}
@media (min-width:1500px){
  .hero-bull-showcase{grid-template-columns:minmax(420px,600px) 1fr !important;}
  .hero-art{width:clamp(560px,43vw,740px) !important;}
  .hero-bull-showcase .hero-orbit{width:clamp(520px,42vw,720px) !important;}
}
@media (max-width:1180px){
  .hero-bull-showcase{
    grid-template-columns:minmax(330px,500px) minmax(360px,1fr) !important;
    gap:clamp(18px,3vw,46px) !important;
  }
  .hero-art{width:clamp(380px,43vw,560px) !important;}
}
@media (max-width:900px){
  .hero-bull-showcase{
    grid-template-columns:1fr !important;
    min-height:100svh !important;
    padding:calc(42svh + 118px) 22px 58px !important;
    align-items:end !important;
  }
  .hero-art{
    position:absolute !important;
    top:96px !important;
    left:50% !important;
    width:min(82vw,430px) !important;
    justify-self:center !important;
    transform:translateX(-50%) !important;
  }
  .hero-art img{transform:translateZ(30px) scale(.98) !important;}
  .hero-bull-showcase .hero-orbit{
    top:106px !important;
    right:50% !important;
    width:min(84vw,450px) !important;
    transform:translateX(50%) !important;
    opacity:.20 !important;
  }
  .hero-bull-showcase .hero-content{
    max-width:720px !important;
    margin-inline:auto !important;
  }
}
@media (max-width:560px){
  .hero-bull-showcase{
    padding:calc(38svh + 118px) 18px 44px !important;
  }
  .hero-art{
    top:88px !important;
    width:min(84vw,360px) !important;
  }
  .hero-bull-showcase .hero-orbit{
    top:94px !important;
    width:min(88vw,375px) !important;
  }
  .hero-art::after{inset:-1% !important;}
  .hero-bull-showcase .subtitle{font-size:17px !important;}
}
@media (max-width:380px){
  .hero-art{width:min(82vw,315px) !important;}
  .hero-bull-showcase{padding-top:calc(35svh + 124px) !important;}
}
@media (prefers-reduced-motion:reduce){.hero-art img{animation:none !important;}}

/* V16.6 visual density patch */
.visual-density{min-height:78svh;background:radial-gradient(circle at 72% 42%,rgba(179,139,69,.13),transparent 34%),linear-gradient(180deg,#020202,rgba(19,14,8,.58),#020202)}
.density-grid{display:grid;grid-template-columns:1fr minmax(320px,.72fr);gap:clamp(28px,5vw,74px);align-items:center;width:min(1180px,100%);margin:auto}.orbital-showcase{position:relative;min-height:520px;border-radius:38px;border:1px solid rgba(240,204,122,.16);background:radial-gradient(circle at 50% 45%,rgba(240,204,122,.13),transparent 34%),linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.012));box-shadow:0 44px 130px rgba(0,0,0,.58);overflow:hidden;display:grid;place-items:center;transform-style:preserve-3d}.orbital-showcase img{width:min(78%,430px);filter:drop-shadow(0 38px 70px rgba(0,0,0,.78)) contrast(1.06) saturate(.8);animation:blackFloat 6s ease-in-out infinite}.orbit-ring{position:absolute;inset:13%;border-radius:50%;border:1px solid rgba(240,204,122,.20);box-shadow:inset 0 0 34px rgba(240,204,122,.06),0 0 64px rgba(240,204,122,.05)}.ring-a{animation:orbitSpin 18s linear infinite}.ring-b{inset:23%;transform:rotate(42deg);border-style:dashed;opacity:.7;animation:orbitSpin 26s linear reverse infinite}.spark{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 22px rgba(240,204,122,.85)}.s1{top:18%;left:24%;animation:sparkDrift 5s ease-in-out infinite}.s2{right:18%;top:34%;animation:sparkDrift 7s ease-in-out infinite reverse}.s3{bottom:22%;left:42%;animation:sparkDrift 6s ease-in-out infinite}.lore-window{background:linear-gradient(180deg,#020202,rgba(15,11,7,.9),#020202)}.lore-layout{display:grid;grid-template-columns:1.05fr .95fr;grid-template-areas:"big copy" "big s1" "big s2";gap:18px;align-items:center;width:min(1220px,100%);margin:auto}.lore-frame{position:relative;overflow:hidden;border-radius:34px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);box-shadow:0 34px 120px rgba(0,0,0,.48)}.lore-frame::after{content:"";position:absolute;inset:0;background:linear-gradient(140deg,rgba(240,204,122,.14),transparent 34%,rgba(0,0,0,.28));pointer-events:none}.lore-frame.big{grid-area:big;min-height:720px}.lore-frame.small{min-height:246px}.lore-frame img{width:100%;height:100%;min-height:inherit;object-fit:cover;filter:brightness(1.02) contrast(1.08) saturate(.74);transition:transform .8s var(--ease)}.lore-frame:hover img{transform:scale(1.045)}.lore-layout .copy{grid-area:copy}.pulse-section{background:radial-gradient(circle at 50% 0%,rgba(240,204,122,.11),transparent 44%)}.pulse-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;width:min(1120px,100%);margin:44px auto 0}.pulse-card{position:relative;min-height:240px;padding:28px;border-radius:30px;border:1px solid rgba(240,204,122,.14);background:linear-gradient(180deg,rgba(255,255,255,.052),rgba(255,255,255,.016));overflow:hidden}.pulse-card::before{content:"";position:absolute;inset:auto -20% -45% -20%;height:120%;background:radial-gradient(circle,rgba(240,204,122,.14),transparent 55%);animation:pulseGlow 4.8s ease-in-out infinite}.pulse-card span{position:relative;display:block;width:54px;height:54px;border-radius:50%;border:1px solid rgba(240,204,122,.35);box-shadow:0 0 0 8px rgba(240,204,122,.045),0 0 34px rgba(240,204,122,.16);margin-bottom:40px}.pulse-card span::after{content:"";position:absolute;inset:14px;border-radius:50%;background:var(--gold);box-shadow:0 0 24px rgba(240,204,122,.75);animation:pulseDot 1.8s ease-in-out infinite}.pulse-card strong{position:relative;display:block;font-family:Georgia,serif;font-size:30px;letter-spacing:-.04em;color:#f7f0e5}.pulse-card p{position:relative;color:var(--muted);line-height:1.7}.motion-gallery{min-height:76svh;background:linear-gradient(180deg,#020202,rgba(12,9,6,.88),#020202);overflow:hidden}.art-rail{display:flex;gap:18px;margin-top:44px;width:max-content;animation:railGlide 28s linear infinite}.art-rail:hover{animation-play-state:paused}.art-rail img{width:clamp(220px,24vw,360px);aspect-ratio:4/5;object-fit:cover;border-radius:30px;border:1px solid rgba(255,255,255,.09);box-shadow:0 30px 100px rgba(0,0,0,.48);filter:brightness(1.08) contrast(1.08) saturate(.78)}@keyframes orbitSpin{to{transform:rotate(360deg)}}@keyframes blackFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-12px) scale(1.015)}}@keyframes sparkDrift{0%,100%{transform:translate(0,0);opacity:.55}50%{transform:translate(18px,-22px);opacity:1}}@keyframes pulseGlow{0%,100%{opacity:.45;transform:scale(.9)}50%{opacity:.9;transform:scale(1.08)}}@keyframes pulseDot{0%,100%{transform:scale(.72);opacity:.66}50%{transform:scale(1.15);opacity:1}}@keyframes railGlide{from{transform:translateX(0)}to{transform:translateX(calc(-50% + 50vw))}}@media (max-width:900px){.density-grid,.lore-layout,.pulse-grid{grid-template-columns:1fr}.lore-layout{grid-template-areas:"copy" "big" "s1" "s2"}.orbital-showcase{min-height:420px}.lore-frame.big{min-height:460px}.lore-frame.small{min-height:320px}.art-rail{width:auto;overflow-x:auto;animation:none;padding-bottom:14px}.art-rail img{flex:0 0 72vw}.pulse-card{min-height:auto}}@media (prefers-reduced-motion:reduce){.orbital-showcase img,.ring-a,.ring-b,.spark,.pulse-card::before,.pulse-card span::after,.art-rail{animation:none!important}}


/* V17 Director's Cut — cinematic rhythm and stronger visual direction */
:root{--v17-glow:rgba(240,204,122,.22);--v17-fog:rgba(255,255,255,.035)}
body{background:radial-gradient(circle at 18% 12%,rgba(240,204,122,.08),transparent 26%),radial-gradient(circle at 82% 22%,rgba(179,139,69,.08),transparent 28%),linear-gradient(180deg,#020202 0%,#090705 42%,#020202 100%)}
.hero-bull-showcase .hero-content{transform:translateY(-8px)}
.hero-bull-showcase .title{max-width:780px;text-shadow:0 18px 80px rgba(0,0,0,.9)}
.hero-art{filter:drop-shadow(0 56px 120px rgba(0,0,0,.88)) drop-shadow(0 0 42px rgba(240,204,122,.10)) !important}
.hero-art::before{background:radial-gradient(circle,rgba(240,204,122,.34),rgba(179,139,69,.10) 36%,transparent 68%) !important;animation:v17Halo 4.8s ease-in-out infinite}
.hero-art::after{box-shadow:inset 0 0 62px rgba(240,204,122,.10),0 0 110px rgba(179,139,69,.16) !important}
@keyframes v17Halo{0%,100%{opacity:.52;transform:scale(.98) translateZ(-60px)}50%{opacity:.84;transform:scale(1.04) translateZ(-60px)}}
.director-cutline{position:relative;z-index:3;display:flex;align-items:center;gap:18px;padding:0 max(24px,7vw);margin:-22px auto 0;color:var(--gold-2);letter-spacing:.34em;text-transform:uppercase;font-size:10px;opacity:.88}.director-cutline span{height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(240,204,122,.34),transparent)}.director-cutline strong{font-weight:500;white-space:nowrap}.director-scene{min-height:86svh;grid-template-columns:1.05fr .95fr;gap:clamp(30px,6vw,90px);background:radial-gradient(circle at 36% 44%,rgba(240,204,122,.10),transparent 34%),linear-gradient(180deg,#020202,#0b0805 52%,#020202)}.scene-stack{position:relative;min-height:620px;transform-style:preserve-3d}.scene-panel{position:absolute;margin:0;overflow:hidden;border:1px solid rgba(240,204,122,.14);background:rgba(255,255,255,.035);box-shadow:0 44px 120px rgba(0,0,0,.56)}.scene-panel img{width:100%;height:100%;object-fit:cover;filter:brightness(1.05) contrast(1.09) saturate(.78)}.scene-panel.large{left:0;top:8%;width:68%;height:78%;border-radius:38px;transform:rotate(-2deg)}.scene-panel.mid{right:2%;top:0;width:46%;height:54%;border-radius:34px;transform:rotate(3deg);z-index:2}.scene-panel.small{right:12%;bottom:6%;width:36%;height:34%;border-radius:28px;z-index:3;transform:rotate(-4deg)}.scene-stack::before{content:"";position:absolute;inset:12% 10% 10% 0;border-radius:50%;background:radial-gradient(circle,rgba(240,204,122,.18),transparent 62%);filter:blur(30px)}
.rift-separator{position:relative;z-index:2;height:130px;margin:-40px 0;background:linear-gradient(180deg,transparent,rgba(240,204,122,.035),transparent);overflow:hidden}.rift-separator i{position:absolute;left:50%;top:50%;width:120vw;height:1px;background:linear-gradient(90deg,transparent,rgba(240,204,122,.32),rgba(255,255,255,.08),transparent);transform:translate(-50%,-50%) rotate(var(--r,0deg));box-shadow:0 0 28px rgba(240,204,122,.16)}.rift-separator i:nth-child(2){--r:2.2deg;opacity:.55}.rift-separator i:nth-child(3){--r:-2.6deg;opacity:.42}.forge-section{min-height:80svh}.forge-section::before{filter:contrast(1.14) brightness(.9) saturate(.68) !important}.forge-copy{position:relative;z-index:3;max-width:760px;margin-left:auto;padding:34px;border:1px solid rgba(240,204,122,.16);border-radius:34px;background:linear-gradient(145deg,rgba(2,2,2,.62),rgba(255,255,255,.035));backdrop-filter:blur(10px);box-shadow:0 34px 120px rgba(0,0,0,.58)}
.director-frames{min-height:88svh;background:radial-gradient(circle at 50% 10%,rgba(240,204,122,.08),transparent 36%),linear-gradient(180deg,#020202,#0d0905,#020202)}.frame-mosaic{display:grid;grid-template-columns:1.1fr .9fr 1.05fr;gap:18px;width:min(1180px,100%);margin:54px auto 0;align-items:end}.frame-mosaic figure{position:relative;margin:0;min-height:430px;overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:34px;background:rgba(255,255,255,.035);box-shadow:0 32px 120px rgba(0,0,0,.46)}.frame-mosaic figure:nth-child(2){min-height:560px;transform:translateY(-28px)}.frame-mosaic img{width:100%;height:100%;object-fit:cover;filter:brightness(1.08) contrast(1.08) saturate(.76);transition:transform .9s var(--ease)}.frame-mosaic figure:hover img{transform:scale(1.055)}.frame-mosaic figcaption{position:absolute;left:20px;bottom:18px;padding:9px 12px;border:1px solid rgba(240,204,122,.20);border-radius:999px;background:rgba(0,0,0,.48);backdrop-filter:blur(8px);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-2)}
.final-signal{min-height:70svh;background:radial-gradient(circle at 25% 45%,rgba(240,204,122,.10),transparent 34%),linear-gradient(135deg,#020202,#0f0b07 50%,#020202)}.signal-cinema{width:min(1180px,100%);margin:auto;display:grid;grid-template-columns:minmax(260px,.46fr) 1fr;gap:clamp(24px,5vw,76px);align-items:center;border:1px solid rgba(240,204,122,.14);border-radius:44px;padding:clamp(24px,5vw,58px);background:linear-gradient(145deg,rgba(255,255,255,.052),rgba(255,255,255,.012));box-shadow:0 44px 130px rgba(0,0,0,.56);overflow:hidden;position:relative}.signal-cinema::before{content:"";position:absolute;inset:-30%;background:conic-gradient(from 70deg,transparent,rgba(240,204,122,.09),transparent,rgba(255,255,255,.045),transparent);animation:spin 24s linear infinite}.signal-cinema>*{position:relative;z-index:2}.signal-cinema img{width:min(360px,100%);border-radius:50%;filter:drop-shadow(0 38px 80px rgba(0,0,0,.76)) drop-shadow(0 0 34px rgba(240,204,122,.18));animation:blackFloat 7s ease-in-out infinite}.signal-cinema h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(38px,6vw,86px);line-height:.94;letter-spacing:-.055em;margin:0 0 22px}.signal-cinema p{font-size:clamp(17px,2vw,24px);line-height:1.55;color:var(--muted);max-width:720px}.chapter::before{pointer-events:none}.chapter:not(.image)::after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(240,204,122,.16),transparent);opacity:.7}.copy p{color:rgba(247,240,229,.76)}.card,.quest,.resource-card,.metric,.pulse-card,.terminal-panel,.visual-card,.lore-frame{box-shadow:0 28px 100px rgba(0,0,0,.42)}
@media(max-width:980px){.director-scene{grid-template-columns:1fr;min-height:auto}.scene-stack{min-height:520px;order:2}.frame-mosaic{grid-template-columns:1fr}.frame-mosaic figure,.frame-mosaic figure:nth-child(2){min-height:380px;transform:none}.signal-cinema{grid-template-columns:1fr;text-align:center}.signal-cinema img{margin:auto}.forge-copy{margin:auto}}
@media(max-width:560px){.director-cutline{gap:10px;letter-spacing:.22em}.scene-stack{min-height:430px}.scene-panel.large{width:76%;height:68%;top:14%}.scene-panel.mid{width:54%;height:42%}.scene-panel.small{width:48%;height:30%;right:4%}.forge-copy{padding:24px;border-radius:26px}.frame-mosaic figure{min-height:330px}.signal-cinema{border-radius:30px}.director-scene,.director-frames,.final-signal{padding-inline:18px}}
@media(prefers-reduced-motion:reduce){.hero-art::before,.signal-cinema::before,.signal-cinema img{animation:none!important}}


/* V18.1 Hero sizing refinement */
.hero-art,
.hero-image,
.hero-bull,
.hero-visual img,
.hero-art img{
  transform: scale(.88);
  transform-origin:center center;
}
@media (max-width: 768px){
.hero-art,
.hero-image,
.hero-bull,
.hero-visual img,
.hero-art img{
  transform: scale(.96);
}
}

/* V19 — Lore Gallery integration */
.lore-pack{position:relative;overflow:hidden;padding-top:clamp(76px,9vw,140px);}
.lore-pack::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 12%,rgba(135,77,255,.14),transparent 28%),radial-gradient(circle at 86% 26%,rgba(20,241,149,.10),transparent 26%),linear-gradient(180deg,rgba(255,255,255,.02),transparent 40%);pointer-events:none;}
.lore-feature{position:relative;z-index:1;margin:44px auto 34px;max-width:1180px;min-height:520px;border:1px solid rgba(240,204,122,.18);border-radius:34px;overflow:hidden;background:#050505;box-shadow:0 40px 120px rgba(0,0,0,.58);}
.lore-feature img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.72) contrast(1.16) saturate(1.08);transform:scale(1.02);}
.lore-feature::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.58) 34%,rgba(0,0,0,.12) 72%,rgba(0,0,0,.5) 100%),linear-gradient(180deg,transparent 45%,rgba(0,0,0,.68) 100%);}
.lore-feature-copy{position:relative;z-index:2;max-width:460px;padding:clamp(28px,5vw,64px);display:flex;min-height:520px;flex-direction:column;justify-content:flex-end;}
.lore-feature-copy span,.lore-mosaic figcaption{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-2);}
.lore-feature-copy h3{margin:12px 0 12px;font-size:clamp(34px,5vw,68px);line-height:.92;text-transform:uppercase;letter-spacing:-.05em;}
.lore-feature-copy p{color:var(--soft);font-size:18px;line-height:1.65;}
.lore-mosaic{position:relative;z-index:1;max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:230px;gap:16px;}
.lore-mosaic figure{position:relative;margin:0;overflow:hidden;border-radius:26px;border:1px solid rgba(240,204,122,.16);background:#050505;box-shadow:0 20px 70px rgba(0,0,0,.36);}
.lore-mosaic figure.wide{grid-column:span 2;}.lore-mosaic figure.tall{grid-row:span 2;}
.lore-mosaic img{width:100%;height:100%;object-fit:cover;filter:brightness(.72) contrast(1.15) saturate(1.04);transition:transform .8s cubic-bezier(.2,.8,.2,1),filter .8s ease;}
.lore-mosaic figure:hover img{transform:scale(1.055);filter:brightness(.9) contrast(1.18) saturate(1.1);}
.lore-mosaic figcaption{position:absolute;left:16px;right:16px;bottom:14px;padding-top:44px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.78));text-shadow:0 6px 22px #000;}
.cinema-break{height:clamp(320px,48vw,620px);margin:0;position:relative;overflow:hidden;background-image:linear-gradient(180deg,#020202 0%,rgba(2,2,2,.28) 35%,rgba(2,2,2,.35) 70%,#020202 100%),var(--bg);background-size:cover;background-position:center center;background-attachment:fixed;border-block:1px solid rgba(240,204,122,.12);}
.cinema-break::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 55%,rgba(153,69,255,.15),transparent 34%),radial-gradient(circle at 58% 60%,rgba(20,241,149,.10),transparent 22%);mix-blend-mode:screen;}
.gallery-grid.lore-gallery{grid-template-columns:repeat(3,1fr);gap:18px;}
.gallery-grid.lore-gallery figure{position:relative;margin:0;overflow:hidden;border-radius:24px;border:1px solid rgba(240,204,122,.15);background:#050505;min-height:260px;}
.gallery-grid.lore-gallery img{width:100%;height:100%;min-height:260px;object-fit:cover;filter:brightness(.78) contrast(1.12);transition:transform .7s ease,filter .7s ease;}
.gallery-grid.lore-gallery figure:hover img{transform:scale(1.05);filter:brightness(.94) contrast(1.15);}
.gallery-grid.lore-gallery figcaption{position:absolute;left:14px;right:14px;bottom:12px;color:var(--gold-2);font-size:12px;letter-spacing:.16em;text-transform:uppercase;text-shadow:0 8px 18px #000;}
@media(max-width:900px){.lore-feature,.lore-feature-copy{min-height:420px}.lore-feature::after{background:linear-gradient(180deg,rgba(0,0,0,.15) 0%,rgba(0,0,0,.86) 100%)}.lore-mosaic{grid-template-columns:1fr 1fr;grid-auto-rows:180px}.lore-mosaic figure.wide{grid-column:span 2}.gallery-grid.lore-gallery{grid-template-columns:1fr 1fr}.cinema-break{background-attachment:scroll}}
@media(max-width:560px){.lore-feature{border-radius:24px}.lore-feature-copy{padding:24px}.lore-mosaic{grid-template-columns:1fr;grid-auto-rows:220px}.lore-mosaic figure.wide,.lore-mosaic figure.tall{grid-column:auto;grid-row:auto}.gallery-grid.lore-gallery{grid-template-columns:1fr}}

/* V20 Realm Experience — living world, map, codex, final polish */
.realm-sound{position:fixed;right:20px;bottom:20px;z-index:90;border:1px solid rgba(207,166,83,.45);background:rgba(8,7,5,.68);color:#f4d58a;border-radius:999px;padding:11px 15px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;backdrop-filter:blur(16px);box-shadow:0 18px 50px rgba(0,0,0,.45), inset 0 0 24px rgba(207,166,83,.08);cursor:pointer;transition:transform .25s ease,border-color .25s ease,background .25s ease}.realm-sound:hover{transform:translateY(-2px);border-color:rgba(244,213,138,.85);background:rgba(28,20,10,.75)}.realm-sound[aria-pressed="true"]{border-color:rgba(107,255,222,.65);color:#b9fff1}.living-veil{position:fixed;inset:0;z-index:1;pointer-events:none;overflow:hidden;mix-blend-mode:screen;opacity:.42}.living-veil span{position:absolute;width:46vw;height:46vw;border-radius:50%;filter:blur(70px);opacity:.08;animation:realm-drift 18s ease-in-out infinite alternate}.living-veil span:nth-child(1){left:-12vw;top:12vh;background:#c99b45}.living-veil span:nth-child(2){right:-14vw;top:28vh;background:#7d3cff;animation-duration:24s}.living-veil span:nth-child(3){left:36vw;bottom:-22vw;background:#21f5d0;animation-duration:21s}@keyframes realm-drift{from{transform:translate3d(-2vw,-1vh,0) scale(.9)}to{transform:translate3d(3vw,2vh,0) scale(1.08)}}
body::after{content:"";position:fixed;inset:0;z-index:2;pointer-events:none;background:radial-gradient(circle at var(--mx,50%) var(--my,40%),rgba(214,170,83,.09),transparent 20rem),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:auto,90px 90px;mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent);opacity:.5}.hero-home::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 20%,rgba(255,221,142,.12) 45%,transparent 62%);transform:translateX(-110%) skewX(-16deg);animation:hero-light-sweep 7s ease-in-out infinite;mix-blend-mode:screen}.hero-art img{animation:bull-breathe 6s ease-in-out infinite;transform-origin:center}.hero-art::before{animation:halo-pulse 5.5s ease-in-out infinite}@keyframes hero-light-sweep{0%,42%{transform:translateX(-120%) skewX(-16deg);opacity:0}55%{opacity:.55}75%,100%{transform:translateX(120%) skewX(-16deg);opacity:0}}@keyframes bull-breathe{0%,100%{transform:scale(.985)}50%{transform:scale(1)}}@keyframes halo-pulse{0%,100%{opacity:.42;filter:blur(18px)}50%{opacity:.72;filter:blur(25px)}}
.realm-map{position:relative;overflow:hidden}.realm-map::before{content:"";position:absolute;inset:6% 0 auto 0;height:70%;background:radial-gradient(circle at 50% 30%,rgba(125,60,255,.16),transparent 35%),radial-gradient(circle at 72% 54%,rgba(33,245,208,.12),transparent 34%);pointer-events:none;opacity:.8}.realm-grid{position:relative;display:grid;grid-template-columns:minmax(240px,360px) 1fr;gap:34px;align-items:stretch;max-width:1180px;margin:42px auto 0}.realm-nodes{position:relative;display:grid;gap:12px}.realm-nodes::before{content:"";position:absolute;left:25px;top:26px;bottom:26px;width:1px;background:linear-gradient(#cfa653,rgba(125,60,255,.7),rgba(33,245,208,.7));opacity:.45}.realm-node{position:relative;display:grid;grid-template-columns:52px 1fr;align-items:center;text-align:left;gap:12px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.015));color:var(--text);border-radius:20px;padding:14px 16px;cursor:pointer;backdrop-filter:blur(14px);transition:transform .25s ease,border-color .25s ease,background .25s ease}.realm-node:hover,.realm-node.active{transform:translateX(5px);border-color:rgba(207,166,83,.62);background:linear-gradient(135deg,rgba(207,166,83,.16),rgba(125,60,255,.07))}.realm-node span{grid-row:span 2;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(207,166,83,.5);color:#f0cc7a;font-size:12px}.realm-node strong{letter-spacing:.08em;text-transform:uppercase}.realm-node small{color:var(--muted);font-size:12px}.realm-display{position:relative;min-height:610px;border-radius:34px;overflow:hidden;border:1px solid rgba(207,166,83,.22);background:#050505;box-shadow:0 30px 100px rgba(0,0,0,.55)}.realm-display::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 25%,rgba(207,166,83,.2),transparent 26%),linear-gradient(180deg,transparent 45%,rgba(0,0,0,.88));z-index:1;pointer-events:none}.realm-display img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:opacity .28s ease,transform .8s ease;transform:scale(1.02)}.realm-display.switching img{opacity:.18;transform:scale(1.08)}.realm-display figcaption{position:absolute;z-index:2;left:24px;right:24px;bottom:22px;padding:18px 20px;border:1px solid rgba(255,255,255,.11);border-radius:20px;background:rgba(0,0,0,.45);backdrop-filter:blur(18px);color:#f4e3b7;line-height:1.6}.codex{display:grid;grid-template-columns:minmax(280px,460px) 1fr;gap:56px;align-items:center}.codex-cover{position:relative;min-height:560px;border-radius:34px;overflow:hidden;border:1px solid rgba(207,166,83,.22);box-shadow:0 30px 100px rgba(0,0,0,.55)}.codex-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.55)),radial-gradient(circle at 50% 35%,transparent 25%,rgba(0,0,0,.38));pointer-events:none}.codex-cover img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.codex-list{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}.codex-list article{position:relative;min-height:190px;padding:24px;border-radius:24px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));overflow:hidden}.codex-list article::after{content:"";position:absolute;right:-36px;bottom:-36px;width:120px;height:120px;border:1px solid rgba(207,166,83,.25);border-radius:50%;box-shadow:0 0 60px rgba(207,166,83,.08)}.codex-list span{display:inline-grid;place-items:center;width:32px;height:32px;border:1px solid rgba(207,166,83,.45);border-radius:50%;color:#f0cc7a;margin-bottom:16px}.codex-list h3{margin:0 0 8px}.codex-list p{margin:0;color:var(--muted);line-height:1.65}.final-revelation{min-height:88vh}.final-revelation::before{background:linear-gradient(90deg,rgba(0,0,0,.86),rgba(0,0,0,.28),rgba(0,0,0,.88)),radial-gradient(circle at 50% 45%,rgba(125,60,255,.24),transparent 34%),radial-gradient(circle at 50% 70%,rgba(33,245,208,.16),transparent 28%)!important}.footer{position:relative;overflow:hidden}.footer::before{content:"";position:absolute;inset:-20% 0 0 0;background:url('../img/lorepack/09-eyes-below.webp') center 18%/cover no-repeat;opacity:.16;filter:grayscale(1) contrast(1.2);mask-image:linear-gradient(to bottom,#000,transparent 78%)}.footer>*{position:relative}.version-tag{font-size:10px;letter-spacing:.16em}.version-tag::after{content:" • REALM";color:#7fffe8}
@media(max-width:980px){.realm-grid,.codex{grid-template-columns:1fr}.realm-display{min-height:470px}.codex-cover{min-height:420px}.realm-sound{right:14px;bottom:14px;padding:10px 12px;font-size:10px}.codex-list{grid-template-columns:1fr 1fr}}@media(max-width:620px){.realm-grid{gap:20px}.realm-display{min-height:380px;border-radius:24px}.realm-node{grid-template-columns:44px 1fr;padding:12px}.codex-list{grid-template-columns:1fr}.codex-cover{min-height:360px;border-radius:24px}.living-veil{opacity:.25}}
@media(prefers-reduced-motion:reduce){.living-veil span,.hero-home::after,.hero-art img,.hero-art::before{animation:none!important}.realm-sound{display:none}}


/* V21 Signal Polish — fast density pass */
.signal-board{padding-top:38px;padding-bottom:38px}.signal-board-shell{position:relative;display:grid;grid-template-columns:.88fr 1.35fr;gap:26px;align-items:stretch;padding:28px;border:1px solid rgba(207,166,83,.18);border-radius:34px;background:radial-gradient(circle at 18% 0%,rgba(207,166,83,.16),transparent 34%),radial-gradient(circle at 96% 20%,rgba(125,60,255,.12),transparent 28%),linear-gradient(135deg,rgba(255,255,255,.065),rgba(255,255,255,.018));box-shadow:0 28px 100px rgba(0,0,0,.42);overflow:hidden}.signal-board-shell::before{content:"";position:absolute;inset:0;background:url('../img/lorepack/02-the-beast.webp') right center/auto 135% no-repeat;opacity:.11;filter:grayscale(.25) contrast(1.25);pointer-events:none}.signal-board-shell::after{content:"";position:absolute;inset:auto -10% -40% 35%;height:180px;background:radial-gradient(ellipse,rgba(240,204,122,.22),transparent 68%);filter:blur(24px);pointer-events:none}.signal-board-copy,.signal-cards{position:relative}.signal-board-copy h2{font-size:clamp(2rem,4vw,4.8rem);line-height:.92;margin:10px 0}.signal-board-copy p{color:var(--muted);line-height:1.7;max-width:46ch}.signal-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.signal-card{min-height:220px;padding:22px;border-radius:24px;border:1px solid rgba(255,255,255,.12);background:rgba(2,2,2,.54);backdrop-filter:blur(16px);text-decoration:none;color:var(--text);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative}.signal-card::before{content:"";position:absolute;inset:-1px;background:linear-gradient(120deg,transparent,rgba(207,166,83,.28),transparent);opacity:0;transition:opacity .35s}.signal-card:hover::before{opacity:1}.signal-card small{color:#f0cc7a;letter-spacing:.18em}.signal-card strong{font-size:1.15rem;line-height:1.15}.signal-card span{color:var(--muted);font-size:.92rem;line-height:1.55}.signal-interlude{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center}.interlude-media{position:relative;min-height:520px}.interlude-media img{position:absolute;object-fit:cover;border:1px solid rgba(207,166,83,.2);box-shadow:0 28px 90px rgba(0,0,0,.55)}.interlude-media img:first-child{inset:0 18% 10% 0;width:70%;height:84%;border-radius:34px}.interlude-media img:nth-child(2){right:0;bottom:0;width:48%;height:58%;border-radius:28px;filter:contrast(1.05) saturate(1.08)}.interlude-media::after{content:"";position:absolute;inset:16% 6% 0 20%;border-radius:50%;background:radial-gradient(circle,rgba(33,245,208,.14),transparent 62%);filter:blur(22px);pointer-events:none}.micro-timeline{margin-top:26px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#f0cc7a;text-transform:uppercase;font-size:11px;letter-spacing:.18em}.micro-timeline i{display:block;width:54px;height:1px;background:linear-gradient(90deg,rgba(207,166,83,.2),rgba(33,245,208,.75),rgba(207,166,83,.2))}.community-proof{position:relative}.community-proof::before{content:"";position:absolute;inset:8% 4%;border-radius:44px;background:radial-gradient(circle at 30% 20%,rgba(125,60,255,.12),transparent 32%),radial-gradient(circle at 70% 60%,rgba(33,245,208,.1),transparent 30%);filter:blur(16px);pointer-events:none}.proof-grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.proof-grid article{min-height:190px;padding:24px;border-radius:26px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.018));box-shadow:0 22px 70px rgba(0,0,0,.25)}.proof-grid strong{display:block;font-size:1.22rem;margin-bottom:12px}.proof-grid span{display:block;color:var(--muted);line-height:1.65}.hero-art{transform:scale(.94)}.hero-bull-showcase .hero-art img{object-fit:contain}.version-tag::after{content:" • V21"!important;color:#7fffe8}
@media(max-width:980px){.signal-board-shell,.signal-interlude{grid-template-columns:1fr}.signal-cards,.proof-grid{grid-template-columns:1fr}.signal-card{min-height:160px}.interlude-media{min-height:430px}.hero-art{transform:scale(.96)}}
@media(max-width:620px){.signal-board-shell{padding:18px;border-radius:24px}.interlude-media{min-height:360px}.interlude-media img:first-child{width:82%;height:72%;inset:0 auto auto 0}.interlude-media img:nth-child(2){width:62%;height:50%}.micro-timeline i{width:28px}.proof-grid article{min-height:auto}}

/* V22 Dark Sanctum — darker atmosphere pass */
:root{
  --black:#000;
  --obsidian:#030303;
  --ink:#050403;
  --graphite:#0a0806;
  --line:rgba(255,255,255,.075);
  --line-soft:rgba(255,255,255,.035);
  --glass:rgba(255,255,255,.025);
  --muted:rgba(246,239,227,.58);
  --dim:rgba(246,239,227,.36);
  --gold-soft:rgba(179,139,69,.09);
  --sol-purple:rgba(125,60,255,.13);
  --sol-teal:rgba(33,245,208,.10);
}
html,body{background:#000!important;}
body{
  background:
    radial-gradient(circle at 18% 8%,rgba(179,139,69,.045),transparent 24%),
    radial-gradient(circle at 86% 18%,rgba(125,60,255,.045),transparent 22%),
    linear-gradient(180deg,#000 0%,#030201 42%,#000 100%)!important;
}
body::before{opacity:.13!important;mask-image:radial-gradient(circle at center,black,transparent 72%)!important;}
body::after{opacity:.075!important;mix-blend-mode:soft-light!important;}
#black-canvas{opacity:.48!important;filter:brightness(.62) contrast(1.25)!important;}
.cursor-light{background:radial-gradient(circle,rgba(240,204,122,.055),transparent 66%)!important;}
.living-veil{opacity:.18!important;filter:brightness(.45) contrast(1.4)!important;}
.loader{background:radial-gradient(circle at center,rgba(179,139,69,.075),transparent 28%),#000!important;}
.nav{background:rgba(0,0,0,.72)!important;border-color:rgba(240,204,122,.075)!important;box-shadow:0 22px 80px rgba(0,0,0,.78)!important;}
.nav.scrolled{background:rgba(0,0,0,.90)!important;border-color:rgba(240,204,122,.12)!important;}
.copy-badge::after{content:" • DARK SANCTUM";color:#9c7a3f;}
.hero-bull-showcase{
  background:#000!important;
}
.hero-bull-showcase .hero-bg{
  background:
    radial-gradient(circle at 72% 46%,rgba(240,204,122,.055),transparent 22%),
    radial-gradient(circle at 77% 50%,rgba(33,245,208,.028),transparent 19%),
    linear-gradient(90deg,#000 0%,rgba(0,0,0,.97) 30%,rgba(0,0,0,.70) 58%,rgba(0,0,0,.92) 100%)!important;
}
.hero-bull-showcase::before{
  background:
    linear-gradient(90deg,#000 0 24%,transparent 56%,rgba(0,0,0,.88) 100%),
    radial-gradient(circle at 72% 48%,rgba(179,139,69,.09),transparent 30%)!important;
  opacity:.72!important;
  mix-blend-mode:normal!important;
}
.hero-bull-showcase::after{
  background:
    radial-gradient(circle at 72% 48%,transparent 0 20%,rgba(0,0,0,.46) 42%,rgba(0,0,0,.96) 82%),
    linear-gradient(180deg,rgba(0,0,0,.20) 0%,rgba(0,0,0,.08) 48%,#000 98%)!important;
}
.hero-art{filter:drop-shadow(0 70px 150px rgba(0,0,0,.96)) drop-shadow(0 0 22px rgba(179,139,69,.08))!important;}
.hero-art::before{background:radial-gradient(circle,rgba(179,139,69,.18),rgba(179,139,69,.045) 35%,transparent 68%)!important;opacity:.38!important;}
.hero-art::after{border-color:rgba(240,204,122,.10)!important;box-shadow:inset 0 0 70px rgba(0,0,0,.62),0 0 70px rgba(179,139,69,.06)!important;}
.hero-art img{filter:contrast(1.22) brightness(.78) saturate(.62) drop-shadow(0 0 18px rgba(240,204,122,.07))!important;}
.hero-art:hover img{filter:contrast(1.28) brightness(.86) saturate(.66) drop-shadow(0 0 28px rgba(240,204,122,.10))!important;}
.hero-orbit{opacity:.16!important;border-color:rgba(240,204,122,.08)!important;}
.title,.page-title,.copy h2,.launch-panel h2{color:#f3ead9;text-shadow:0 20px 95px rgba(0,0,0,.95);}
.subtitle,.copy p,.page-lead,.launch-panel p{color:rgba(246,239,227,.62)!important;}
.pill,.trust-row div,.signal-strip div{background:rgba(0,0,0,.42)!important;border-color:rgba(240,204,122,.11)!important;box-shadow:inset 0 0 38px rgba(0,0,0,.42)!important;}
.btn,.ca-button,.nav-links a{background:rgba(255,255,255,.022)!important;border-color:rgba(255,255,255,.075)!important;}
.btn.primary{background:linear-gradient(180deg,rgba(179,139,69,.15),rgba(0,0,0,.18))!important;border-color:rgba(240,204,122,.22)!important;}
.btn:hover,.ca-button:hover,.nav-links a:hover,.nav-links a.active{background:rgba(179,139,69,.065)!important;border-color:rgba(240,204,122,.28)!important;box-shadow:0 0 34px rgba(0,0,0,.72),0 0 20px rgba(179,139,69,.06)!important;}
.chapter,.content-section{background-color:#000;}
.chapter::before,.content-section::before{filter:brightness(.55) contrast(1.28) saturate(.58)!important;}
.chapter.image::after,.content-section.image::after{
  background:linear-gradient(180deg,#000 0%,rgba(0,0,0,.30) 18%,rgba(0,0,0,.38) 74%,#000 100%)!important;
}
.signal-board-shell,.studio-panel,.launch-panel,.terminal-panel,.resource-card,.quest,.metric,.card,.component-card,.production-note,.proof-grid article,.codex-list article,.signal-card,.pulse-card{
  background:linear-gradient(145deg,rgba(255,255,255,.032),rgba(0,0,0,.52))!important;
  border-color:rgba(255,255,255,.07)!important;
  box-shadow:0 30px 110px rgba(0,0,0,.62),inset 0 0 60px rgba(0,0,0,.34)!important;
}
.signal-board-shell{
  background:radial-gradient(circle at 18% 0%,rgba(179,139,69,.075),transparent 30%),radial-gradient(circle at 94% 20%,rgba(125,60,255,.045),transparent 25%),linear-gradient(135deg,rgba(255,255,255,.028),rgba(0,0,0,.72))!important;
}
.signal-board-shell::before{opacity:.18!important;filter:grayscale(.35) contrast(1.45) brightness(.42)!important;background-size:auto 145%!important;}
.signal-board-shell::after{opacity:.35!important;background:radial-gradient(ellipse,rgba(240,204,122,.11),transparent 70%)!important;}
.lore-pack,.realm-map,.community-proof,.motion-gallery,.pulse-section{background:#000!important;}
.lore-feature,.lore-mosaic figure,.realm-display,.codex-cover,.visual-card,.lore-frame,.scene-panel,.interlude-media img,.frame-mosaic figure,.chronicles img,.gallery-grid img{
  border-color:rgba(240,204,122,.10)!important;
  box-shadow:0 40px 140px rgba(0,0,0,.72)!important;
  background:#020202!important;
}
.lore-feature img,.lore-mosaic img,.realm-display img,.codex-cover img,.interlude-media img,.frame-mosaic img,.chronicles img,.art-rail img{
  filter:brightness(.56) contrast(1.32) saturate(.58)!important;
}
.lore-feature:hover img,.lore-mosaic figure:hover img,.realm-display:hover img,.codex-cover:hover img,.interlude-media:hover img,.frame-mosaic figure:hover img,.chronicles img:hover,.art-rail img:hover{
  filter:brightness(.70) contrast(1.38) saturate(.66)!important;
}
.realm-map::before,.community-proof::before,.interlude-media::after{
  opacity:.38!important;
  background:radial-gradient(circle at 36% 20%,rgba(125,60,255,.07),transparent 32%),radial-gradient(circle at 70% 60%,rgba(33,245,208,.055),transparent 30%)!important;
}
.realm-node{background:linear-gradient(135deg,rgba(255,255,255,.026),rgba(0,0,0,.58))!important;border-color:rgba(255,255,255,.07)!important;}
.realm-node:hover,.realm-node.active{background:linear-gradient(135deg,rgba(179,139,69,.075),rgba(0,0,0,.62))!important;border-color:rgba(207,166,83,.32)!important;}
.realm-display::before{background:radial-gradient(circle at 72% 25%,rgba(207,166,83,.10),transparent 22%),linear-gradient(180deg,rgba(0,0,0,.10) 0%,rgba(0,0,0,.92) 72%,#000 100%)!important;}
.art-rail img{opacity:.82;}
.rift-separator{background:linear-gradient(180deg,transparent,rgba(179,139,69,.018),transparent)!important;}
.rift-separator i{background:linear-gradient(90deg,transparent,rgba(240,204,122,.16),rgba(255,255,255,.035),transparent)!important;box-shadow:0 0 24px rgba(0,0,0,.8)!important;}
.micro-timeline{color:#b7954f!important;}
.micro-timeline i{background:linear-gradient(90deg,rgba(207,166,83,.08),rgba(33,245,208,.28),rgba(207,166,83,.08))!important;}
.terminal-body{background:#010101!important;color:rgba(246,239,227,.62)!important;}
.metric strong{color:#d7b86e!important;}
.final-revelation::before{filter:brightness(.43) contrast(1.38) saturate(.58)!important;}
.footer{background:#000!important;border-top:1px solid rgba(240,204,122,.08)!important;}
.footer::before{opacity:.24!important;filter:grayscale(1) contrast(1.55) brightness(.36)!important;}
.footer .dot{filter:brightness(.75);}
.version-tag{background:rgba(0,0,0,.82)!important;border-color:rgba(240,204,122,.10)!important;color:rgba(246,239,227,.42)!important;}
.version-tag::after{content:" • V22"!important;color:#8b6b38!important;}
/* shadow smoke layers inside large sections */
.signal-board::after,.lore-pack::after,.realm-map::after,.studio-panel::after,.launch-panel::after,.community-proof::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(ellipse at 12% 20%,rgba(255,255,255,.020),transparent 30%),
    radial-gradient(ellipse at 82% 64%,rgba(255,255,255,.014),transparent 34%),
    linear-gradient(180deg,rgba(0,0,0,.20),transparent 30%,rgba(0,0,0,.35));
  mix-blend-mode:screen;opacity:.45;
}
.studio-panel,.launch-panel{position:relative;overflow:hidden;}
@media(max-width:900px){
  .hero-bull-showcase::after{background:linear-gradient(180deg,rgba(0,0,0,.18) 0%,rgba(0,0,0,.10) 38%,rgba(0,0,0,.93) 70%,#000 96%)!important;}
  .hero-art img{filter:contrast(1.2) brightness(.72) saturate(.6)!important;}
  .signal-board-shell::before{background-size:auto 110%!important;background-position:center top!important;}
}


/* V23 Lore Archive integration */
.archive-chapter{position:relative;overflow:hidden;padding-top:clamp(72px,9vw,130px);}
.archive-chapter::before{content:"";position:absolute;inset:4% -10% auto -10%;height:42%;background:radial-gradient(ellipse at 50% 20%,rgba(94,255,226,.07),transparent 48%),radial-gradient(ellipse at 40% 0%,rgba(129,74,255,.08),transparent 55%);filter:blur(18px);opacity:.72;pointer-events:none;}
.archive-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:0;align-items:stretch;border:1px solid rgba(255,255,255,.10);border-radius:32px;overflow:hidden;background:#050505;box-shadow:0 44px 160px rgba(0,0,0,.62);margin:clamp(28px,4vw,56px) auto;max-width:1180px;}
.archive-hero img{width:100%;height:100%;min-height:420px;object-fit:cover;filter:brightness(.72) contrast(1.22) saturate(.82);transform:scale(1.012);}
.archive-hero-copy{position:relative;z-index:1;padding:clamp(28px,4vw,60px);display:flex;flex-direction:column;justify-content:end;background:linear-gradient(90deg,rgba(3,3,4,.72),rgba(3,3,4,.94));}
.archive-hero-copy span,.archive-card small,.chapter-label span{color:var(--gold);letter-spacing:.18em;text-transform:uppercase;font-size:.72rem;}
.archive-hero-copy h3{font-size:clamp(2rem,4vw,4.2rem);line-height:.9;margin:.65rem 0 1rem;}
.archive-hero-copy p{color:var(--muted);font-size:1.05rem;}
.archive-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:300px;gap:16px;}
.archive-card{position:relative;overflow:hidden;border-radius:24px;border:1px solid rgba(255,255,255,.09);background:#060606;box-shadow:0 26px 90px rgba(0,0,0,.44);}
.archive-card.wide{grid-column:span 2;}.archive-card.tall{grid-row:span 2;}
.archive-card img{width:100%;height:100%;object-fit:cover;filter:brightness(.62) contrast(1.2) saturate(.78);transition:transform .8s ease,filter .8s ease;}
.archive-card:hover img{transform:scale(1.05);filter:brightness(.82) contrast(1.22) saturate(.9);}
.archive-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,rgba(0,0,0,.92));pointer-events:none;}
.archive-card div{position:absolute;z-index:1;left:18px;right:18px;bottom:18px;}
.archive-card h3{margin:.25rem 0 .35rem;font-size:1.35rem;}.archive-card p{margin:0;color:var(--muted);font-size:.92rem;}
.gallery-chapters{display:grid;gap:26px}.chapter-label{display:flex;align-items:end;justify-content:space-between;gap:16px;border-top:1px solid rgba(255,255,255,.12);padding-top:18px;margin-top:18px}.chapter-label strong{font-size:clamp(1.4rem,3vw,2.8rem);line-height:1}.lore-gallery figcaption{display:flex;align-items:center;gap:.65rem}.lore-gallery figcaption span{color:var(--gold);font-size:.76rem;letter-spacing:.12em}.archive-gallery figure:nth-child(1),.archive-gallery figure:nth-child(3),.archive-gallery figure:nth-child(6),.archive-gallery figure:nth-child(9){grid-column:span 2;}
@media(max-width:980px){.archive-hero{grid-template-columns:1fr}.archive-hero img{min-height:320px}.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:260px}.archive-card.wide{grid-column:span 2}.archive-card.tall{grid-row:span 1}.chapter-label{align-items:start;flex-direction:column}.archive-gallery figure:nth-child(n){grid-column:auto}}
@media(max-width:640px){.archive-grid{grid-template-columns:1fr;grid-auto-rows:300px}.archive-card.wide{grid-column:auto}.archive-hero{border-radius:22px}.archive-hero img{min-height:280px}.archive-hero-copy{padding:24px}.archive-card{border-radius:18px}}

/* V23.1 Lore Visibility Patch
   Keeps the Dark Sanctum atmosphere but lets the artwork breathe.
   The previous global dark pass was hiding too many details in the lore images. */
:root{
  --lore-img-brightness: .92;
  --lore-img-contrast: 1.12;
  --lore-img-saturation: .98;
}

/* Main lore/archive imagery: brighter center, still dark edges */
.archive-hero img,
.archive-card img,
.lore-feature img,
.lore-mosaic img,
.realm-display img,
.codex-cover img,
.interlude-media img,
.frame-mosaic img,
.chronicles img,
.art-rail img,
.motion-gallery img,
.gallery-grid img,
.lore-gallery img{
  filter: brightness(var(--lore-img-brightness)) contrast(var(--lore-img-contrast)) saturate(var(--lore-img-saturation)) !important;
}

.archive-card:hover img,
.lore-feature:hover img,
.lore-mosaic figure:hover img,
.realm-display:hover img,
.codex-cover:hover img,
.interlude-media:hover img,
.frame-mosaic figure:hover img,
.chronicles img:hover,
.art-rail img:hover,
.motion-gallery figure:hover img,
.gallery-grid figure:hover img,
.lore-gallery figure:hover img{
  filter: brightness(1.03) contrast(1.16) saturate(1.08) !important;
}

/* Softer overlays: keep text readable without burying the artwork. */
.archive-card::after,
.lore-mosaic figure::after,
.motion-gallery figure::after,
.gallery-grid figure::after,
.lore-gallery figure::after{
  background:
    radial-gradient(circle at 50% 38%, rgba(0,0,0,0) 0 34%, rgba(0,0,0,.18) 58%, rgba(0,0,0,.62) 100%),
    linear-gradient(180deg, rgba(0,0,0,.08) 0%, rgba(0,0,0,.12) 42%, rgba(0,0,0,.82) 100%) !important;
}

.archive-hero-copy{
  background:linear-gradient(90deg,rgba(3,3,4,.54),rgba(3,3,4,.90)) !important;
}

.archive-hero::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 32% 43%, rgba(94,255,226,.10), transparent 34%),
    radial-gradient(circle at 48% 30%, rgba(240,204,122,.08), transparent 38%),
    linear-gradient(90deg, rgba(0,0,0,.03), rgba(0,0,0,.34) 62%, rgba(0,0,0,.68));
}
.archive-hero-copy{z-index:2;}

/* Full-section background images were too buried by the global dark pass. */
.chapter::before,
.content-section::before{
  filter: brightness(.72) contrast(1.18) saturate(.72) !important;
}
.chapter.image::after,
.content-section.image::after{
  background:
    radial-gradient(circle at 50% 40%, rgba(0,0,0,.04), rgba(0,0,0,.42) 55%, rgba(0,0,0,.88) 100%),
    linear-gradient(180deg, rgba(0,0,0,.12), #020202 98%) !important;
}

/* The footer bull eyes remain dark, but not invisible. */
.footer::before{
  opacity:.30!important;
  filter:grayscale(1) contrast(1.35) brightness(.55)!important;
}

/* Mobile: avoid over-dark cards where screen brightness is lower. */
@media(max-width:640px){
  :root{--lore-img-brightness:.98;--lore-img-contrast:1.10;--lore-img-saturation:1.02;}
  .archive-card::after,
  .lore-mosaic figure::after,
  .motion-gallery figure::after,
  .gallery-grid figure::after,
  .lore-gallery figure::after{
    background:linear-gradient(180deg, rgba(0,0,0,.04), rgba(0,0,0,.72) 92%) !important;
  }
}