/* The homepage is one continuous space; copy stays outside the optical layer. */
body.spiral-home{overflow-x:clip;background:#080916;color:#f2e9ff}
body.spiral-home main{overflow:visible}
body.spiral-home .site-header{position:fixed;inset:0 0 auto;height:88px;padding:18px 4vw;display:flex;align-items:center;gap:30px;background:linear-gradient(#080916c9,transparent)!important;border:0;z-index:50}
.spiral-brand{color:#f8edff;font:20px/1.35 var(--serif);letter-spacing:.16em;white-space:nowrap}.spiral-brand span{display:block;font:8px/1.8 var(--sans);letter-spacing:.22em;color:#bbaece}
.universe-nav{display:flex;gap:26px;margin-left:auto}.universe-nav a{font:11px var(--sans);color:#cdc2df;min-height:44px;display:flex;align-items:center;letter-spacing:.08em}.universe-nav a:hover{color:#fff}
#spiral-journey{height:860svh;position:relative}
body .spiral-screen.galaxy-hero.soul-hero{position:sticky;top:0;height:100svh;min-height:0;margin:0;padding:0;overflow:hidden;background:transparent!important}
body .spiral-screen .galaxy-stage{width:100%;height:100%;background:transparent;touch-action:pan-y;cursor:default}
body .spiral-screen .galaxy-canvas{mask-image:none;-webkit-mask-image:none}
body .spiral-screen .galaxy-gem-target{cursor:pointer}body .spiral-screen .galaxy-gem-target span{display:none}
.universe-intro{position:absolute;top:15%;left:8%;right:8%;z-index:7;text-align:center;pointer-events:none;will-change:transform,opacity}
.universe-kicker{font:9px var(--sans);letter-spacing:.44em;color:#a997c4;margin:0 0 14px}
.universe-intro h1{margin:0;color:#f5edff;font:400 clamp(23px,2.7vw,42px)/1.35 var(--serif);letter-spacing:.10em;text-shadow:0 3px 24px #080916}
.universe-subtitle{font:11px/1.7 var(--sans);letter-spacing:.15em;color:#b8accb;margin-top:13px}
.chapter-heading{position:absolute;top:16%;left:7%;right:7%;text-align:center;z-index:7;pointer-events:none;opacity:0}
.chapter-heading p{font:10px var(--sans);letter-spacing:.23em;color:#bda9d8;margin-bottom:10px}
.chapter-heading h2{font:400 clamp(21px,2.2vw,33px)/1.4 var(--serif);letter-spacing:.09em;margin:0;color:#f2e6ff}
.universe-bottom{position:absolute;bottom:35px;left:4vw;right:4vw;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:24px;z-index:10}
.journey-coordinate{display:flex;gap:13px;align-items:center;font:9px var(--sans);letter-spacing:.12em;color:#a294b7}.journey-coordinate>span:first-child{color:#eee1ff;font-variant-numeric:tabular-nums}
.explore-cue{border:0;background:none;color:#e7dcf5;display:flex;flex-direction:column;align-items:center;justify-self:center;gap:15px;min-width:160px;min-height:66px;font:11px var(--sans);letter-spacing:.1em;cursor:pointer}
.cue-track{height:34px;width:1px;background:#c7a8ec30;position:relative;overflow:hidden}.cue-track i{position:absolute;height:15px;width:1px;background:linear-gradient(transparent,#f2dcff);animation:descend 1.8s ease-in-out infinite}.cue-track:after{content:'';position:absolute;bottom:1px;left:-3px;width:7px;height:7px;border-bottom:1px solid #d0b5eb;border-right:1px solid #d0b5eb;transform:rotate(45deg)}
.chapter-open{justify-self:end;color:#f2e5ff;font:11px var(--sans);letter-spacing:.07em;border-bottom:1px solid #d7b9f25c;padding:13px 0;opacity:0;pointer-events:none;transition:color .2s}
.journey-meter{position:absolute;left:0;right:0;bottom:0;height:2px;background:#cfb4ed12;z-index:11}.journey-meter i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#658eda,#d3a6e9,#f3debe);transform:scaleX(0);transform-origin:left;box-shadow:0 0 12px #c9a3ff}
body.spiral-home .atmosphere-toggle{bottom:115px;right:4vw;background:#08091670;border-color:#b9a1d01c;font-size:9px;min-height:38px;padding:8px 10px}
body .spiral-screen .galaxy-stage .life-node{width:64px;height:64px;will-change:transform,opacity;transition:none}
.experience-planet{position:absolute;inset:-5%;pointer-events:none;display:block;transform-origin:50% 54%;animation:world-float 7.6s ease-in-out infinite;transition:filter .45s ease,transform .45s cubic-bezier(.2,.8,.2,1)}
.experience-planet:before{content:'';position:absolute;inset:14%;z-index:0;border-radius:50%;background:radial-gradient(circle,#0806199c 0,#08061958 46%,transparent 74%);filter:blur(10px)}
.experience-planet img{position:relative;z-index:1;display:block;width:110%;height:110%;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 0 9px color-mix(in srgb,var(--planet-color) 38%,transparent)) drop-shadow(0 9px 18px #030313aa)}
.life-node:nth-child(2n) .experience-planet{animation-delay:-2.3s;animation-duration:8.8s}.life-node:nth-child(3n) .experience-planet{animation-delay:-4.7s;animation-duration:7.1s}
.life-node:before{content:'';position:absolute;inset:12%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--planet-color) 19%,transparent),transparent 68%);filter:blur(8px);opacity:.75}
.life-node:hover .experience-planet,.life-node:focus-visible .experience-planet,.life-node.in-focus .experience-planet{transform:scale(1.10) translateY(-2%);filter:brightness(1.12) saturate(1.08)}
.life-node:focus-visible{outline:1px solid #f2e0ff;outline-offset:8px}
body .spiral-screen .galaxy-stage .node-label{top:67px!important;bottom:auto!important;width:174px;pointer-events:none}.node-index{display:none}
body .spiral-screen .galaxy-stage .node-label small{font-size:9px;color:#b8a6d0}body .spiral-screen .galaxy-stage .node-label b{font-size:11px;font-weight:400;color:#e9ddfa}
body .spiral-screen .galaxy-fallback svg{opacity:.32;filter:drop-shadow(0 0 24px #cda5ff);animation:soul-breathe 7s ease-in-out infinite}
.no-script-chapters{padding:100px 24px;display:grid;gap:22px}.no-script-chapters a{color:#e8d4fa}
@keyframes descend{from{transform:translateY(-18px);opacity:0}35%{opacity:1}to{transform:translateY(38px);opacity:0}}
@keyframes orbit{to{transform:rotate(360deg)}}
@keyframes world-float{0%,100%{transform:translate3d(0,-1.5%,0) rotate(-.7deg)}50%{transform:translate3d(0,2.2%,0) rotate(.7deg)}}
@keyframes soul-breathe{50%{opacity:.55}}
@media(max-width:700px){body.spiral-home .site-header{height:76px;padding:12px 18px;gap:12px}.spiral-brand{font-size:16px}.spiral-brand span{font-size:6px}.universe-nav{gap:10px}.universe-nav a{font-size:10px}.universe-nav a:first-child{display:none}body.spiral-home .language-switcher{gap:0}body.spiral-home .language-switcher button{padding:8px 5px;font-size:10px;min-width:30px}.universe-intro{top:16%;left:7%;right:7%}.universe-kicker{font-size:7px;letter-spacing:.29em}.universe-intro h1{font-size:23px;line-height:1.6;letter-spacing:.08em}.universe-subtitle{font-size:9px;letter-spacing:.06em}.universe-bottom{left:22px;right:22px;bottom:24px;gap:8px;grid-template-columns:1fr 1fr}.explore-cue{grid-row:1;grid-column:1/3;margin-bottom:12px;min-height:56px}.journey-coordinate{font-size:8px;gap:6px;flex-direction:column;align-items:flex-start}.chapter-open{font-size:10px}.chapter-heading{top:17%}.chapter-heading h2{font-size:22px}body.spiral-home .atmosphere-toggle{bottom:146px;right:18px;font-size:8px}body .spiral-screen .galaxy-stage .life-node{width:50px;height:50px}body .spiral-screen .galaxy-stage .node-label{top:53px!important;width:118px}body .spiral-screen .galaxy-stage .node-label b{font-size:9px}body .spiral-screen .galaxy-stage .node-label small{font-size:8px}}
@media(max-height:540px){.universe-intro,.chapter-heading{top:19%}.universe-kicker,.universe-subtitle{display:none}.universe-intro h1{font-size:22px}.universe-bottom{bottom:16px}.explore-cue{gap:7px}.cue-track{height:20px}body.spiral-home .atmosphere-toggle{bottom:82px}.chapter-heading h2{font-size:20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}.planet-rings,.cue-track i,body .spiral-screen .galaxy-fallback svg,.experience-planet{animation:none}.experience-planet{transition:none}}
body[data-effects-paused=true] .planet-rings,body[data-effects-paused=true] .cue-track i,body[data-effects-paused=true] .galaxy-fallback svg{animation-play-state:paused}
/* The archive carries the explanatory copy that the universe cover leaves out. */
.archive-main{max-width:1160px;margin:auto;padding:140px 5vw 90px}.archive-intro{max-width:750px;margin-bottom:65px}.archive-intro .kicker{margin-top:45px}.archive-intro h1{font:400 clamp(30px,4vw,54px)/1.3 var(--serif);color:#f0e5fc}.archive-intro>p:not(.kicker){font-size:14px;color:#bcb0cd;line-height:1.8}.archive-intro>a:last-child{display:inline-block;margin-top:20px;color:#d4b9ef;font-size:13px}.archive-entry{display:grid;grid-template-columns:55px 1fr 24px;gap:24px;padding:32px 0;border-top:1px solid #dac7ea20;align-items:start;color:#eee1fa}.archive-entry:hover{border-color:#bca1dd88}.archive-number{font:11px var(--sans);color:#9c8dad;padding-top:4px}.archive-date{font-size:10px;letter-spacing:.1em;color:#b29dc8;margin:0 0 10px}.archive-entry h2{font:400 24px/1.5 var(--serif);margin:0 0 12px}.archive-summary{font-size:13px;line-height:1.9;color:#c2b7d2;max-width:720px;margin:0}.archive-entry:hover h2{color:#d6b8ff}@media(max-width:600px){.archive-main{padding-top:115px}.archive-entry{grid-template-columns:25px 1fr 16px;gap:12px}.archive-entry h2{font-size:20px}.archive-summary{font-size:12px}}
/* In WebGL mode the anchors are transparent hit areas; the visible worlds are true 3D volumes in the shared scene. */
body .spiral-screen .galaxy-stage.is-webgl .experience-planet{display:none}
body .spiral-screen .galaxy-stage.is-webgl .life-node:before{display:none}
body .spiral-screen .galaxy-stage .galaxy-stars{-webkit-mask-image:radial-gradient(ellipse var(--soul-rx,120px) var(--soul-ry,220px) at var(--soul-x,50%) var(--soul-y,50%),transparent 0 86%,#000 100%);mask-image:radial-gradient(ellipse var(--soul-rx,120px) var(--soul-ry,220px) at var(--soul-x,50%) var(--soul-y,50%),transparent 0 86%,#000 100%)}
body .spiral-screen .galaxy-stage .life-node{border-radius:28%;background:none}
body .spiral-screen .galaxy-stage .node-label{top:84%!important;width:148px;padding:7px 10px;border:1px solid #f4d8ff22;border-radius:24px;background:linear-gradient(135deg,#171332a8,#281d43a0);backdrop-filter:blur(7px)}
body .spiral-screen .galaxy-stage .node-label b{font-size:12px;letter-spacing:.035em;color:#fff7ff}
body .spiral-screen .galaxy-stage .node-label small{font-size:9px;color:#e4cff5}
.node-tags{display:none;font:7px/1.5 var(--sans);letter-spacing:.06em;color:#d8c5ec;margin-top:3px}.current-experience .node-label{border-color:#ffe5ac55!important;box-shadow:0 0 24px #f3c58e20}.current-experience .node-label small{color:#ffe6ad!important}.current-experience.in-focus .node-tags,.current-experience:hover .node-tags,.current-experience:focus-visible .node-tags{display:block}
body .spiral-screen .galaxy-stage .node-label:after{content:'↗';display:inline-block;color:#f1d6ff;font-size:11px;margin:2px 0 0 5px}
body .spiral-screen .galaxy-gem-target{z-index:8}
body .spiral-screen .galaxy-stage .life-node:hover .node-label,body .spiral-screen .galaxy-stage .life-node:focus-visible .node-label{background:#30254dce;box-shadow:0 0 28px #cda3ff45}
body[data-effects-paused=true] .experience-planet{animation-play-state:paused}
@media(max-width:700px){body .spiral-screen .galaxy-stage .node-label{width:112px;top:84%!important;padding:6px 8px}body .spiral-screen .galaxy-stage .node-label b{font-size:10px}body .spiral-screen .galaxy-stage .node-label small{font-size:8px}}