/* Reference motion V6. The first five stages own their precise scene layers. */
#pickup-stage,#ground-stage,#sea-air-stage{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}
#globe-stage{z-index:3}
.is-loading-closeup .header nav{visibility:hidden}
@media(min-aspect-ratio:2/1){.is-loading-closeup .journey-status,.is-loading-closeup .scroll-prompt{bottom:2%}}
#stage{background:#111}#transition-veil{background:#111}
.header,.has-light-header .header{background:none}
.hero-copy h1 span{color:#fff}.hero-copy p{color:#d4d4d4}
.global-note{right:var(--gutter);bottom:6%;color:#b2b2b2;font-size:11px}
.scene-pickup .chapter-copy{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.scene-road .chapter-copy{bottom:16%;width:46%;text-shadow:none}.scene-road .chapter-copy p{color:#d7d7d7}
.scene-air .chapter-copy{top:auto;bottom:17%;text-shadow:none;color:#173663}.scene-air .chapter-copy p{color:#173663}
.scene-sea .chapter-copy{bottom:17%;text-shadow:none}
.scene-road .chapter-copy h2,.scene-sea .chapter-copy h2,.scene-air .chapter-copy h2{font-size:clamp(38px,3.8vw,66px)}
.has-light-header .chapter-nav button{color:#173663}.has-light-header .chapter-nav button[aria-current=step]{color:#2656de}
body[data-chapter=air] .journey-status,body[data-chapter=air] .journey-position>span:first-of-type,body[data-chapter=air] .scroll-prompt{color:#173663}
body[data-chapter=air] .journey-track{background:#17366333}body[data-chapter=air] .journey-track span{background:#173663}
body[data-chapter=pickup] .journey-status,body[data-chapter=road] .journey-status,body[data-chapter=pickup] .scroll-prompt,body[data-chapter=road] .scroll-prompt{color:#fff}
.kv-pickup-scene .kv-speed{top:118px!important;left:var(--gutter)!important}
.video-stage,.video-scene{background:var(--navy)}.video-scene>img,.video-scene>video{object-fit:cover!important;object-position:50% 50%}
.video-scene::after{content:'';position:absolute;inset:0;pointer-events:none}
.video-scene-delivery::after{background:linear-gradient(90deg,rgba(232,238,240,.16),transparent 48%)}
.video-scene-delivery>img,.video-scene-delivery>video{object-position:51% 50%}
.scene-delivery .chapter-copy{left:var(--gutter);right:auto;top:16%;bottom:auto;width:34%;color:var(--brand);text-shadow:none}
.scene-delivery .chapter-copy p{color:var(--brand)}
.scene-delivery .text-link{border-bottom-color:#17366380}
body[data-chapter=delivery] .journey-status,body[data-chapter=delivery] .journey-position>span:first-of-type,body[data-chapter=delivery] .scroll-prompt{color:var(--brand)}
body[data-chapter=delivery] .journey-track{background:#17366333}body[data-chapter=delivery] .journey-track span{background:var(--brand)}
body[data-chapter=delivery] .fallback-image{background-image:url('../public/media-chain/unmanned-cardboard-v12.jpg')}
@media(min-width:601px) and (max-width:1100px) and (max-aspect-ratio:4/3){
.hero-copy{left:var(--gutter);top:13%;bottom:auto;width:86%}.hero-copy h1{font-size:clamp(44px,6.8vw,68px)}.hero-copy p{font-size:14px;line-height:1.8;margin-top:20px}
.chapter-copy{bottom:17%;width:74%}
.scene-delivery .chapter-copy{left:var(--gutter);right:auto;top:17%;bottom:auto;width:65%}.scene-delivery .chapter-copy h2{font-size:5.1vw}.scene-delivery .chapter-copy p{font-size:13px}
.video-scene-delivery>img,.video-scene-delivery>video{object-position:22% 50%}}
@media(max-width:600px){
.hero-copy{top:14%;bottom:auto;left:var(--gutter);width:86%}.hero-copy h1{font-size:9.7vw;line-height:1.2}.hero-copy p{font-size:12px;line-height:1.8;margin-top:16px}.hero-copy .explore{font-size:12px;margin-top:13px}
.global-note{left:var(--gutter);right:auto;bottom:11%;font-size:10px}.scene-road .chapter-copy{bottom:19%;width:82%}.scene-sea .chapter-copy,.scene-air .chapter-copy{bottom:18%;width:82%}
.scene-road .chapter-copy h2,.scene-sea .chapter-copy h2,.scene-air .chapter-copy h2{font-size:9.5vw}.kv-pickup-scene .kv-speed{top:91px!important}
.video-scene>img,.video-scene>video{inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important}
.video-scene-delivery{background:#c4d3d8!important}
.video-scene-delivery>img,.video-scene-delivery>video{top:32%!important;height:68%!important;object-position:20% 50%}
.scene-delivery .chapter-copy{left:var(--gutter);right:auto;top:12%;bottom:auto;width:86%}
.scene-delivery .chapter-copy h2{font-size:9vw}.scene-delivery .chapter-copy h2 br{display:none}.scene-delivery .delivery-actions{gap:10px;margin-top:15px}
.scene-delivery .chapter-copy p{margin-top:13px}
body[data-chapter=delivery] .journey-status,body[data-chapter=delivery] .journey-position>span:first-of-type{color:#fff;text-shadow:0 1px 5px #03143b}
}
@media(max-height:600px) and (min-width:601px){
.header{height:70px}.wordmark img{width:84px}.hero-copy{top:25%;bottom:auto}.hero-copy h1{font-size:8vh}.hero-copy p{font-size:12px;margin-top:14px;line-height:1.7}.explore{margin-top:14px;padding:8px 0;font-size:12px}
.chapter-copy{bottom:18%}.chapter-copy h2{font-size:7.5vh}.chapter-copy p{font-size:12px;line-height:1.7;margin-top:14px}
.scene-delivery .chapter-copy{top:22%;width:35%}.scene-delivery .chapter-copy h2{font-size:7vh}.delivery-actions{margin-top:16px;gap:12px}.chapter-nav{gap:0}.chapter-nav button{height:30px}.journey-status{bottom:5%}}
/* Chinese copy retains a readable physical size inside the reference scale. */
.kv-pickup-scene .kv-headline{line-height:1.12!important;letter-spacing:-.04em!important}
.kv-pickup-scene .kv-copy,.kv-pickup-scene .kv-service p{font-size:max(12px,calc(12.4 * var(--u)))!important}
.kv-pickup-scene .kv-service h3{font-size:max(20px,calc(26 * var(--u)))!important}
.kv-pickup-scene .kv-service h3 small{font-size:max(10px,calc(10 * var(--u)))!important}
body[data-chapter=pickup] .chapter-nav,body[data-chapter=road] .chapter-nav{mix-blend-mode:difference}
body[data-chapter=pickup] .chapter-nav button,body[data-chapter=road] .chapter-nav button{color:#fff!important}
.global-note{bottom:11%}
.has-sea-clouds .scene-sea .chapter-copy,.has-sea-clouds .scene-sea .chapter-copy p{color:#173663}
.has-sea-clouds .journey-status,.has-sea-clouds .journey-position>span:first-of-type{color:#173663}
@media(max-width:600px){.kv-pickup-scene .kv-pill{bottom:98px!important}}
@media(max-width:600px){.scene-air .chapter-copy{top:16%;bottom:auto}}