:root{--white:#f4f8ff;--ice:#b9c9df;--cyan:#42ddff;--blue:#315dff;--violet:#7b44ff;--ink:#020510;--p:0;--route:0;--storm:0;--signal:0;--arrival:0;--mx:0;--my:0}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;overflow-x:hidden;background:var(--ink);color:var(--white);font-family:Manrope,sans-serif;font-size:16px}button,a{font:inherit}.skip-link{position:fixed;z-index:1000;left:20px;top:-80px;padding:12px 18px;border-radius:10px;background:#fff;color:#020510;font-weight:800}.skip-link:focus{top:18px}
#tide,.film{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}#tide{z-index:0}.film{z-index:1;opacity:.42;background-image:linear-gradient(#78dcff08 1px,transparent 1px),linear-gradient(90deg,#78dcff08 1px,transparent 1px),radial-gradient(circle,#bbedff3d 0 1px,transparent 1.5px);background-size:8vw 8vw,8vw 8vw,52px 52px;mask-image:radial-gradient(circle at center,#000 20%,transparent 88%)}
.header{position:fixed;z-index:90;inset:0 0 auto;height:90px;padding:0 clamp(22px,4vw,72px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid #bcecff16;background:linear-gradient(180deg,#020510f5,#0205107d 75%,transparent);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:11px;width:max-content;color:#fff;text-decoration:none;font-size:18px;font-weight:800;letter-spacing:-.04em}.brand-o{position:relative;width:28px;height:28px;border:2px solid #e9f8ff;border-radius:50%;box-shadow:0 0 18px #46e2ff55}.brand-o:after{content:"";position:absolute;left:50%;top:-7px;width:2px;height:12px;background:var(--cyan);transform:translateX(-50%);box-shadow:0 0 8px var(--cyan)}.brand-o i{position:absolute;inset:6px;border:1px solid #fff8;border-radius:50%}.header>p{margin:0;color:#8ea2bf;font-size:14px;font-weight:800;letter-spacing:.17em}.motion{justify-self:end;display:flex;align-items:center;gap:4px;min-height:44px;border:0;background:transparent;color:#9eafc6;cursor:pointer}.motion i{width:2px;height:14px;background:var(--cyan);animation:signal .75s ease-in-out infinite alternate}.motion i:nth-child(2){height:22px;animation-delay:-.25s}.motion i:nth-child(3){height:9px;animation-delay:-.5s}.motion span{margin-left:9px;font-size:14px;font-weight:800;letter-spacing:.1em}@keyframes signal{to{height:4px;opacity:.35}}
.scroll-track{position:relative;z-index:2;height:820vh}.stage{position:sticky;top:0;height:100svh;min-height:660px;overflow:hidden;isolation:isolate;background:radial-gradient(circle at calc(18% + var(--mx)*3%) calc(48% + var(--my)*2%),#0b5f8555,transparent 30%),radial-gradient(circle at 80% 34%,#3d1c8552,transparent 34%),linear-gradient(120deg,#020b18,#030617 49%,#11052b);perspective:1500px}.stage:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#01040dbd,transparent 23% 77%,#01040dbd),radial-gradient(circle at center,transparent 25%,#01030bab 100%)}.stage:after{content:"";position:absolute;z-index:75;inset:0;pointer-events:none;opacity:.11;background:repeating-linear-gradient(180deg,#fff 0 1px,transparent 1px 5px);mix-blend-mode:overlay;animation:scan 10s linear infinite}@keyframes scan{to{transform:translateY(20px)}}
.axis{position:absolute;z-index:4;background:#8feaff19}.axis-x{left:0;right:0;top:50%;height:1px}.axis-y{top:0;bottom:0;left:50%;width:1px}.coordinates{position:absolute;z-index:10;left:clamp(24px,4vw,72px);top:130px;display:flex;gap:28px;color:#607694;font-size:14px;font-weight:700;letter-spacing:.14em;opacity:calc(1 - min(1,var(--p)*8))}
.hero{position:absolute;z-index:20;left:50%;top:46%;width:min(82vw,1320px);display:flex;align-items:center;justify-content:center;transform-style:preserve-3d;transform:translate3d(-50%,-50%,calc(var(--p)*780px)) scale(calc(1 + var(--p)*2.6));opacity:calc(1 - max(0,(var(--p) - .13)*7.5));filter:blur(calc(max(0,var(--p) - .14)*24px))}.hero-emblem{position:relative;flex:0 0 15.5%;aspect-ratio:1;transform:rotateX(calc(var(--my)*-5deg)) rotateY(calc(var(--mx)*7deg))}.emblem-ring{position:absolute;border:1px solid #75eaff;border-radius:50%;box-shadow:0 0 28px #42ddff38,inset 0 0 30px #42ddff19}.ring-1{inset:2%;border-width:2px}.ring-2{inset:18%;opacity:.7;animation:ringPulse 3s ease-in-out infinite}.ring-3{inset:36%;border-color:#fff8}.emblem-line{position:absolute;z-index:3;left:50%;top:-2%;width:3px;height:29%;background:var(--cyan);transform:translateX(-50%);box-shadow:0 0 15px var(--cyan)}.hero-emblem:before{content:"";position:absolute;inset:-25%;border:1px solid #725cff3b;border-radius:50%;animation:rotate 14s linear infinite}.hero-emblem:after{content:"";position:absolute;inset:45%;border-radius:50%;background:#fff;box-shadow:0 0 18px #fff,0 0 55px var(--cyan),0 0 100px var(--blue)}.hero-type{display:flex;align-items:center;margin-left:-1.2%;font-size:clamp(92px,12.1vw,202px);line-height:.94;font-weight:800;letter-spacing:-.075em;padding:.08em 0}.hero-type span{display:block;color:transparent;background:linear-gradient(112deg,#fff,#a5bde9 46%,#8b86d4 72%,#c08ce2);background-position:calc(var(--n)*11%) center;-webkit-background-clip:text;background-clip:text;text-shadow:0 30px 70px #020510bb;transform:translate3d(calc(var(--p)*(var(--n) - 3)*24px),calc(var(--p)*(var(--n) - 3)*31px),calc(var(--p)*(var(--n) + 1)*-90px))}@keyframes ringPulse{50%{transform:scale(1.08);opacity:.35}}@keyframes rotate{to{transform:rotate(360deg)}}
.scene{position:absolute;z-index:30;pointer-events:none;will-change:opacity,transform}.hero-copy{left:50%;top:69%;width:min(720px,90vw);text-align:center;transform:translateX(-50%);opacity:calc(1 - min(1,var(--p)*8))}.hero-copy p{margin:0;color:#dae7f7;font-size:14px;font-weight:800;letter-spacing:.2em}.hero-copy p i{display:inline-block;width:7px;height:7px;margin-right:14px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px var(--cyan)}.hero-copy small{display:block;margin-top:18px;color:#8fa2bc;font-size:clamp(15px,1.1vw,19px);line-height:1.6}
.route{position:absolute;z-index:18;inset:0;width:100%;height:100%;overflow:visible;opacity:clamp(0,min(calc((var(--p) - .12)*12),calc((.94 - var(--p))*12)),1)}.route-ghost,.route-active{fill:none}.route-ghost{stroke:#82e8ff26;stroke-width:2;stroke-dasharray:3 13}.route-active{stroke:url(#routeBlue);stroke-width:4;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--route));filter:url(#softGlow)}.traveller{transform-origin:0 0;filter:drop-shadow(0 0 13px #45e3ff)}.traveller-halo{fill:#42ddff1f;stroke:#4ce5ff77}.traveller-core{fill:#fff;stroke:#42ddff;stroke-width:3}.traveller-cross{fill:none;stroke:#baf6ff;stroke-width:1;opacity:.6}
.scene-number{color:#55dff8;font-size:14px;font-weight:800;letter-spacing:.18em}.origin{left:clamp(28px,7vw,130px);top:47%;width:min(720px,76vw);opacity:clamp(0,min(calc((var(--p) - .15)*13),calc((.38 - var(--p))*12)),1);transform:translate3d(calc((.22 - var(--p))*160px),-50%,0)}.origin h1,.unknown h2,.passage h2,.destination h2{margin:25px 0 23px;font-size:clamp(58px,8vw,136px);line-height:.97;letter-spacing:-.068em;font-weight:500;padding-bottom:.08em}.origin p,.passage p,.destination p{max-width:590px;color:#9eafc6;font-size:clamp(16px,1.15vw,20px);line-height:1.72}
.unknown{z-index:22;inset:0;opacity:clamp(0,min(calc((var(--p) - .36)*12),calc((.57 - var(--p))*12)),1)}.unknown-word{position:absolute;left:50%;top:53%;transform:translate(-50%,-50%) scaleX(1.04);font-size:clamp(130px,23vw,390px);font-weight:800;letter-spacing:-.09em;color:transparent;-webkit-text-stroke:1px #87e9ff2e;opacity:.72}.unknown .scene-number{position:absolute;left:8%;top:20%}.unknown h2{position:absolute;left:8%;top:24%;font-size:clamp(54px,7.2vw,120px)}.trident{position:absolute;right:8%;top:11%;width:min(18vw,250px);height:71%;overflow:visible;filter:drop-shadow(0 0 20px #45ddff88);transform:rotate(calc(-5deg + var(--mx)*3deg))}.trident path{fill:none;stroke:#9becff;stroke-width:6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1900;stroke-dashoffset:calc(1900 - var(--storm)*1900)}
.passage{z-index:25;inset:0;opacity:clamp(0,min(calc((var(--p) - .56)*12),calc((.79 - var(--p))*12)),1)}.passage .scene-number{position:absolute;left:8%;top:18%}.passage h2{position:absolute;left:8%;top:22%;font-size:clamp(54px,7vw,116px)}.passage>p{position:absolute;left:8%;bottom:16%;max-width:540px}.signal-field{position:absolute;right:3%;top:13%;width:47%;height:72%;display:flex;align-items:center;justify-content:center;gap:clamp(9px,1.1vw,19px);mask-image:linear-gradient(90deg,transparent,#000 16% 84%,transparent)}.signal-field i{width:2px;height:12%;background:linear-gradient(transparent,#6ce9ff,#7764ff,transparent);box-shadow:0 0 11px #53e3ff;animation:signalWave 1.7s ease-in-out infinite;transform:scaleY(calc(.3 + var(--signal)*4))}.signal-field i:nth-child(2){height:31%;animation-delay:-.2s}.signal-field i:nth-child(3){height:58%;animation-delay:-.4s}.signal-field i:nth-child(4){height:83%;animation-delay:-.6s}.signal-field i:nth-child(5){height:47%;animation-delay:-.8s}.signal-field i:nth-child(6){height:92%;animation-delay:-1s}.signal-field i:nth-child(7){height:68%;animation-delay:-1.2s}.signal-field i:nth-child(8){height:36%;animation-delay:-1.4s}.signal-field i:nth-child(9){height:76%;animation-delay:-1.6s}.signal-field i:nth-child(10){height:43%;animation-delay:-.7s}.signal-field i:nth-child(11){height:20%;animation-delay:-1.1s}@keyframes signalWave{50%{transform:scaleY(calc(.5 + var(--signal)*2));opacity:.35}}.aperture{position:absolute;right:15%;top:30%;width:min(23vw,340px);aspect-ratio:1;border:1px solid #8decff88;border-radius:50%;box-shadow:0 0 70px #334cff55,inset 0 0 65px #47e6ff22;transform:rotateX(calc(var(--my)*-4deg)) rotateY(calc(var(--mx)*5deg)) scale(calc(.75 + var(--signal)*.25))}.aperture:before,.aperture:after{content:"";position:absolute;border-radius:50%;border:1px solid #7160ff66}.aperture:before{inset:-18%}.aperture:after{inset:18%;border-color:#fff5}.aperture i{position:absolute;left:50%;top:50%;width:11%;height:39%;border-radius:50%;background:#fff;transform:translate(-50%,-50%);box-shadow:0 0 16px #fff,0 0 55px var(--cyan)}.aperture b,.aperture span{position:absolute;inset:-33%;border:1px solid #ffffff16;border-radius:50%;animation:rotate 12s linear infinite}.aperture span{inset:-47%;border-style:dashed;animation-direction:reverse;animation-duration:18s}
.ithaca{position:absolute;z-index:12;inset:0;overflow:hidden;opacity:clamp(0,calc((var(--p) - .79)*8),1);background:linear-gradient(180deg,#050a22,#142a74 55%,#0b2f50 56%,#020817)}.horizon{position:absolute;left:7%;right:7%;top:59%;height:1px;background:linear-gradient(90deg,transparent,#78edff,#fff,#78edff,transparent);box-shadow:0 0 24px #4de6ff}.island{position:absolute;top:49%;height:18%;background:linear-gradient(#122c63,#020817);filter:drop-shadow(0 -8px 28px #3e63ff55)}.island-left{left:-4%;width:62%;clip-path:polygon(0 100%,0 72%,12% 57%,22% 64%,31% 41%,42% 54%,52% 19%,61% 46%,73% 35%,82% 62%,100% 100%)}.island-right{right:-4%;width:60%;transform:scaleX(-1);clip-path:polygon(0 100%,0 72%,12% 57%,22% 64%,31% 41%,42% 54%,52% 19%,61% 46%,73% 35%,82% 62%,100% 100%)}.arrival-ring{position:absolute;left:50%;top:59%;width:min(42vw,620px);aspect-ratio:1;border:1px solid #6eeaff78;border-radius:50%;transform:translate(-50%,-50%) scale(calc(.55 + var(--arrival)*.45));box-shadow:0 0 120px #2c5fff66,inset 0 0 100px #38e2ff20}.arrival-ring:before,.arrival-ring:after{content:"";position:absolute;border-radius:50%;border:1px solid #7763ff55}.arrival-ring:before{inset:14%}.arrival-ring:after{inset:30%;border-color:#fff6}.arrival-ring i{position:absolute;left:50%;top:50%;width:4px;height:62%;background:linear-gradient(transparent,#fff,#58e8ff,transparent);transform:translate(-50%,-50%);box-shadow:0 0 18px #42ddff}.arrival-ring b{position:absolute;inset:-14%;border:1px dashed #7eeeff38;border-radius:50%;animation:rotate 16s linear infinite}
.destination{z-index:35;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;opacity:clamp(0,calc((var(--p) - .85)*9),1);transform:translateY(calc((.9 - var(--p))*120px))}.destination h2{font-size:clamp(56px,7.7vw,132px);text-shadow:0 18px 70px #020510}.destination h2 em{color:transparent;font-style:normal;background:linear-gradient(95deg,#fff,#72eaff 46%,#6676ff 76%,#a745ff);-webkit-background-clip:text;background-clip:text}.destination p{max-width:650px}.final-mark{position:absolute;bottom:7%;display:grid;justify-items:center}.final-mark i{width:50px;height:1px;margin-bottom:14px;background:linear-gradient(90deg,var(--cyan),var(--violet))}.final-mark b{font-size:18px;letter-spacing:.08em}.final-mark small{margin-top:7px;color:#7186a4;font-size:14px;font-weight:700;letter-spacing:.14em}
.chapters{position:absolute;z-index:70;left:clamp(24px,4vw,72px);top:50%;height:220px;display:flex;flex-direction:column;justify-content:space-between;transform:translateY(-50%);color:#647997;font-size:14px;font-weight:800}.chapters i{position:absolute;left:27px;top:0;width:1px;height:100%;background:#ffffff17}.chapters i:after{content:"";position:absolute;left:-1px;top:0;width:3px;height:calc(var(--p)*100%);background:linear-gradient(var(--cyan),var(--violet));box-shadow:0 0 12px var(--cyan)}.progress{position:absolute;z-index:70;left:clamp(24px,4vw,72px);right:clamp(24px,4vw,72px);bottom:31px;height:1px;display:flex;justify-content:space-between;background:#fff1b;color:#5c718f;font-size:14px;font-weight:800;letter-spacing:.13em}.progress i{position:absolute;left:0;top:-1px;width:calc(var(--p)*100%);height:3px;background:linear-gradient(90deg,var(--cyan),var(--blue),var(--violet));box-shadow:0 0 16px #4de6ff88}.progress span{transform:translateY(-23px)}.scroll{position:absolute;z-index:72;right:clamp(24px,4vw,72px);bottom:60px;display:flex;align-items:center;gap:13px;color:#a5b4ca;font-size:14px;font-weight:800;letter-spacing:.13em;opacity:calc(1 - min(1,var(--p)*10))}.scroll i{width:8px;height:8px;border-right:1px solid var(--cyan);border-bottom:1px solid var(--cyan);transform:rotate(45deg);animation:scrollCue 1.2s ease-in-out infinite}@keyframes scrollCue{50%{transform:translateY(7px) rotate(45deg)}}
.scroll-track{height:980vh}.brand img{display:block;width:clamp(150px,13vw,218px);height:auto;max-height:50px;object-fit:contain}.passage{opacity:clamp(0,min(calc((var(--p) - .68)*12),calc((.86 - var(--p))*13)),1)}.ithaca{opacity:clamp(0,calc((var(--p) - .84)*9),1)}.destination{opacity:clamp(0,calc((var(--p) - .89)*11),1)}
.brand-map{z-index:28;inset:0;opacity:clamp(0,min(calc((var(--p) - .51)*13),calc((.69 - var(--p))*13)),1)}.brand-map>.scene-number{position:absolute;left:7%;top:17%}.brand-map>h2{position:absolute;left:7%;top:21%;margin:24px 0;font-size:clamp(50px,6.4vw,108px);line-height:.96;letter-spacing:-.065em;font-weight:500}.brand-map>p{position:absolute;left:7%;bottom:14%;max-width:500px;color:#9eafc6;font-size:clamp(16px,1.1vw,19px);line-height:1.7}.ecosystem{position:absolute;right:3%;top:12%;width:58%;height:76%;transform:translate(calc(var(--mx)*8px),calc(var(--my)*6px))}.map-orbit{position:absolute;left:50%;top:50%;border:1px solid #72e9ff24;border-radius:50%;transform:translate(-50%,-50%)}.orbit-a{width:74%;aspect-ratio:1}.orbit-b{width:48%;aspect-ratio:1;border-color:#755fff32}.map-core{position:absolute;left:50%;top:50%;width:150px;aspect-ratio:1;display:grid;place-items:center;border:1px solid #72e9ff88;border-radius:50%;transform:translate(-50%,-50%);background:#06132fcc;box-shadow:0 0 70px #315dff55,inset 0 0 40px #42ddff1f}.map-core:before,.map-core:after{content:"";position:absolute;border-radius:50%;border:1px solid #ffffff22}.map-core:before{inset:13%}.map-core:after{inset:-18%;border-style:dashed;animation:rotate 16s linear infinite}.map-core i{width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 0 18px #fff,0 0 50px var(--cyan)}.map-core span{position:absolute;bottom:29%;font-size:14px;font-weight:800;letter-spacing:.1em}.map-core small{position:absolute;bottom:18%;color:#7185a4;font-size:14px;letter-spacing:.12em}.brand-node{position:absolute;border:1px solid #ffffff24;border-radius:22px;background:linear-gradient(145deg,#0a1a3ce8,#07102be6);backdrop-filter:blur(18px);box-shadow:0 24px 70px #01040b99;color:#fff;text-decoration:none;overflow:hidden}.brand-node:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,#42ddff0d,transparent 42%,#7b44ff16);pointer-events:none}.brand-node>span{position:absolute;left:22px;top:19px;color:#66e9ff;font-size:14px;font-weight:800;letter-spacing:.14em}.vessial-node{left:1%;top:9%;width:min(22vw,330px);height:210px;border-color:#52e5ff66;transition:transform .25s,border-color .25s}.vessial-node:hover{transform:translateY(-7px);border-color:#8df1ff}.vessial-node img{position:absolute;left:22px;top:70px;width:72%;height:auto;object-fit:contain}.vessial-node strong{position:absolute;left:22px;bottom:20px;color:#91a9c6;font-size:14px;letter-spacing:.13em}.vessial-node>i{position:absolute;right:20px;top:17px;color:#fff;font-size:22px;font-style:normal}.next-node{width:205px;height:146px;padding:62px 20px 20px}.next-node strong{position:relative;font-size:14px;line-height:1.35;letter-spacing:.1em;color:#8394ad}.next-a{right:1%;top:17%}.next-b{right:7%;bottom:2%}.ecosystem:before,.ecosystem:after{content:"";position:absolute;z-index:-1;height:1px;background:linear-gradient(90deg,#4de6ff55,transparent);transform-origin:left}.ecosystem:before{left:22%;top:35%;width:54%;rotate:9deg}.ecosystem:after{left:49%;top:53%;width:43%;rotate:32deg}
body.motion-off *,body.motion-off *:before,body.motion-off *:after{animation-play-state:paused!important;transition-duration:0s!important}
@media(max-width:900px){.header{height:78px;grid-template-columns:1fr auto}.header>p{display:none}.stage{min-height:610px}.coordinates{top:105px}.hero{top:42%;width:94vw}.hero-type{font-size:11.8vw}.hero-copy{top:59%}.origin{left:24px;top:46%;width:calc(100% - 48px)}.origin h1{font-size:clamp(54px,13vw,90px)}.origin p{max-width:90%}.unknown .scene-number,.unknown h2,.passage .scene-number,.passage h2,.passage>p{left:6%}.unknown h2,.passage h2{font-size:clamp(46px,11.5vw,82px)}.trident{right:2%;width:27vw}.signal-field{right:-5%;width:54%}.aperture{right:8%;width:31vw}.passage>p{max-width:50%}.destination h2{font-size:clamp(47px,11.8vw,82px)}.chapters{display:none}.route{transform:scale(1.18);transform-origin:center}.traveller{scale:.82}.arrival-ring{width:59vw}}
@media(max-width:560px){.brand{font-size:16px}.brand-o{width:25px;height:25px}.motion span{display:none}.coordinates{font-size:14px}.coordinates span:last-child{display:none}.hero{top:39%;width:97vw}.hero-copy{top:54%}.hero-copy p{font-size:14px;letter-spacing:.1em}.origin{top:44%}.origin h1{font-size:14vw}.origin p{max-width:100%;font-size:15px}.unknown .scene-number,.passage .scene-number{top:16%}.unknown h2,.passage h2{top:20%;font-size:11.7vw}.unknown-word{font-size:30vw;top:56%}.trident{right:-8%;top:24%;width:38vw}.passage>p{bottom:12%;max-width:88%;font-size:15px}.signal-field{right:-22%;top:26%;width:77%;height:52%}.aperture{right:2%;top:38%;width:45vw}.destination{padding:0 18px}.destination h2{font-size:11.9vw}.destination p{font-size:15px}.final-mark{bottom:9%}.final-mark small{font-size:14px;letter-spacing:.07em}.scroll{display:none}.progress{bottom:22px}.route{transform:scale(1.46) translateX(-5%);transform-origin:center}.traveller{scale:.63}.arrival-ring{width:82vw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{animation-duration:.001ms!important;animation-iteration-count:1!important}}
@media(max-width:900px){.brand img{width:172px}.brand-map>.scene-number,.brand-map>h2,.brand-map>p{left:5%}.brand-map>h2{font-size:clamp(44px,9vw,72px)}.brand-map>p{max-width:42%;bottom:11%}.ecosystem{right:-7%;top:16%;width:67%;height:70%}.vessial-node{width:29vw}.next-node{width:170px}.map-core{width:125px}}
@media(max-width:560px){.brand img{width:150px}.brand-map>.scene-number{top:14%}.brand-map>h2{top:18%;font-size:10.8vw}.brand-map>p{display:none}.ecosystem{left:0;right:0;top:37%;width:100%;height:55%}.map-core{width:105px}.map-core small{display:none}.vessial-node{left:4%;top:1%;width:46vw;height:158px}.vessial-node img{top:57px}.vessial-node strong{font-size:14px;letter-spacing:.06em}.next-node{width:37vw;height:116px;padding-top:55px}.next-a{right:3%;top:4%}.next-b{right:8%;bottom:0}.orbit-a{width:88%}.orbit-b{width:58%}}
.vessial-wordmark{position:absolute;left:22px;top:64px;color:#fff;font-size:clamp(29px,2.8vw,47px);font-weight:700;letter-spacing:-.065em}.vessial-wordmark:after{content:"°";margin-left:4px;color:var(--cyan);font-size:.58em;vertical-align:top}@media(max-width:560px){.vessial-wordmark{top:55px}}
.route{opacity:var(--route-visible,1)}.brand-map{pointer-events:none}.brand-map:before{content:"";position:absolute;left:42%;top:13%;bottom:10%;width:1px;background:linear-gradient(transparent,#5de7ff33 14% 86%,transparent)}.brand-map>.scene-number{left:5.5%;top:17%}.brand-map>h2{left:5.5%;top:21%;width:34%;font-size:clamp(45px,5vw,84px)}.brand-map>p{left:5.5%;bottom:14%;max-width:31%}.ecosystem{left:44%;right:2.5%;top:11%;width:auto;height:78%;border:1px solid #5ce7ff17;border-radius:32px;background:radial-gradient(circle at 54% 50%,#2049c63a,transparent 26%),radial-gradient(circle at 82% 24%,#6520aa2b,transparent 30%),linear-gradient(135deg,#06142b66,#07051d5c);box-shadow:inset 0 0 90px #245cff13}.ecosystem:after{content:"";position:absolute;inset:0;border-radius:32px;background-image:radial-gradient(circle,#8eefff38 0 1px,transparent 1.5px);background-size:38px 38px;mask-image:radial-gradient(circle at 55% 50%,#000,transparent 76%);pointer-events:none}.map-core{left:57%;width:172px;box-shadow:0 0 90px #315dff6b,inset 0 0 45px #42ddff24}.orbit-a{width:68%}.orbit-b{width:43%}.vessial-node{z-index:8;left:4%;top:9%;width:min(20vw,310px);height:220px;pointer-events:none;transform:perspective(900px) rotateY(5deg);box-shadow:0 28px 90px #02040cb8,0 0 0 1px #42ddff14 inset}.brand-map.is-interactive .vessial-node{pointer-events:auto}.vessial-node:hover{transform:perspective(900px) rotateY(0) translateY(-8px) scale(1.02);box-shadow:0 35px 100px #02040cdd,0 0 35px #42ddff2b}.next-a{right:3%;top:10%}.next-b{right:8%;bottom:4%}.ecosystem:before{left:24%;top:35%;width:53%}.ecosystem:after{z-index:-1}
.brand-map>h2{left:7%}.vessial-node img{top:67px;width:76%}
.origin-landscape{position:absolute;z-index:8;left:35%;right:0;top:90px;bottom:0;overflow:hidden;pointer-events:none;opacity:clamp(0,min(calc((var(--p) - .15)*11),calc((.38 - var(--p))*11)),.9);transform:translate3d(calc((.22 - var(--p))*-150px),0,0) scale(1.035);transform-origin:center right;will-change:opacity,transform;mask-image:linear-gradient(90deg,transparent 0,#000 24%,#000 100%)}.origin-landscape:before{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(90deg,#020713 0,transparent 38%),linear-gradient(180deg,#02051042 0,transparent 24%,#0205108f 100%)}.origin-landscape:after{content:"";position:absolute;z-index:3;inset:0;background:linear-gradient(105deg,transparent 45%,#4ee8ff0d 62%,transparent 72%);mix-blend-mode:screen;animation:originSweep 7s ease-in-out infinite}.origin-landscape img{width:100%;height:100%;object-fit:cover;object-position:58% center;filter:saturate(1.08) contrast(1.05)}.origin-beacon{position:absolute;z-index:4;left:73%;top:28%;width:10px;height:10px;border:1px solid #dffcff;border-radius:50%;background:#fff;box-shadow:0 0 18px #fff,0 0 44px #42ddff,0 0 90px #315dff;animation:originBeacon 2.8s ease-in-out infinite}.origin-beacon:before,.origin-beacon:after{content:"";position:absolute;left:50%;top:50%;border:1px solid #7eeeff5e;border-radius:50%;transform:translate(-50%,-50%);animation:originRing 2.8s ease-out infinite}.origin-beacon:before{width:38px;height:38px}.origin-beacon:after{width:72px;height:72px;animation-delay:.8s}@keyframes originSweep{50%{transform:translateX(18%);opacity:.35}}@keyframes originBeacon{50%{transform:scale(1.3)}}@keyframes originRing{to{width:130px;height:130px;opacity:0}}
@media(max-width:900px){.brand-map:before{left:39%}.brand-map>h2{width:32%;font-size:clamp(38px,7vw,62px)}.brand-map>p{max-width:30%}.ecosystem{left:41%;right:1%;width:auto}.vessial-node{width:27vw}.map-core{width:132px}}
@media(max-width:900px){.brand-map>h2{left:6.5%}}
@media(max-width:900px){.origin-landscape{left:26%;opacity:clamp(0,min(calc((var(--p) - .15)*11),calc((.38 - var(--p))*11)),.76);mask-image:linear-gradient(90deg,transparent 0,#000 35%,#000 100%)}.origin-landscape:before{background:linear-gradient(90deg,#020713 0,#020713b8 28%,transparent 62%),linear-gradient(180deg,#02051055 0,transparent 22%,#020510b5 100%)}}
@media(max-width:560px){.brand-map:before{display:none}.brand-map>.scene-number{left:5%;top:14%}.brand-map>h2{left:5%;top:18%;width:90%;font-size:10.7vw}.ecosystem{left:3%;right:3%;top:38%;width:auto;height:53%;border-radius:24px}.vessial-node{left:3%;width:47vw;height:158px;transform:none}.map-core{left:58%;width:104px}.next-a{right:2%;top:2%}.next-b{right:6%;bottom:0}}
@media(max-width:560px){.brand-map>h2{left:7%;width:88%}.vessial-node img{top:55px;width:78%}}
@media(max-width:560px){.origin-landscape{left:0;top:78px;opacity:clamp(0,min(calc((var(--p) - .15)*11),calc((.38 - var(--p))*11)),.56);mask-image:none}.origin-landscape:before{background:linear-gradient(90deg,#020713e8 0,#020713a8 54%,transparent 100%),linear-gradient(180deg,#02051075 0,transparent 30%,#020510e8 100%)}.origin-landscape img{object-position:63% center}.origin-beacon{left:76%;top:31%}}
@media(max-width:900px){html,body{overscroll-behavior-y:auto}body{touch-action:pan-y}.scroll-track{height:720vh}.stage{height:100dvh;min-height:0}.header{backdrop-filter:none}.film{opacity:.28}.brands-panel,.brand-node{backdrop-filter:none}.scene,.origin-landscape{will-change:auto}}
@media(max-width:560px){.scroll-track{height:620vh}.stage:after{animation:none;opacity:.07}}