/* V1.02 candidate: a reversible, native WebGL journey. Exact logos stay in HTML. */
:root{--cold-white:#f4faff;--cold-halo:#c8e8ff;--gold-origin:#e9d7b2}
body.narrative{background:#050a10;isolation:isolate}
.narrative>.cosmos{position:fixed;inset:0;width:100%;height:100svh;object-fit:cover;object-position:center;z-index:-2;opacity:.4;animation:none;filter:none;will-change:opacity}
.narrative>.depth-scene{position:fixed;inset:0;width:100%;height:100svh;z-index:-1;opacity:1;mask-image:none;pointer-events:none}
.narrative::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,#050a1070 0%,#050a1094 28%,#050a1020 60%,transparent 100%);opacity:clamp(.16,calc(1 - var(--journey-progress,0)*3),1)}
.narrative .stage{isolation:auto;background:transparent;overflow:visible;min-height:100svh}
.narrative .stage::before{z-index:0;background:linear-gradient(0deg,#050a1015,transparent 24%);pointer-events:none}
.narrative .story,.narrative footer{position:relative;z-index:1}
.narrative .site-header{z-index:45}
.narrative .hero,.narrative .base{z-index:1}
.narrative .hero{padding-top:55px;padding-bottom:100px}
.narrative .hero h1,.narrative .wordmark{filter:drop-shadow(0 2px 25px #000a)}
.narrative h1,.narrative h2,.narrative h3{color:var(--cold-white)}
.narrative .lead,.narrative .more{color:#dbe0e2;text-shadow:0 2px 16px #000}
.narrative .more span{color:var(--cold-white)}
.narrative .story{max-width:1500px;padding-top:0}
.narrative #origen{min-height:95svh;display:flex;align-items:center;padding-top:80px;padding-bottom:80px}
.narrative #origen .intro{width:100%;border-bottom:0;padding-bottom:0}
.narrative .intro>div:last-child{max-width:820px;background:radial-gradient(ellipse,#050a1080,transparent 78%)}
.narrative .intro h2,.narrative .ecosystem h2{color:var(--cold-white);text-shadow:0 3px 40px #000}
.narrative .intro p,.narrative .ecosystem>p{color:#d1d5d8;text-shadow:0 2px 20px #000}
.narrative .label{color:var(--cold-white)}.narrative #origen .label{color:var(--gold-origin)}
.narrative .ecosystem{padding-top:85px}
.narrative .journey{margin-top:85px;margin-bottom:130px}
.narrative .network-panel{background:#06080ccb;backdrop-filter:blur(10px);border-color:#c8e8ff30;box-shadow:0 0 90px #0004}
.narrative .network-engines>a,.narrative .network-worlds>a{background:#0b1017dd;border-color:#c8e8ff35;color:#edf1f6}
.narrative .network-engines>a:hover,.narrative .network-worlds>a:hover,.narrative .network-engines>a.lit{background:#203044;border-color:#c8e8ffaa;color:var(--cold-white)}
.narrative .network-lines path{fill:none;stroke:#597084;stroke-width:1;opacity:.4;transition:stroke .3s,opacity .3s}
.narrative .network-lines path.lit{stroke:#a6d9f9;opacity:.85;stroke-width:1.5}
.narrative .network-lines .connection-hit{stroke:transparent;stroke-width:18;pointer-events:stroke;opacity:1;cursor:pointer}
.narrative .network-lines a:hover .connection-visible,.narrative .network-lines a:focus .connection-visible{stroke:#fff;stroke-width:3;opacity:1}
.narrative .network-caption,.narrative .network-explanation{color:#c6d2dc}
.narrative .engine-grid{background:#c8e8ff26;border-color:#c8e8ff35}
.narrative .engine{background:#070a10ec;padding:34px}
.narrative .engine h3{color:#f4faff}.narrative .engine p{color:#b7c1c9}.narrative .engine small{color:#b5c3cf}.narrative .engine summary{color:#f4faff}
.narrative .engine:target{background:#152130;box-shadow:inset 0 0 0 1px #c8e8ff}
.narrative footer{margin-top:100px;background:linear-gradient(0deg,#050a10e8,transparent);color:#b3c0ca;padding-top:80px}
.narrative .motion-toggle{border-color:#c8e8ff4d;background:#080d14df;color:#f4faff}.narrative .motion-toggle:hover{border-color:#c8e8ff}
.narrative[data-depth-mode='fallback']>.cosmos,.narrative[data-depth-mode='reduced']>.cosmos{opacity:.78!important}
.narrative[data-depth-mode='fallback']>.depth-scene{display:none}
body.interior{--ink:#f4faff;--soft:#b1b8bd}
.interior .asset-hero h1{color:var(--cold-white)}.interior .status,.interior .label,.interior .asset-section a,.interior .connection-details summary,.interior .connection-details details a{color:var(--cold-white)}
@media(max-width:800px){
 .narrative>.cosmos{object-position:69% center;opacity:.25}
 .narrative::before{background:linear-gradient(90deg,#050a1080 0%,#050a10a8 43%,#050a1048 100%)}
 .narrative .hero{padding:65px 8vw 100px}
 .narrative #origen{min-height:90svh;padding:70px 0}
 .narrative .intro h2{font-size:36px}.narrative .intro p,.narrative .ecosystem>p{font-size:16px}
 .narrative .ecosystem{padding-top:75px}
 .narrative .journey{margin-top:55px;margin-bottom:85px}
 .narrative .network-panel{background:#070b10e8;backdrop-filter:none}
 .narrative .engine{padding:26px}
}
@media(prefers-reduced-motion:reduce){
 .narrative>.depth-scene{opacity:0}
 .narrative>.cosmos{opacity:.78!important;will-change:auto}
 .narrative .network-panel{backdrop-filter:none}
}

/* V1.03 energy correction: brightness is original, gold only belongs to the origin emitter. */
:root{--ink:#f4faff;--soft:#bbc7d0;--line:#c8e8ff30;--light:#f4faff;--gold:#c8e8ff;--focus:#c8e8ff}
h1,h2,h3{color:var(--cold-white)}
::selection{background:#c8e8ff;color:#07111c}
.label,.status,.site-menu .menu-group,.site-menu .menu-asset:before{color:var(--cold-white)}
.languages a,.languages [aria-current],.site-menu nav a,.motion-toggle,.engine summary,.privacy-main a{color:var(--cold-white)}
.site-menu nav{background:#071019f5;border-color:#c8e8ff35}
.site-menu nav a:hover{background:#c8e8ff17;color:var(--cold-white)}
.motion-toggle{border-color:#c8e8ff4d;background:#071019df;color:var(--cold-white)}
.motion-toggle:hover{border-color:#c8e8ff}
.more{border-color:#c8e8ff66}.more:hover{border-color:var(--cold-white)}
.more span,.base,.corporate-channels .inactive,footer,footer span:last-child{color:#bccbd7}
.channel.active:hover{background:#c8e8ff20}
.narrative>.cosmos{opacity:.96;filter:none;object-position:50% 50%}
.narrative::before,.narrative .stage::before{content:none;background:none;opacity:0}
.narrative .intro>div:last-child{background:none}
.narrative .intro>div:last-child{position:relative;z-index:1}
.narrative .intro>div:last-child::before{content:"";position:absolute;inset:-45px -65px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at center,#050a10d9 0%,#050a10b0 38%,#050a1022 74%,transparent 100%)}
.narrative #origen .label{color:var(--cold-white)}
.narrative .hero h1,.narrative .lead,.narrative .more{text-shadow:0 2px 20px #02060be0}
.narrative .network-panel{background:radial-gradient(ellipse at 50% 43%,#183451dc 0%,#0d1d30ec 43%,#07101aef 100%);box-shadow:0 0 95px #82bdff14,inset 0 0 55px #a5d2ff05;border-color:#c8e8ff38}
.narrative .network-caption .label{color:var(--cold-white)}
.narrative .network-engines>a,.narrative .network-worlds>a{background:#0b1928e8;color:var(--cold-white)}
.narrative .network-worlds>a small{color:#b3c5d4}
.narrative .network-lines .connection-visible{stroke:#597084;stroke-width:1;opacity:.4}
.narrative .network-lines .connection-visible.lit{stroke:#a6d9f9;stroke-width:1.5;opacity:.85}
.narrative .network-lines .connection-hit{stroke:transparent;stroke-width:18;opacity:1}
.narrative .network-lines a:hover .connection-visible,.narrative .network-lines a:focus .connection-visible{stroke:#fff;stroke-width:3;opacity:1}
.narrative[data-depth-mode='fallback']>.cosmos,.narrative[data-depth-mode='reduced']>.cosmos{opacity:.96!important}
.interior .asset-section a,.interior .capability-name,.interior .connection-details summary,.interior .connection-details details a{color:var(--cold-white)}
.interior .network-panel{background:radial-gradient(ellipse at 50% 43%,#19354c 0%,#0b1929 55%,#07111b 100%)}
@media(max-width:800px){.narrative>.cosmos{opacity:.96;object-position:69% 50%}.narrative::before{content:none;background:none}.narrative .intro>div:last-child::before{inset:-30px -15px}.narrative .network-panel{background:radial-gradient(ellipse at 50% 43%,#19354de8,#07111bf5 90%)}}
@media(prefers-reduced-motion:reduce){.narrative>.cosmos{opacity:.96!important}}
/* Final V1.03 identity tokens; pure white wordmarks stay native assets. */
:root{--void:#050a10;--surface:#10202b;--depth:#1a3043;--cold-white:#f4faff;--cold-halo:#c8e8ff;--energy:#a6e8ff;--secondary:#b8d2e4;--rule:#38566c;--ink:#f4faff;--soft:#b8d2e4;--line:#38566c;--focus:#a6e8ff}
.narrative{background:var(--void)}
.narrative .lead,.narrative .intro p,.narrative .ecosystem>p{color:var(--secondary)}
.narrative .network-panel{border-color:var(--rule)}
.narrative .network-engines>a:hover,.narrative .network-worlds>a:hover{border-color:var(--energy)}
/* Only the reading block is quieted. The exterior retains the original brightness. */
.narrative .intro>div:last-child::before{inset:-17px -22px;background:#050a10e0;filter:blur(17px)}
@media(max-width:800px){.narrative .intro>div:last-child::before{inset:-16px -12px;filter:blur(14px)}}
/* Mobile reading supports stay local to text, leaving the original nucleus visible. */
@media(max-width:800px){
 .narrative .hero h1,.narrative .hero .lead{position:relative;isolation:isolate;width:fit-content}
 .narrative .hero h1::before,.narrative .hero .lead::before{content:"";position:absolute;inset:-3px -9px;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#050a10de 0%,#050a10c7 68%,#050a1075 100%);filter:blur(7px)}
}