:root{--void: #050506;--charcoal: #0c0c0e;--graphite: #161618;--mist: #8a8780;--white: #f4f2ed;--accent: #c4b59a;--accent-dim: rgba(196, 181, 154, .35);--accent-glow: rgba(196, 181, 154, .15);--font-serif: "Instrument Serif", Georgia, serif;--font-sans: "Inter", system-ui, sans-serif;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-slow: cubic-bezier(.16, 1, .3, 1);--duration: .7s;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 2.5rem;--space-8: 4rem;--motion-blur: 6px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--void);color:var(--white);font-family:var(--font-sans);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.skip-link{position:absolute;top:-100px;left:1rem;z-index:9999;padding:.5rem 1rem;background:var(--white);color:var(--void)}.skip-link:focus{top:1rem}.experience{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}#field-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0}.experience-vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 85% 75% at 50% 45%,transparent 0%,rgba(5,5,6,.5) 100%),linear-gradient(180deg,rgba(5,5,6,.15) 0%,transparent 30%,rgba(5,5,6,.25) 100%)}.depth-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.depth-layer--grid{opacity:.04;background-image:linear-gradient(rgba(196,181,154,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(196,181,154,.5) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 50%,black 20%,transparent 75%);mask-image:radial-gradient(ellipse 80% 70% at 50% 50%,black 20%,transparent 75%)}.depth-layer--blueprint{opacity:.03;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Ccircle cx='60' cy='60' r='58' fill='none' stroke='%23c4b59a' stroke-width='0.5'/%3E%3Cline x1='60' y1='2' x2='60' y2='118' stroke='%23c4b59a' stroke-width='0.3'/%3E%3Cline x1='2' y1='60' x2='118' y2='60' stroke='%23c4b59a' stroke-width='0.3'/%3E%3C/svg%3E");background-size:120px 120px}.experience:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.viewport{position:relative;z-index:2;height:100%;display:flex;align-items:center;justify-content:center;padding:var(--space-8) var(--space-5) var(--space-6);transition:opacity var(--duration) var(--ease-slow),filter var(--duration) var(--ease-slow),transform var(--duration) var(--ease-slow)}.experience--leaving .viewport{opacity:0;filter:blur(var(--motion-blur));transform:scale(.98)}.experience--entering .viewport{animation:viewportEnter var(--duration) var(--ease-slow) both}.experience--zoom .viewport{animation:zoomPulse .6s var(--ease-slow) both}@keyframes viewportEnter{0%{opacity:0;filter:blur(var(--motion-blur));transform:scale(1.02)}to{opacity:1;filter:none;transform:none}}@keyframes zoomPulse{0%{transform:scale(1)}50%{transform:scale(1.04);filter:blur(2px)}to{transform:scale(1);filter:none}}.motion-enter{animation:motionEnter var(--duration) var(--ease-slow) both;animation-delay:var(--motion-delay, 0s)}@keyframes motionEnter{0%{opacity:0;transform:translateY(12px) scale(.99);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}.hud{position:fixed;top:var(--space-4);left:50%;transform:translate(-50%);z-index:10;display:flex;gap:var(--space-1);padding:var(--space-1);background:#05050680;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(196,181,154,.1);border-radius:999px;box-shadow:0 8px 32px #00000059}.hud-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--mist);width:2rem;height:2rem;border-radius:50%;cursor:pointer;font-size:.75rem;transition:color var(--duration) var(--ease-out),background var(--duration) var(--ease-out)}.hud-btn:hover,.hud-btn:focus-visible{color:var(--accent);background:var(--accent-glow);outline:none}.hud-btn--active{color:var(--white);background:#c4b59a1f}.layer-indicator{position:fixed;bottom:1.25rem;left:1.5rem;z-index:10;font-size:.65rem;letter-spacing:.35em;text-transform:uppercase;color:#8a878073;pointer-events:none}.intro-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:flex-end;justify-content:center;padding-bottom:3rem;pointer-events:none;transition:opacity 1.2s var(--ease-slow)}.intro-overlay--fade{opacity:0}.intro-hint{font-family:var(--font-serif);font-size:1.1rem;color:var(--mist);letter-spacing:.08em}.intro-skip{position:fixed;bottom:1.25rem;right:1.5rem;z-index:21;pointer-events:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(196,181,154,.2);background:transparent;color:var(--mist);padding:.4rem .9rem;font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;transition:border-color var(--duration) var(--ease-out),color var(--duration) var(--ease-out)}.intro-skip:hover{border-color:var(--accent);color:var(--accent)}.chapter--universe,.chapter--constellation{width:min(1400px,100%);height:min(85vh,calc(100vh - 5rem));position:relative}.experience--graph .viewport{padding-top:5rem;align-items:stretch}.graph-stage{position:relative;width:100%;height:100%;transform:translate(var(--graph-tx, 0%),var(--graph-ty, 0%)) scale(var(--graph-zoom, 1));transition:transform .9s var(--ease-slow);will-change:transform}.graph-stage--meta{padding-top:var(--space-4)}.constellation-lead{position:absolute;top:0;left:50%;transform:translate(-50%);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--mist);margin:0;text-align:center;white-space:nowrap}.graph-edges{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.edge{stroke:#c4b59a1f;stroke-width:.004;vector-effect:non-scaling-stroke;transition:stroke .6s var(--ease-out),opacity .6s var(--ease-out);stroke-dasharray:.02 .02}.edge--lit{stroke:#c4b59aa6;stroke-width:.007}.edge--dim{opacity:.12}.edge--pulse{animation:edgePulse 2s var(--ease-out) infinite}@keyframes edgePulse{0%,to{stroke-opacity:.55}50%{stroke-opacity:.9}}.graph-nodes{position:absolute;top:0;right:0;bottom:0;left:0}.node{position:absolute;left:calc(50% + var(--nx) * 48% + var(--drift-x, 0px));top:calc(50% + var(--ny) * 48% + var(--drift-y, 0px));transform:translate(-50%,-50%) scale(calc(.3 + var(--intro) * .7));opacity:var(--intro);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;cursor:pointer;text-align:center;padding:var(--space-2);color:var(--white);transition:opacity .6s var(--ease-out),transform .8s var(--ease-slow),filter .6s var(--ease-out);will-change:transform,opacity}.node--dim{opacity:.15;filter:blur(1.5px)}.node--near{opacity:.65}.node--lit .node-label{color:var(--accent)}.node--focus{transform:translate(-50%,-50%) scale(1.1);z-index:2}.node--meta .node-label{font-size:.75rem;letter-spacing:.18em}.node-glow{position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;border-radius:50%;background:radial-gradient(circle,var(--accent-glow) 0%,transparent 70%);opacity:0;transition:opacity .6s var(--ease-out)}.node--lit .node-glow,.node--origin.node--lit .node-glow{opacity:1}.node--origin .node-label{font-family:var(--font-serif);font-size:clamp(2rem,5vw,3.2rem);font-weight:400;letter-spacing:.02em}.node-label{display:block;font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;transition:color .5s var(--ease-out)}.node-meta{display:block;font-size:.6rem;letter-spacing:.08em;color:var(--mist);margin-top:.2rem;opacity:0;transition:opacity .4s var(--ease-out)}.node:hover .node-meta,.node:focus-visible .node-meta,.node--lit .node-meta{opacity:1}.node:focus-visible{outline:1px solid var(--accent);outline-offset:4px}.experience--world .viewport{align-items:stretch;padding-top:3.5rem}.world-panel{width:min(780px,100%);max-height:calc(100vh - 6rem);overflow-y:auto;margin:0 auto;animation:worldIn .9s var(--ease-slow) both;scrollbar-width:thin;scrollbar-color:var(--accent-dim) transparent}@keyframes worldIn{0%{opacity:0;transform:translateY(24px) scale(.98);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}.world-header{border-bottom:1px solid rgba(196,181,154,.12);padding-bottom:1.5rem;margin-bottom:2rem}.world-status{font-size:.65rem;letter-spacing:.25em;text-transform:uppercase;color:var(--accent);margin:0 0 .5rem}.world-title{font-family:var(--font-serif);font-size:clamp(2.5rem,6vw,4rem);font-weight:400;margin:0;line-height:1.05}.world-link{display:inline-block;margin-top:1rem;color:var(--mist);text-decoration:none;font-size:.85rem;letter-spacing:.05em;transition:color .4s var(--ease-out)}.world-link:hover{color:var(--accent)}.world-kicker{font-size:.65rem;letter-spacing:.25em;text-transform:uppercase;color:var(--mist);margin:0 0 .75rem;font-weight:500}.world-text{font-size:1.05rem;color:#f4f2ede0;margin:0;max-width:52ch}.world-section{margin-bottom:2rem}.world-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.world-list{margin:0;padding:0;list-style:none}.world-list li{padding:.35rem 0;border-bottom:1px solid rgba(196,181,154,.08);font-size:.9rem;color:var(--mist)}.world-tags,.principle-tags{display:flex;flex-wrap:wrap;gap:.5rem}.world-tag,.principle-tag{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(196,181,154,.2);background:#c4b59a0d;color:var(--accent);padding:.3rem .7rem;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background .4s var(--ease-out),border-color .4s var(--ease-out)}.world-tag:hover,.principle-tag:hover{background:var(--accent-glow);border-color:var(--accent)}.world-close{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--mist);font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;padding:1rem 0;margin-top:1rem;transition:color .4s var(--ease-out)}.world-close:hover{color:var(--accent)}.chapter{width:min(960px,100%);max-height:calc(100vh - 6rem);overflow-y:auto;scrollbar-width:thin}.chapter-head{margin-bottom:var(--space-7)}.chapter-head--compact{margin-bottom:var(--space-4)}.chapter-head--signal{margin-bottom:var(--space-6)}.chapter-meta{font-size:.65rem;letter-spacing:.3em;text-transform:uppercase;color:var(--accent);margin:0 0 var(--space-2)}.chapter-title{font-family:var(--font-serif);font-size:clamp(2.8rem,6vw,4.2rem);font-weight:400;margin:0 0 var(--space-3);line-height:1.02;letter-spacing:-.01em}.chapter-lead{color:var(--mist);margin:0;max-width:42ch}.timeline-rail{overflow-x:auto;overflow-y:hidden;padding-bottom:var(--space-5);scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--accent-dim) transparent;cursor:grab;-webkit-overflow-scrolling:touch}.timeline-rail--dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.timeline-rail:focus-visible{outline:1px solid var(--accent);outline-offset:4px}.timeline-track{display:flex;gap:0;min-width:max-content}.era{flex:0 0 min(340px,82vw);scroll-snap-align:start;padding:var(--space-6) var(--space-7) var(--space-6) 0;border-right:1px solid rgba(196,181,154,.08);position:relative}.era-milestone{display:block;font-size:.55rem;letter-spacing:.28em;text-transform:uppercase;color:#c4b59a8c;margin-bottom:var(--space-2)}.era--hidden{opacity:.35;border-style:dashed}.era-year{display:block;font-size:.65rem;letter-spacing:.25em;text-transform:uppercase;color:var(--accent);margin-bottom:.75rem}.era-title{font-family:var(--font-serif);font-size:1.6rem;font-weight:400;margin:0 0 .75rem}.era-desc{color:var(--mist);font-size:.9rem;margin:0 0 1rem;max-width:28ch}.era-nodes{display:flex;flex-wrap:wrap;gap:.35rem}.era-node{font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);border:1px solid rgba(196,181,154,.2);padding:.2rem .5rem;background:transparent;cursor:pointer;transition:background .4s var(--ease-out),border-color .4s var(--ease-out)}.era-node:hover{background:var(--accent-glow);border-color:var(--accent)}.archive-search{display:block;margin-top:1.5rem}.archive-input{width:min(320px,100%);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-bottom:1px solid rgba(196,181,154,.25);background:transparent;color:var(--white);padding:.5rem 0;font-family:var(--font-sans);font-size:.9rem}.archive-input:focus{outline:none;border-color:var(--accent)}.archive-shelf{margin-bottom:2.5rem}.shelf-label{font-size:.65rem;letter-spacing:.3em;text-transform:uppercase;color:var(--mist);margin-bottom:1rem}.shelf-row{display:flex;flex-wrap:wrap;gap:.75rem}.archive-volume{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(196,181,154,.12);background:#0c0c0e99;color:var(--white);text-align:left;padding:1rem 1.25rem;min-width:200px;max-width:280px;cursor:pointer;transition:border-color .5s var(--ease-out),background .5s var(--ease-out),transform .5s var(--ease-out);position:relative}.archive-volume:hover{border-color:#c4b59a59;background:#c4b59a0f}.archive-volume--open{transform:translateY(-4px);border-color:var(--accent)}.volume-spine{position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent);opacity:.5}.volume-title{display:block;font-family:var(--font-serif);font-size:1.1rem;margin-bottom:.5rem}.volume-desc{display:block;font-size:.8rem;color:var(--mist);line-height:1.45}.volume-tags{display:block;margin-top:.75rem;font-size:.65rem;color:var(--accent);letter-spacing:.05em}.volume-meta{display:block;font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;color:var(--mist);margin-bottom:var(--space-2)}.archive-volume--readable:hover .volume-title{color:var(--accent)}.chapter--article{max-width:42rem}.article-title{font-family:var(--font-serif);font-size:clamp(2.2rem,5vw,3.2rem);font-weight:400;line-height:1.08;margin:0 0 var(--space-3)}.article-deck{color:var(--mist);font-size:1.05rem;max-width:38ch;margin:0 0 var(--space-6)}.article-body{border-top:1px solid rgba(196,181,154,.1);padding-top:var(--space-6)}.article-h1{font-family:var(--font-serif);font-size:1.8rem;font-weight:400;margin:var(--space-6) 0 var(--space-4)}.article-h2{font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin:var(--space-6) 0 var(--space-3);font-weight:500}.article-p{color:#f4f2ede0;max-width:62ch;margin:0 0 var(--space-4);line-height:1.65}.article-ul{margin:0 0 var(--space-4);padding-left:1.2rem;color:#f4f2edcc;max-width:58ch}.article-foot{margin-top:var(--space-7);padding-top:var(--space-5);border-top:1px solid rgba(196,181,154,.1)}.article-links{margin-bottom:var(--space-4)}.principle-stack{display:flex;flex-direction:column;gap:0}.principle{border-top:1px solid rgba(196,181,154,.12);padding:0}.principle:last-child{border-bottom:1px solid rgba(196,181,154,.12)}.principle-statement{font-family:var(--font-serif);font-size:clamp(1.4rem,3vw,2rem);padding:1.5rem 0;cursor:pointer;list-style:none;transition:color .4s var(--ease-out)}.principle-statement::-webkit-details-marker{display:none}.principle[open] .principle-statement{color:var(--accent)}.principle-body{padding:0 0 var(--space-5);animation:motionEnter .5s var(--ease-out) both}.principle-evidence{color:var(--mist);max-width:52ch;margin:0 0 1.25rem}.principle-kicker{font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--mist);margin:0 0 .5rem}.principle-list{margin:0 0 1.25rem;padding-left:1.2rem;color:#f4f2edbf;font-size:.9rem}.principle-list--future{font-style:italic;opacity:.75}.principle-links{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.principle-link-badge{font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;border:1px solid rgba(196,181,154,.25);padding:.25rem .6rem;color:var(--accent)}.signal-hq{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6) var(--space-7)}.signal-col--wide{grid-column:1 / -1}.signal-kicker{font-size:.65rem;letter-spacing:.25em;text-transform:uppercase;color:var(--mist);margin:0 0 var(--space-3);font-weight:500}.signal-line{display:block;font-family:var(--font-serif);font-size:clamp(1.4rem,3vw,2rem);color:var(--white);text-decoration:none;margin-bottom:var(--space-2);transition:color .4s var(--ease-out)}.signal-line--secondary{font-size:clamp(1rem,2vw,1.25rem);color:#f4f2edd9}.signal-line:hover{color:var(--accent)}.signal-meta,.signal-text{color:var(--mist);font-size:.9rem;margin:0 0 var(--space-2)}.signal-dl{margin:0;display:grid;gap:var(--space-2)}.signal-dl dt{font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--mist)}.signal-dl dd{margin:0 0 var(--space-3);font-size:.95rem;color:#f4f2ede6}.signal-focus{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-2)}.signal-focus li{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;border:1px solid rgba(196,181,154,.2);padding:.35rem .75rem;color:var(--accent)}.easter-tooltip{position:fixed;z-index:30;transform:translate(-50%,-100%);padding:.35rem .65rem;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);border:1px solid rgba(196,181,154,.25);background:#050506eb;pointer-events:none;white-space:nowrap}@media(max-width:640px){.world-grid,.signal-hq{grid-template-columns:1fr}.hud{top:auto;bottom:var(--space-4);left:50%;transform:translate(-50%);max-width:calc(100% - 2rem);flex-wrap:wrap;justify-content:center}.layer-indicator{display:none}.node--origin .node-label{font-size:1.6rem}.chapter--universe,.chapter--constellation{height:min(78vh,calc(100vh - 7rem))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.node{transform:translate(-50%,-50%)!important;opacity:1!important}}