/* Spatial content follows the reference's brain, DNA, travel and galaxy phases. */
.story{position:absolute;inset:0;pointer-events:none}.story-main{position:absolute;left:5vw;top:27%;width:29vw;max-width:430px}.story h2{font-size:clamp(29px,3.1vw,49px);line-height:1.08;letter-spacing:1px;margin:22px 0}.story p{font-size:15px;line-height:1.85;color:#aabccd}.story-labels{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.story-labels span{font:500 11px/1.5 Rajdhani,sans-serif;letter-spacing:1.1px;color:#83bad1;border-bottom:1px solid #00d9ff38;padding:7px 0;margin-right:14px;text-transform:uppercase}.story-note{position:absolute;right:5vw;top:42%;max-width:265px;width:21vw;padding-left:20px;border-left:1px solid #00d9ff40}.story-note .eyebrow{font-size:10px;letter-spacing:1.8px}.story-note p{font-size:13px;line-height:1.9;margin-top:14px;color:#8399af}.story.right .story-main{left:auto;right:5vw}.story.right .story-note{right:auto;left:5vw;top:60%}.story.passage .story-main{top:23%}.story.passage .story-note{top:58%}.story.galaxy .story-main{top:16%;width:30vw}.story.galaxy h2{font-size:clamp(26px,2.7vw,43px);margin-top:15px}.story.galaxy .story-note{top:17%;right:5vw;width:25vw;max-width:330px}.story.galaxy .story-labels{margin-top:16px}.story.galaxy .story-main>p{font-size:14px}.story.galaxy .story-labels span{font-size:10px}body[data-scene=galaxy] .edge{background:linear-gradient(180deg,rgba(5,7,10,.3),transparent 43%,transparent 70%,rgba(5,7,10,.55))}body[data-scene=dna-galaxy] .continuity{top:18%}body[data-scene=dna-galaxy] .detail{top:24%;max-height:57vh}body[data-phase=end] .endcopy{top:16%;width:30vw}body[data-phase=end] .endcopy h2{font-size:clamp(28px,3vw,47px)}body[data-phase=end] .endcopy p{font-size:14px}.dock{gap:20px}.dock nav{gap:clamp(12px,1.5vw,24px)}.dock button{font-size:10px}.dock .track{min-width:30px}.footer-links{flex-wrap:wrap;justify-content:flex-end;max-width:45%}
@media(max-width:1000px){.story-main{width:32vw}.story h2{font-size:31px}.story p{font-size:13px}.story-note{width:22vw}.story-note p{font-size:12px}.story.galaxy .story-main{width:34vw}.story.galaxy .story-note{width:28vw}.dock{gap:12px}.dock nav{gap:12px}.dock button{font-size:9px}.footer-wordmark{width:140px}.footer p{font-size:9px}}
@media(max-width:700px){.story-main,.story.right .story-main,.story.passage .story-main{left:6vw;right:auto;top:14%;width:88vw;max-width:340px}.story h2{font-size:29px;max-width:305px;margin:13px 0}.story p{font-size:12px;line-height:1.7;max-width:315px}.story-labels{margin-top:12px;gap:4px}.story-labels span{font-size:9px;padding:5px 0;margin-right:10px}.story-note,.story.right .story-note,.story.passage .story-note{left:auto;right:6vw;top:auto;bottom:17%;width:66vw;max-width:280px;padding-left:13px}.story-note p{font-size:11px;line-height:1.7;margin-top:6px}.story-note .eyebrow{font-size:9px}.story.galaxy .story-main{top:13%;width:88vw;max-width:335px}.story.galaxy h2{font-size:27px}.story.galaxy .story-main>p{font-size:12px}.story.galaxy .story-note{top:auto;bottom:30%;right:6vw;width:65vw;max-width:275px}.story.galaxy .story-labels{margin-top:10px}.story.galaxy .story-labels span{font-size:9px}body[data-scene=dna-galaxy] .continuity{top:13%}body[data-scene=dna-galaxy] .detail{top:auto;bottom:100px;max-height:33vh}body[data-phase=end] .endcopy{top:15%;width:88vw;max-width:300px}body[data-phase=end] .endcopy h2{font-size:31px}body[data-phase=end] .endcopy p{font-size:12px}.dock{display:block}.dock nav{gap:5px}.dock button{font-size:7.5px;letter-spacing:0}.dock button span{font-size:9px}.footer{bottom:110px;align-items:start}.footer-links{max-width:44%;gap:8px;align-items:flex-end}.footer p{font-size:8px;max-width:165px}.footer-wordmark{width:125px}.footer a{font-size:9px}}