/* One continuous, scroll-scrubbed freight sequence. Hero styles are unchanged. */
.voyage{position:relative;height:1800svh;background:#fdfdfd;isolation:isolate}
.voyage-sticky{height:100svh;min-height:540px;position:sticky;top:0;overflow:clip;background:#fdfdfd;color:#101114}
.voyage-services-anchor{position:absolute;top:28%;scroll-margin-top:0}
.voyage-land,.voyage-sea,.voyage-sky,.voyage-finish{position:absolute;inset:0;pointer-events:none}
.voyage-land{background:#fdfdfd;overflow:clip}
#freightCanvas{position:absolute;inset:0;width:100%;height:100%;z-index:7;pointer-events:none}
.voyage-big-word{position:absolute;top:10%;left:6%;font-size:17vw;font-weight:750;letter-spacing:-.07em;white-space:nowrap;color:#e8e9eb;line-height:1;opacity:0}
.voyage-road{position:absolute;inset:0;background:#111;opacity:0}
.voyage-road i{position:absolute;top:30%;height:3px;left:-100%;width:300%;background:repeating-linear-gradient(90deg,#ffffff70 0 60px,transparent 60px 140px)}
.voyage-road i+ i{top:70%}
.voyage-services{position:absolute;top:41%;height:59%;width:100%;color:white;background:#101114;z-index:4;transform-origin:top;overflow:clip;opacity:0}
.voyage-service-track{height:100%;width:max-content;display:flex;gap:6vw;padding:4.5vh 6vw 12vh;align-items:flex-start;will-change:transform}
.voyage-service-heading{width:51vw;flex:none;padding-right:5vw}
.voyage-service-heading h2{font-size:clamp(2.6rem,5vw,5.5rem);margin-bottom:3vh}
.voyage-service-heading>p:last-child{color:#b2b5bd;max-width:40ch;font-size:clamp(.9rem,1.2vw,1.1rem)}
.voyage-services .service-card{flex:none;width:30vw;min-height:0;padding:0 3vw 0 0;border:0;border-right:1px solid #ffffff28;background:transparent}
.voyage-services .service-icon{display:none}.voyage-services .service-card h3{margin-top:2.5vh;font-size:clamp(1.35rem,2.4vw,2.6rem);color:white}
.voyage-services .service-card p{font-size:clamp(.8rem,1.1vw,1rem);line-height:1.55;max-width:30ch;color:#aaaeb6;margin-top:2vh}
.voyage-services .service-card a{display:inline-block;color:white;font-size:.8rem;margin-top:2.5vh;border-bottom:1px solid #888;padding-bottom:6px}
.voyage-sea{z-index:5;background:#183851 url('assets/voyage/ocean.jpg') center/cover;opacity:0;overflow:clip}
#voyageOcean{position:absolute;inset:0;pointer-events:none}#voyageOcean canvas{width:100%;height:100%;display:block}
.voyage-ship{position:absolute;left:50%;top:50%;width:51vw;transform:translate(-50%,-50%);transform-origin:50% 50%;filter:drop-shadow(-8px 8px 9px #09152399);will-change:transform}
.voyage-ship .ship-deck{width:100%;height:auto}.voyage-ship .ship-stern{position:absolute;bottom:calc(100% - 1px);left:0;width:100%;height:auto}
.voyage-benefits{position:absolute;inset:0;z-index:6;text-align:center;color:white;opacity:0;padding:15vh 5vw 12vh;pointer-events:none}
.voyage-benefits>h2{font-size:clamp(2rem,4.2vw,4.5rem);max-width:800px;margin:0 auto;text-shadow:0 2px 20px #062134}
.voyage-benefits>.kicker{color:#c6d3df;margin-bottom:15px}
.voyage-benefit-grid{position:absolute;inset:42% 6% 14%;display:grid;grid-template-columns:1fr 1fr;column-gap:38%;row-gap:2.5vh;text-align:left}
.voyage-benefits .why-card{padding:0;border:0;max-width:330px;background:transparent}.voyage-benefits .why-card h3{font-size:clamp(1.2rem,2.1vw,2rem);margin:10px 0}.voyage-benefits .why-card p{font-size:clamp(.75rem,1.1vw,1rem);color:#cad5df;line-height:1.55}.voyage-benefits .why-card .mono{color:var(--brand-blue)}.voyage-benefits .why-card:last-child{grid-column:1/-1;justify-self:center;text-align:center}
.voyage-sky{z-index:7;opacity:0}.voyage-sky-white{position:absolute;inset:0;background:#fff;opacity:0}
.voyage-cloud{position:absolute;width:130%;max-width:none;will-change:transform;filter:drop-shadow(0 20px 30px #1234)}.cloud-left{left:-60%;top:-15%}.cloud-right{right:-60%;top:-10%}.cloud-bottom{left:-15%;bottom:-45%;width:140%}
.voyage-plane{position:absolute;top:50%;left:50%;width:85vw;max-width:none;filter:drop-shadow(0 40px 35px #19243355);transform:translate(-50%,100%);will-change:transform}
.voyage-finish{z-index:8;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:24px;padding:15vh 8vw;text-align:center;opacity:0}
.voyage-finish h2{max-width:950px}.voyage-finish .button{pointer-events:auto}
.voyage-toolbar{position:absolute;z-index:10;top:104px;left:4.5vw;right:4.5vw;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:.68rem;transition:color .2s}
.voyage-toolbar>div{display:flex;gap:20px;align-items:center}.voyage-toolbar button{border:1px solid currentColor;border-radius:30px;background:transparent;padding:9px 14px;font-size:inherit}.voyage-toolbar a{padding:10px 0}.voyage-sticky.is-dark .voyage-toolbar,.voyage-sticky.is-dark .voyage-navigation{color:white}
.voyage-navigation{position:absolute;z-index:10;bottom:0;left:0;right:0;color:#444;padding:0 4.5vw 16px;background:linear-gradient(transparent,#fdfdfdf0)}
.voyage-sticky.is-dark .voyage-navigation{background:linear-gradient(transparent,#07121dc9)}
.voyage-progress{height:1px;background:#9096a340;margin-bottom:12px}.voyage-progress i{height:2px;display:block;width:0;background:var(--brand-blue)}
.voyage-stops{display:flex;justify-content:space-between;gap:8px}.voyage-stops button{border:0;background:none;display:flex;align-items:center;gap:10px;padding:6px 0;font:10px 'Courier New',monospace;color:inherit;opacity:.5;text-align:left}.voyage-stops button[aria-pressed=true]{opacity:1}.voyage-stops b{font-size:12px;font-weight:400}.voyage-stops span{max-width:14ch}
.voyage-static{display:none}.motion-paused .voyage-cloud{animation:none}
@media(max-width:767px){.voyage{height:1600svh}.voyage-sticky{min-height:500px}.voyage-toolbar{top:92px;font-size:9px;left:20px;right:20px}.voyage-toolbar>span{max-width:42%}.voyage-toolbar>div{gap:12px}.voyage-toolbar button{padding:9px}.voyage-navigation{padding-inline:20px;padding-bottom:16px}.voyage-stops span{display:none}.voyage-stops button{padding:10px 8px}.voyage-big-word{top:23%;font-size:24vw}.voyage-services{top:46%;height:54%}.voyage-service-track{padding:4vh 6vw 12vh;gap:8vw}.voyage-service-heading{width:82vw;padding-right:7vw}.voyage-service-heading h2{font-size:2.3rem}.voyage-service-heading>.kicker{font-size:.62rem;margin-bottom:15px}.voyage-service-heading>p:last-child{font-size:.8rem;line-height:1.4}.voyage-services .service-card{width:80vw;padding-right:10vw}.voyage-services .service-card h3{font-size:1.8rem;margin-top:2vh}.voyage-services .service-card p{font-size:.85rem}.voyage-services .service-card a{margin-top:2vh}.voyage-services .service-card .mono{font-size:.75rem}.voyage-benefits{padding:20vh 6vw 10vh}.voyage-benefits>h2{font-size:2rem}.voyage-benefits>.kicker{font-size:.65rem}.voyage-benefit-grid{inset:42% 6% 12%;column-gap:25%;row-gap:24px}.voyage-benefits .why-card h3{font-size:1.12rem;letter-spacing:-.035em}.voyage-benefits .why-card p{font-size:.67rem}.voyage-benefits .why-card .mono{font-size:.65rem}.voyage-benefits .why-card:last-child{max-width:230px}.voyage-ship{width:80vw}.voyage-plane{width:170vw}.voyage-cloud{width:240%}.cloud-left{left:-120%}.cloud-right{right:-120%}.cloud-bottom{width:240%;left:-70%;bottom:-10%}.voyage-finish h2{font-size:2.8rem}}

@media(max-height:620px) and (min-width:768px){.voyage-toolbar{top:86px}.voyage-service-track{padding-top:3vh}.voyage-service-heading h2{font-size:2.5rem}.voyage-service-heading>p:last-child{font-size:.8rem}.voyage-services .service-card h3{font-size:1.6rem}.voyage-services .service-card p{font-size:.72rem}.voyage-services .service-card a{margin-top:1vh}}
/* Keep water moving on devices without a WebGL context. */
#voyageOcean:not([data-ready=true])::before{content:"";position:absolute;inset:-12%;background:url('assets/voyage/ocean.jpg') 50% 45%/cover;opacity:.6;animation:water-drift 12s ease-in-out infinite alternate}
@keyframes water-drift{from{transform:translate(-1%,-3%) scale(1.04)}to{transform:translate(1%,3%) scale(1.1)}}
.motion-paused #voyageOcean::before{animation-play-state:paused}
.voyage-sticky:not(.is-dark) .voyage-toolbar{color:#101114}


.voyage-sticky.is-dark:not(.has-dark-top) .voyage-toolbar{color:#101114}

/* Match the recording's unobstructed, edge-to-edge sequence. */
.site-header.in-voyage{transform:translateY(-115%);pointer-events:none}
.voyage-controls{margin-top:32px;border-top:1px solid #d9dde2;padding-top:20px}
.voyage-controls .voyage-toolbar{position:static;color:#101114;font-size:13px;gap:20px}
.voyage-controls .voyage-navigation{position:static;padding:20px 0 0;background:none;color:#101114}
.voyage-controls .voyage-stops button{font-size:12px;padding:10px 0}
.voyage-controls .voyage-stops b{font-size:12px}
.voyage-controls .voyage-progress{display:none}
.voyage-benefits{padding-top:10vh}
.voyage-benefit-grid{inset:38% 6% 12%}
@media(max-width:767px){.voyage-controls .voyage-toolbar{font-size:12px;align-items:flex-start}.voyage-controls .voyage-toolbar>span{display:none}.voyage-controls .voyage-toolbar>div{width:100%;justify-content:space-between}.voyage-controls .voyage-stops button{padding:12px 8px}.voyage-benefits{padding-top:14vh}.voyage-benefit-grid{inset:39% 6% 10%}}



/* The scroll narrative starts directly below the cover, with no player UI. */
.hero-journey-link{display:inline-flex;align-items:center;gap:18px;font:14px 'Courier New',monospace;color:#fff;padding:14px 0;border-bottom:1px solid #ffffff50;flex-basis:auto}.hero-actions{flex-wrap:wrap}.hero-journey-link:hover{color:var(--brand-blue)}
.voyage{height:2000svh;background:white}.voyage-sticky{min-height:0;isolation:isolate}
.voyage-scroll-hint{position:absolute;top:34px;left:5vw;z-index:12;color:#333;font-size:13px;pointer-events:none}
.voyage-land{z-index:6;will-change:clip-path}.voyage-sea{z-index:5;opacity:0}.voyage-services{z-index:8;top:36%;height:64%;transform-origin:50% 0}
.voyage-service-track{gap:5vw;padding:6vh 5vw 7vh}.voyage-service-heading{width:49vw}.voyage-service-heading h2{font-size:clamp(2.6rem,4.8vw,5.5rem);line-height:.99;letter-spacing:-.055em}.voyage-service-heading>p:last-child{font-size:16px;line-height:1.5}.voyage-services .service-card{width:32vw}.voyage-services .service-icon{display:block;color:#9b9d9f;font-size:38px;margin:10px 0 28px}.voyage-services .service-card h3{font-size:clamp(1.8rem,2.8vw,3rem);line-height:1.04}.voyage-services .service-card p{font-size:16px;line-height:1.5}.voyage-services .service-card a{font-size:14px;margin-top:22px}
.voyage-big-word{top:8%;left:0;font-size:21vw}.voyage-road{background:#111}.voyage-road canvas{position:absolute;inset:0;width:100%;height:100%}.voyage-ship{width:34vw}.voyage-benefits{z-index:9;padding-top:7vh;will-change:transform}.voyage-benefit-grid{inset:30% 8% 7%;column-gap:38%;row-gap:4vh}.voyage-benefits>h2{font-size:clamp(2.5rem,4.1vw,4.7rem);max-width:720px;line-height:1}.voyage-benefits .why-card p{font-size:16px}.voyage-benefits .why-card h3{font-size:clamp(1.3rem,2.3vw,2.4rem)}
.voyage-sky{z-index:10}.voyage-plane{top:0;width:94vw;z-index:5;filter:drop-shadow(-32px 46px 18px #19243355)}.voyage-sky-white{z-index:0}.voyage-cloud{z-index:3}
.voyage-finish{background:white;z-index:11;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.72fr);align-content:center;align-items:center;text-align:left;gap:18px clamp(38px,6vw,90px);padding:clamp(72px,10vh,120px) max(6vw,24px);pointer-events:none}.voyage-finish>div{grid-row:1/3}.voyage-finish .kicker{margin-bottom:14px}.voyage-finish h2{font-size:clamp(2.35rem,3.65vw,4rem);line-height:1.01;max-width:760px}.voyage-finish>p{font-size:16px;max-width:38ch;line-height:1.5}.voyage-finish>a{justify-self:start;padding:14px 21px}.voyage-sky:has(.voyage-plane){z-index:12}.voyage-finish{z-index:11}.voyage-sky-white{display:none}
.voyage-finish{inset:25% max(5vw,calc((100vw - 1280px)/2));border:1px solid #e4e8ed;border-radius:28px;box-shadow:0 26px 70px #16243a1a;padding:clamp(34px,4.5vh,52px) clamp(32px,5vw,72px)}
#voyageOcean:not([data-ready=true])::before{animation-duration:5s;opacity:.85;inset:-20%;background-size:cover}
@media(max-width:767px){.voyage{height:1800svh}.voyage-services{top:41%;height:59%}.voyage-service-track{padding:4vh 6vw 6vh;gap:10vw}.voyage-service-heading{width:88vw}.voyage-service-heading h2{font-size:2.45rem}.voyage-service-heading>p:last-child{font-size:15px}.voyage-services .service-card{width:85vw}.voyage-services .service-card h3{font-size:2rem}.voyage-services .service-card p{font-size:15px}.voyage-services .service-icon{margin:0 0 14px;font-size:25px}.voyage-ship{width:66vw}.voyage-plane{width:180vw}.voyage-cloud{width:240%}.cloud-left{left:-120%}.cloud-right{right:-120%}.cloud-bottom{width:240%;left:-70%;bottom:-10%}.voyage-benefits>h2{font-size:2.3rem}.voyage-benefit-grid{inset:32% 6% 8%;column-gap:20%;row-gap:28px}.voyage-benefits .why-card h3{font-size:1.2rem}.voyage-benefits .why-card p{font-size:13px}.voyage-finish{inset:15% 18px;grid-template-columns:1fr;align-content:center;padding:34px 24px;gap:14px;border-radius:20px}.voyage-finish>div{grid-row:auto}.voyage-finish h2{font-size:2.15rem}.voyage-finish>p{font-size:15px}.hero-journey-link{font-size:13px}.voyage-scroll-hint{font-size:12px}}


.voyage-optin{display:none}.motion-paused .voyage{height:auto}.motion-paused .voyage-sticky{display:none}.motion-paused .voyage-static{display:block}.motion-paused .voyage-services-anchor{position:static}.motion-paused .voyage-optin{display:flex;min-height:320px;padding:32px 6vw;align-items:center;justify-content:center;gap:24px;flex-direction:column}.voyage-optin img{width:min(650px,100%);height:220px;object-fit:contain}.motion-paused .site-header.in-voyage{transform:none;pointer-events:auto}
#journeyStatus{position:absolute;top:70px;left:5vw;z-index:20;display:flex;gap:16px;align-items:center;padding:12px 18px;background:#fff;color:#242832;border:1px solid #d9dde2;border-radius:4px;font-size:14px}#retryJourney{border:0;border-bottom:1px solid currentColor;background:none;padding:5px;cursor:pointer}
html .hero-bottom #motionToggle{display:inline-flex;gap:8px;align-items:center}
html.motion-enabled .voyage{height:2271.89vh;height:2271.89svh}html.motion-enabled .voyage-sticky{display:block;height:100vh;height:100svh}html.motion-enabled .voyage-static{display:none}
@media(max-width:767px){html.motion-enabled .voyage{height:2043.27vh;height:2043.27svh}}

/* Keep compact navigation reliable on phones; the cinematic sequence remains on larger screens. */
@media(max-width:767px){
  html.motion-enabled .voyage{height:auto!important}
  html.motion-enabled .voyage-sticky{display:none!important}
  html.motion-enabled .voyage-static{display:block!important}
  .voyage-services-anchor{position:static!important}
  .voyage-optin{display:none!important}
  .site-header.in-voyage{transform:none!important;pointer-events:auto!important}
}

/* A tighter, card-based horizontal service sequence on cinematic desktop views. */
@media(min-width:768px){
  .voyage-services{top:46%;height:54%;background:#101114}
  .voyage-service-track{gap:2.2vw;padding:3.2vh 5vw 4vh;align-items:center}
  .voyage-service-heading{width:38vw;min-width:440px;padding-right:2vw}
  .voyage-service-heading>.kicker{margin-bottom:14px;font-size:.72rem;color:#bfc5ce}
  .voyage-service-heading h2{font-size:clamp(2.35rem,3.4vw,3.85rem);line-height:1;margin-bottom:20px}
  .voyage-service-heading>p:last-child{font-size:.93rem;line-height:1.5;max-width:39ch}
  .voyage-services .service-card{width:25vw;min-width:330px;max-width:410px;min-height:250px;padding:24px;border:1px solid #ffffff1d;border-radius:14px;background:#15191f;box-shadow:0 18px 45px #0003}
  .voyage-services .service-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;margin:0 0 18px;border:1px solid #ffffff28;border-radius:50%;font-size:20px;color:#c4cad2}
  .voyage-services .service-card h3{font-size:clamp(1.45rem,1.85vw,2rem);line-height:1.08;margin:0 0 14px}
  .voyage-services .service-card p{font-size:.88rem;line-height:1.48;margin:0;color:#aeb5bf}
  .voyage-services .service-card a{font-size:.76rem;margin-top:20px;padding-top:14px;border-top:1px solid #ffffff25;width:100%}
}