@property --astra-phase{syntax:"<number>";inherits:true;initial-value:0}.immersive-journey{view-timeline-name:--journey;view-timeline-axis:block;border-block:1px solid var(--stroke);background:var(--paper);min-height:280svh;position:relative}.journey-sticky{flex-direction:column;justify-content:space-between;min-height:100svh;padding:35px 5% 25px;display:flex;position:sticky;top:0;overflow:clip}.journey-heading{justify-content:space-between;align-items:start;gap:25px;display:flex}.journey-heading .eyebrow{margin:0}.journey-hint{color:var(--quiet);font:10px monospace}.journey-content{flex:1;grid-template-columns:.8fr 1.2fr;align-items:center;gap:2%;min-height:540px;display:grid}.journey-copy{z-index:3;pointer-events:none;max-width:480px;position:relative}.journey-number{color:var(--pop);margin-bottom:35px;font-size:13px;display:block}.journey-number small{color:var(--quiet);margin-left:12px;font:10px monospace}.journey-copy h2{font-size:clamp(42px,4.5vw,72px)}.journey-copy p{max-width:34ch;margin-top:30px;font-size:15px}.journey-visual{--inspect:0;perspective:1200px;isolation:isolate;min-height:520px;position:relative}.journey-depth{transform:rotateX(calc(var(--pointer-y,0)*-12deg)) rotateY(calc(var(--pointer-x,0)*16deg));transform-style:preserve-3d;transition:transform .3s ease-out;position:relative}.journey-depth .astra-art{background:0 0;height:520px;min-height:0;overflow:visible}.journey-depth .art-coordinate{display:none}.journey-orbits{opacity:.35;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.journey-orbits i{aspect-ratio:1;border:1px solid var(--stroke);border-radius:50%;width:75%;position:absolute}.journey-orbits i:nth-child(2){border-style:dashed;width:95%}.journey-orbits i:nth-child(3){width:50%}.journey-caption{text-align:center;letter-spacing:.08em;color:var(--quiet);font:10px monospace;position:absolute;bottom:0;left:0;right:0}.journey-controls{z-index:5;border-top:1px solid var(--stroke);grid-template-columns:1fr 1.2fr 1fr;align-items:center;gap:50px;padding-top:25px;display:grid;position:relative}.journey-chapters{gap:12px;display:flex}.journey-chapters button{background:0 0;border:0;align-items:center;gap:9px;min-width:50px;padding:12px 0;font:10px monospace;display:flex}.journey-chapters button i{background:var(--stroke);width:25px;height:2px;transition:width .4s,background .4s}.journey-chapters button[aria-pressed=true] i{background:var(--pop);width:45px}.journey-chapters button[aria-pressed=true]{color:var(--pop)}.journey-range{gap:10px!important}.journey-range>span{justify-content:space-between;gap:15px;display:flex}.journey-range output{color:var(--quiet);font:10px monospace}.astra-site .journey-range input{width:100%;height:30px;accent-color:var(--pop);cursor:ew-resize;border:0;padding:0}.journey-feedback{color:var(--quiet);text-align:right;font-size:10px}.journey-markers{pointer-events:none;z-index:-1;grid-template-rows:repeat(3,1fr);display:grid;position:absolute;inset:0}.journey-depth .headphones{transform:rotate(calc(-18deg + var(--astra-phase)*30deg)) scale(.86);margin-top:-235px;margin-left:-195px;top:50%;left:50%;scale:1}.journey-depth .ear-left{translate:calc(-70px*var(--astra-phase) - 85px*var(--inspect)) calc(20px*var(--astra-phase));transform:rotate(-8deg)}.journey-depth .ear-right{translate:calc(70px*var(--astra-phase) + 85px*var(--inspect)) calc(20px*var(--astra-phase));transform:rotate(8deg)}.journey-depth .headband.inner{translate:0 calc(-22px*var(--astra-phase) - 20px*var(--inspect))}.journey-depth .sound-rings{rotate:calc(var(--astra-phase)*30deg);scale:calc(1 + var(--astra-phase)*.2)}.journey-depth .building{scale:1;transform:rotate(calc(-3deg + var(--astra-phase)*6deg)) scale(.88);margin-top:-200px;margin-left:-235px;top:50%;left:50%}.journey-depth .building-roof{translate:0 calc(-90px*var(--astra-phase) - 100px*var(--inspect))}.journey-depth .building-front{translate:calc(25px*var(--astra-phase) + 35px*var(--inspect)) 0}.journey-depth .building-tree{translate:calc(-30px*var(--astra-phase)) 0}.journey-depth .building-grid{opacity:.6}.journey-pelagic{background:#081f2c}.journey-pelagic .journey-visual{border:1px solid var(--stroke);background:radial-gradient(at 50% 0,#1e5b6d44,#0000 70%);border-radius:48% 48% 4px 4px;overflow:hidden}.journey-pelagic .journey-depth .astra-art{overflow:hidden}.journey-pelagic .journey-orbits{opacity:.7}.journey-depth .submarine{translate:calc(-70px*var(--astra-phase)) calc(95px*var(--astra-phase) + 70px*var(--inspect));rotate:calc(var(--inspect)*12deg);top:40%;left:45%;scale:.8}.journey-depth .ocean-terrain.back{translate:0 calc(-60px*var(--astra-phase) - 30px*var(--inspect));scale:1.2}.journey-depth .ocean-terrain.front{translate:0 calc(25px*var(--astra-phase));scale:1.1}.journey-depth .ocean-light{opacity:calc(1 - var(--astra-phase)*.65 - var(--inspect)*.2)}.journey-depth .sub-light{opacity:calc(.25 + var(--astra-phase)*.75)}.journey-pelagic .journey-caption{z-index:3;bottom:20px}.journey-pelagic .depth-ruler{top:10%;right:7%}.journey-depth .chrome-orbit{scale:1;transform:rotate(calc(-20deg + var(--astra-phase)*160deg + var(--inspect)*180deg)) scale(.85);margin-top:-215px;margin-left:-215px;top:50%;left:50%}.journey-depth .chrome-ring.one{translate:0 calc(-30px*var(--astra-phase) - 20px*var(--inspect))}.journey-depth .chrome-ring.two{translate:calc(40px*var(--astra-phase) + 20px*var(--inspect)) 0}.journey-depth .chrome-ring.three{translate:calc(-40px*var(--astra-phase) - 20px*var(--inspect)) 0}.journey-depth .chrome-core{scale:calc(1 + var(--inspect)*.35)}.journey-depth .satellite{scale:1;transform:rotate(calc(-28deg + var(--astra-phase)*45deg)) scale(.95);margin-top:-125px;margin-left:-215px;top:50%;left:50%}.journey-depth .solar.left{transform-origin:100%;transform:skewY(14deg) rotateY(calc(65deg - var(--astra-phase)*45deg - var(--inspect)*20deg));translate:calc(-20px*var(--inspect)) 0}.journey-depth .solar.right{transform-origin:0;transform:skewY(14deg) rotateY(calc(-65deg + var(--astra-phase)*45deg + var(--inspect)*20deg));translate:calc(20px*var(--inspect)) 0}.journey-depth .planet{width:800px;height:800px;translate:0 calc(-80px*var(--astra-phase));opacity:.6;top:85%;left:0}.journey-depth .orbit-path{rotate:calc(var(--astra-phase)*35deg)}.journey-orbital .journey-depth .astra-art{overflow:hidden}.journey-orbital .journey-caption{bottom:10px}.motion-toggle{border:0;border-top:1px solid var(--stroke);background:var(--paper);width:100%;color:var(--quiet);letter-spacing:.02em;justify-content:center;align-items:center;gap:11px;padding:18px 4.5%;display:flex;font-size:11px!important}.motion-toggle:hover{color:var(--ink)}.motion-bars{align-items:center;gap:3px;height:12px;display:flex}.motion-bars i{background:var(--pop);width:2px;height:10px}.motion-bars i:nth-child(2){height:6px}.motion-bars i:nth-child(3){height:8px}.audio-object{min-width:0}.audio-object .astra-art{height:100%}.audio-object .headphones{transition:filter .5s}.audio-object .astra-art{transform:perspective(1000px) rotateX(calc(var(--pointer-y,0)*-8deg)) rotateY(calc(var(--pointer-x,0)*10deg));transition:transform .3s}.journey-visual:after,.collection-art:after,.payload-panel:after,.ticket-card:after{content:"";pointer-events:none;z-index:8;background:radial-gradient(ellipse at var(--light-x,50%) var(--light-y,50%),#ffffff16,transparent 60%);opacity:0;transition:opacity .4s;position:absolute;inset:0}.journey-visual:hover:after,.collection-art:hover:after,.payload-panel:hover:after,.ticket-card:hover:after{opacity:1}.payload-panel,.ticket-card{transform:perspective(1000px) rotateX(calc(var(--pointer-y,0)*-5deg)) rotateY(calc(var(--pointer-x,0)*7deg));transition:transform .3s;position:relative}.ticket-card{rotate:2deg}.astra-site .button span{transition:transform .3s}.astra-site .button:hover span{transform:translate(3px,-3px)}.astra-site .button:active{transform:translateY(1px)scale(.98)}.astra-site .artist-list>div{transition:padding .35s,background .35s}.astra-site .artist-list>div:hover{background:#ffffff16;padding-left:20px;padding-right:20px}.project>.astra-art{transform:perspective(1100px) rotateX(calc(var(--pointer-y,0)*-5deg)) rotateY(calc(var(--pointer-x,0)*6deg));transition:transform .3s}.project .building-roof{transition:translate .6s cubic-bezier(.2,.8,.2,1)}.project:hover .building-roof{translate:0 -30px}.payload-options button b{transition:rotate .35s}.payload-options button:hover b{rotate:90deg}.astra-site details[open]>p{animation:.4s both scene-enter}.astra-site input:not([type=range]),.astra-site textarea{transition:border-color .2s,box-shadow .2s}.astra-site input:focus,.astra-site textarea:focus{border-color:var(--pop);box-shadow:0 3px 0 var(--pop)}@keyframes scene-phase{0%{--astra-phase:0}to{--astra-phase:1}}@keyframes scene-enter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scene-art-enter{0%{opacity:.35;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes chapter-line{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes footer-arrive{0%{opacity:.5;translate:0 90px}to{opacity:1;translate:0}}@keyframes detail-spread{0%{translate:-22px;rotate:-10deg}to{translate:22px;rotate:10deg}}@keyframes waveform{0%,to{scale:1 .4}50%{scale:1}}@media (prefers-reduced-motion:no-preference){.journey-copy{animation:.65s cubic-bezier(.2,.8,.2,1) both scene-enter}.state-enter{animation:.55s both scene-art-enter}.artist-list>div{animation:.45s both scene-enter}.artist-list>div:nth-child(2){animation-delay:60ms}.artist-list>div:nth-child(3){animation-delay:.12s}.artist-list>div:nth-child(4){animation-delay:.18s}.astra-site[data-motion=on] .motion-bars i{animation:1.3s ease-in-out infinite waveform}.motion-bars i:nth-child(2){animation-delay:.2s!important}.motion-bars i:nth-child(3){animation-delay:.4s!important}@supports (animation-timeline:view()){.journey-visual{animation:linear both scene-phase;animation-timeline:--journey;animation-range:contain}.astra-footer{view-timeline-name:--footer}.footer-word{animation:linear both footer-arrive;animation-timeline:--footer;animation-range:entry}.acoustic-art{view-timeline-name:--acoustic}.acoustic-art i{animation:linear both detail-spread;animation-timeline:--acoustic;animation-range:entry exit}.acoustic-art i:nth-child(2n){animation-direction:reverse}.material-strips{view-timeline-name:--materials}.material-strips>div{animation:linear both footer-arrive;animation-timeline:--materials;animation-range:entry entry 90%}.material-strips>div:nth-child(2){animation-range:entry 15%}.material-strips>div:nth-child(3){animation-range:entry 25%}}}@supports not(animation-timeline:view()){.journey-visual[data-stage="1"]{--astra-phase:.5}.journey-visual[data-stage="2"]{--astra-phase:1}}@media (max-width:1000px){.journey-controls{grid-template-columns:1fr 1.5fr;gap:25px}.journey-feedback{display:none}.journey-content{grid-template-columns:1fr 1.15fr}.journey-depth .headphones{transform:rotate(calc(-18deg + var(--astra-phase)*30deg)) scale(.65)}.journey-depth .building{transform:rotate(calc(-3deg + var(--astra-phase)*6deg)) scale(.65)}.journey-depth .chrome-orbit{transform:rotate(calc(-20deg + var(--astra-phase)*160deg + var(--inspect)*180deg)) scale(.65)}.journey-depth .satellite{transform:rotate(calc(-28deg + var(--astra-phase)*45deg)) scale(.7)}}@media (max-width:700px){.immersive-journey{min-height:auto}.journey-sticky{min-height:auto;padding:35px 6%;position:relative}.journey-markers,.journey-hint{display:none}.journey-content{grid-template-columns:1fr;gap:0;min-height:0}.journey-copy{min-height:245px;padding:30px 0 0}.journey-number{margin-bottom:20px}.journey-copy h2{font-size:39px}.journey-copy p{max-width:40ch;margin-top:20px;font-size:14px}.journey-visual{min-height:340px;margin-top:20px;animation:none!important}.journey-depth .astra-art{height:340px}.journey-controls{grid-template-columns:1fr;gap:15px;margin-top:35px;padding-top:10px}.journey-chapters{justify-content:center}.journey-chapters button{padding:14px 6px}.journey-range>span{font-size:11px}.journey-depth .headphones{transform:rotate(calc(-18deg + var(--astra-phase)*30deg)) scale(.52)}.journey-depth .building{transform:rotate(calc(-3deg + var(--astra-phase)*6deg)) scale(.54)}.journey-depth .chrome-orbit{transform:rotate(calc(-20deg + var(--astra-phase)*160deg + var(--inspect)*180deg)) scale(.55)}.journey-depth .satellite{transform:rotate(calc(-28deg + var(--astra-phase)*45deg)) scale(.58)}.journey-visual[data-stage="1"]{--astra-phase:.5}.journey-visual[data-stage="2"]{--astra-phase:1}.journey-caption{font-size:8px;bottom:0}.journey-pelagic .journey-visual{border-radius:40% 40% 4px 4px}.journey-depth .submarine{top:23%;left:33%;scale:.6}.journey-pelagic .depth-ruler{font-size:8px;line-height:2.5}.motion-toggle{padding:16px 6%}.audio-object .astra-art{height:370px}.ticket-card{rotate:1deg}.journey-orbital .journey-caption{bottom:20px}}.astra-site[data-motion=off] *,.astra-site[data-motion=off] :before,.astra-site[data-motion=off] :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.astra-site[data-motion=off] .immersive-journey{min-height:auto}.astra-site[data-motion=off] .journey-sticky{position:relative}.astra-site[data-motion=off] .journey-markers{display:none}.astra-site[data-motion=off] .journey-visual[data-stage="1"]{--astra-phase:.5}.astra-site[data-motion=off] .journey-visual[data-stage="2"]{--astra-phase:1}.astra-site[data-motion=off] .reading-progress{display:none}@media (prefers-reduced-motion:reduce){.immersive-journey{min-height:auto}.journey-sticky{position:relative}.journey-markers{display:none}.journey-visual[data-stage="1"]{--astra-phase:.5}.journey-visual[data-stage="2"]{--astra-phase:1}.journey-depth,.audio-object .astra-art,.project>.astra-art,.payload-panel,.ticket-card{transform:none!important}.project:hover .building-roof{translate:none}.motion-bars i{animation:none!important}}.journey-depth .satellite{transform-origin:50%}.journey-feedback{padding-right:90px}@media (max-width:700px){.journey-depth .headphones{transform:rotate(calc(-18deg + var(--astra-phase)*30deg)) scale(.46)}}@media (max-height:740px) and (min-width:701px){.immersive-journey{min-height:auto}.journey-sticky{position:relative}.journey-markers{display:none}.journey-visual{animation:none!important}.journey-visual[data-stage="1"]{--astra-phase:.5}.journey-visual[data-stage="2"]{--astra-phase:1}}
