/* SKAY V10 — intentional narrative motion. All visual state belongs to the stage. */
.journey{background:#080b10;color:#eaf0f8;position:relative;isolation:isolate}.journey-intro{padding-bottom:90px!important}.journey .section-meta{color:#9faec3;border-color:#ffffff23}.journey-intro-grid{display:grid;grid-template-columns:1.5fr .55fr;align-items:end;gap:60px;margin-top:85px}.journey-intro h2{font-size:clamp(65px,9vw,156px);font-weight:650;letter-spacing:-.088em;line-height:.91;margin:20px 0 0}.journey-intro h2 em,.journey-end em{font-style:normal;background:linear-gradient(110deg,#fdfefe,#919cae 48%,#e5ebf5);background-clip:text;-webkit-background-clip:text;color:transparent}.journey-intro-grid>p{font-size:clamp(15px,1.22vw,20px);color:#aebbd0;line-height:1.7;max-width:360px}.journey-scroll{height:400svh;position:relative}.journey-sticky{position:sticky;top:0;height:100svh;min-height:580px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at 30% 55%,#253346 0%,#0e141d 48%,#080a0e 95%)}.journey-main{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(365px,.72fr);height:min(76svh,780px);min-height:510px;width:min(1560px,calc(100% - 8vw));margin:auto;overflow:hidden;border:1px solid #a6b8d040;border-radius:12px;box-shadow:0 35px 100px #0008}.journey-visual{position:relative;min-width:0;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 49% 50%,#3b5066 0%,#101823 58%,#090e16 100%);--jp:0;--jzoom:1;--jrot:0deg;--jtracking:0}.journey-grid-lines{position:absolute;inset:0;opacity:.35;background:linear-gradient(#a8b6cf13 1px,transparent 1px),linear-gradient(90deg,#a8b6cf13 1px,transparent 1px);background-size:52px 52px;mask-image:radial-gradient(ellipse,#000 0%,transparent 85%)}.journey-glow{position:absolute;width:70%;aspect-ratio:1;left:15%;top:12%;border-radius:50%;filter:blur(44px);background:radial-gradient(circle,#a8c4ea40,transparent 70%);transform:scale(calc(1 + var(--jp)*.45));opacity:.65;pointer-events:none}.journey-meter,.journey-stage-index{position:absolute;z-index:8;left:6%;right:6%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.16em;color:#bbc8da}.journey-meter{top:5%}.journey-stage-index{bottom:6%}.journey-disc{position:absolute;z-index:2;width:min(43%,330px);aspect-ratio:1;border-radius:50%;left:50%;top:43%;background:repeating-radial-gradient(circle,#0d121a 0 3px,#2a3544 4px 5px,#0f1721 6px 9px);border:2px solid #98acc988;box-shadow:0 0 0 24px #cbdcf00b,0 0 0 49px #cbdcf008,0 40px 65px #000b,inset -30px -20px 70px #000a;transform:translate(-50%,-50%) translateY(calc(var(--jp)*-17%)) scale(calc(.78 + var(--jp)*.47)) rotate(calc(var(--jp)*160deg));will-change:transform;transition:opacity .45s ease;opacity:calc(1 - var(--jtracking)*.75)}.journey-disc:after{content:"";position:absolute;inset:5%;border-radius:50%;background:conic-gradient(from 5deg,transparent 4%,#eef5ff25 15%,transparent 21%,transparent 52%,#e3eeff25 67%,transparent 76%)}.journey-disc-inner{position:absolute;inset:28%;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#4b5c72,#0b111b 75%);border:1px solid #d6e4f77a;overflow:hidden}.journey-disc-inner img{width:95%;max-height:95%;object-fit:contain}.journey-ring{position:absolute;z-index:1;top:43%;left:50%;width:52%;aspect-ratio:1;border:1px solid #9eafc864;border-radius:50%;transform:translate(-50%,-50%) scale(calc(1 + var(--jp)*.55)) rotate(calc(var(--jp)*-90deg));box-shadow:0 0 0 30px #a6c2e80a,0 0 0 60px #a6c2e806}.journey-ring:after{content:"✦";position:absolute;top:-16px;left:50%;font-size:28px;color:white;text-shadow:0 0 22px white}.journey-tracks{position:absolute;z-index:4;left:6%;right:6%;top:25%;display:grid;gap:12px;transform:translateY(calc((1 - var(--jtracking))*28px)) scale(calc(.92 + var(--jtracking)*.08));opacity:var(--jtracking);pointer-events:none}.track-row{display:grid;grid-template-columns:65px minmax(0,1fr) 26px;align-items:center;gap:11px;min-height:54px;border:1px solid #d5e7fa22;background:#0c1422d9;backdrop-filter:blur(9px);border-radius:5px;padding:8px 12px;color:#c8d4e4;font-size:9px;letter-spacing:.13em}.track-row>span{white-space:nowrap}.track-row b{font-weight:500;text-align:right}.track-bars{display:flex;gap:3px;align-items:center;height:35px;overflow:hidden}.track-bars i{flex:1 0 2px;height:var(--bar-height);border-radius:3px;background:linear-gradient(180deg,#f0f6ff,#849ab8 55%,#465972);opacity:.85;transform:scaleY(calc(.24 + var(--jtracking)*.76));transform-origin:center;transition:transform .4s ease}.track-row:nth-child(2) .track-bars i{background:linear-gradient(#b3d2f7,#4d6d95)}.track-row:nth-child(3) .track-bars i{background:linear-gradient(#eee7ff,#7b83a9)}.track-row:nth-child(4) .track-bars i{background:linear-gradient(#ffffff,#b3bbcd)}.journey-playhead{position:absolute;z-index:5;top:23%;bottom:20%;width:1px;left:calc(5% + var(--jp)*88%);background:linear-gradient(transparent,#e5f2ffbf,transparent);opacity:var(--jtracking);box-shadow:0 0 16px #d6e7ff}.journey-info{display:flex;min-height:0;flex-direction:column;justify-content:space-between;padding:clamp(25px,3.5vw,58px);background:linear-gradient(140deg,#0c1119,#141d2b);border-left:1px solid #a2b9dc33}.journey-info-top{display:flex;justify-content:space-between;gap:15px;font-size:10px;letter-spacing:.13em;color:#acbacd}.journey-copy{padding:20px 0;transition:opacity .28s ease,transform .28s ease}.journey-copy.is-changing{opacity:.15;transform:translateY(12px)}.journey-eyebrow{font-size:11px;letter-spacing:.13em;color:#a9bbd4}.journey-copy h3{margin:18px 0;font-size:clamp(52px,5vw,90px);line-height:.93;letter-spacing:-.078em;font-weight:630}.journey-copy p{max-width:390px;color:#adbbcd;font-size:clamp(14px,1.1vw,17px);line-height:1.65}.journey-cta{display:inline-flex;gap:25px;align-items:center;margin-top:15px;padding-bottom:9px;border-bottom:1px solid #bacbe0;color:#edf5ff;font-size:13px;text-decoration:none;transition:gap .3s}.journey-cta:hover{gap:36px}.journey-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.journey-step{min-width:0;appearance:none;background:#ffffff09;border:1px solid #ffffff1e;color:#8f9bad;padding:13px 5px;text-align:center;cursor:pointer;display:flex;flex-direction:column;gap:7px;align-items:center;transition:background .3s,border .3s,color .3s}.journey-step>span{font-size:10px;letter-spacing:.13em}.journey-step strong{font-size:10px;font-weight:550}.journey-step i{display:none}.journey-step.is-current,.journey-step:hover{background:#dbe4f5;color:#121a26;border-color:#f8fbff}.journey-progress{position:absolute;bottom:0;left:0;width:100%;height:3px;background:#ffffff16}.journey-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,#718baa,#ffffff);will-change:width}.journey-end{text-align:center;min-height:68svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:35px;background:radial-gradient(ellipse at 50% 50%,#253144,#080b10 65%)}.journey-end h2{font-size:clamp(52px,7.5vw,134px);line-height:1;letter-spacing:-.08em;margin:0}.journey-end .pill{display:inline-flex}.journey-end .micro{letter-spacing:.15em}
@media(max-width:950px){.journey-main{width:calc(100% - 32px);grid-template-columns:minmax(0,1fr) minmax(310px,.85fr)}.journey-info{padding:26px}.journey-intro-grid{grid-template-columns:1fr;gap:20px}.journey-intro-grid>p{max-width:600px}}
@media(max-width:700px){.journey-intro{padding-bottom:45px!important}.journey-intro-grid{margin-top:50px}.journey-intro h2{font-size:clamp(55px,13vw,90px)}.journey-scroll{height:360svh}.journey-sticky{min-height:0;height:100svh;padding:76px 0 90px}.journey-main{flex:1;min-height:0;grid-template-columns:1fr;grid-template-rows:46% 54%;width:calc(100% - 22px)}.journey-visual{min-height:0}.journey-disc{width:26%;top:47%}.journey-ring{width:35%;top:47%}.journey-tracks{top:23%;gap:4px}.track-row{min-height:32px;padding:2px 7px;font-size:8px;grid-template-columns:46px 1fr 12px}.track-bars{height:23px}.journey-info{padding:15px 18px;border-left:0;border-top:1px solid #ffffff33}.journey-info-top{font-size:8px}.journey-copy{padding:6px 0}.journey-copy h3{font-size:clamp(35px,8vw,56px);margin:9px 0}.journey-copy p{font-size:12px;line-height:1.4;margin:4px 0}.journey-cta{font-size:11px;margin-top:5px}.journey-step{padding:8px 3px;gap:4px}.journey-step strong{font-size:8px}.journey-step>span{font-size:8px}.journey-end{padding-block:85px!important;min-height:54svh}.journey-end h2{font-size:clamp(44px,10vw,75px)}}
@media(prefers-reduced-motion:reduce){.journey-disc,.journey-ring,.journey-playhead,.journey-copy,.journey-step{transition:none!important}}