/* One service journey, progressively enhanced from three readable chapters. */
#service-journey{--journey-header:80px;position:relative;background:#fff}
#service-journey .journey-sticky{background:#fff}
#service-journey .journey-nav{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:18px 14px}
#service-journey .journey-tabs{display:flex;gap:30px;border-bottom:1px solid #dce6ed}
#service-journey .journey-tabs button{appearance:none;border:0;border-bottom:2px solid transparent;background:none;padding:12px 0 16px;display:flex;align-items:center;gap:12px;color:#7a8f9e;cursor:pointer;transition:color .25s,border-color .25s;font:inherit}
#service-journey .journey-tabs button>span{font-size:11px;letter-spacing:.06em}
#service-journey .journey-tabs strong{font-size:16px;font-weight:550}
#service-journey .journey-tabs button[aria-selected=true]{color:#075cba;border-bottom-color:#075cba}
#service-journey .journey-tabs button:hover{color:#075cba}
#service-journey .journey-tabs button:focus-visible{outline:2px solid #075cba;outline-offset:4px;border-radius:3px}
#service-journey .journey-hint{font-size:11px;color:#7c91a0;letter-spacing:.04em}
#service-journey .journey-deck{position:relative}
#service-journey .service-stage{display:none!important;background:#fff!important;padding:26px 0 42px!important}
#service-journey .service-stage.journey-active{display:block!important}
#service-journey #warehouse .warehouse-visual-curve{color:#fff}
#service-journey #warehouse .warehouse-visual figcaption{background:#fff}
/* The incoming panel blends over a fully painted outgoing panel. */
#service-journey .journey-deck{isolation:isolate;overflow:clip}
#service-journey .service-stage-copy,#service-journey .service-stage-image{animation:none!important}
#service-journey .service-stage.journey-active{position:relative;z-index:2}
#service-journey .service-stage.journey-leaving{display:block!important;position:absolute;inset:0;width:100%;z-index:1;pointer-events:none}
#service-journey.journey-pinned{height:calc(300svh - var(--journey-header)*3)}
#service-journey.journey-pinned .journey-sticky{position:sticky;top:var(--journey-header);height:calc(100svh - var(--journey-header));display:flex;flex-direction:column}
#service-journey.journey-pinned .journey-nav{flex:none}
#service-journey.journey-pinned .journey-deck{flex:1;min-height:0}
#service-journey.journey-pinned .service-stage{height:100%;padding:12px 0 24px!important}
#service-journey.journey-pinned .service-stage-layout{height:100%;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:6%;align-items:center}
#service-journey.journey-pinned .service-stage-copy{padding:0}
#service-journey.journey-pinned .service-stage-top{margin-bottom:14px!important}
#service-journey.journey-pinned .service-stage-heading h2{font-size:clamp(24px,2.2vw,34px)!important;line-height:1.4!important;white-space:normal!important;text-wrap:balance}
#service-journey.journey-pinned .service-stage-heading .section-lead{font-size:14px!important;line-height:1.8!important;margin:14px 0 18px!important}
#service-journey.journey-pinned .chapter-copy h3{font-size:14px!important;margin-bottom:16px!important}
#service-journey.journey-pinned :is(.customs-steps,.warehouse-steps){gap:16px 26px;margin-bottom:14px!important}
#service-journey.journey-pinned :is(.customs-steps,.warehouse-steps) li{padding-bottom:12px}
#service-journey.journey-pinned :is(.customs-step-icon,.warehouse-step-icon){width:38px;height:38px}
#service-journey.journey-pinned :is(.customs-step-symbol,.warehouse-step-symbol){margin-bottom:8px}
#service-journey.journey-pinned :is(.customs-steps,.warehouse-steps) strong{font-size:15px}
#service-journey.journey-pinned :is(.customs-steps,.warehouse-steps) p{font-size:12px;line-height:1.75;margin-top:5px}
#service-journey.journey-pinned .tag-list{margin:4px 0 12px!important}
#service-journey.journey-pinned .service-stage-copy>.note{margin-top:10px;font-size:10px}
#service-journey.journey-pinned .service-stage-image{position:relative;top:auto;height:100%;min-height:0;max-height:650px;align-self:stretch}
#service-journey.journey-pinned :is(.customs-visual-photo,.warehouse-visual-photo)>img{position:absolute;inset:0}
#service-journey.journey-pinned .service-stage-image figcaption{min-height:68px;padding-block:10px;font-size:10px}
#service-journey.journey-pinned .service-stage-image figcaption strong{font-size:17px}
#service-journey.journey-pinned .delivery-options{margin-bottom:18px}
#service-journey.journey-pinned .delivery-options>li{padding:14px 0}
#service-journey.journey-pinned .delivery-option-copy strong{font-size:15px}
#service-journey.journey-pinned .delivery-option-copy p{font-size:12px;line-height:1.75}
#service-journey.journey-pinned .delivery-option-icon{width:42px;height:42px}
@media(max-width:1099px),(max-height:699px){
 #service-journey .journey-nav{position:sticky;top:var(--journey-header);background:#fff;z-index:4;padding-block:10px 0}
 #service-journey .journey-hint{display:none}
 #service-journey .journey-tabs{width:100%;gap:0;justify-content:space-between}
 #service-journey .journey-tabs button{gap:8px}
 #service-journey .journey-tabs strong{font-size:14px}
 #service-journey .service-stage-top{display:none}
}
@media(max-width:760px){
 #service-journey .journey-tabs button{gap:6px;padding:14px 0}
 #service-journey .journey-tabs strong{font-size:13px}
 #service-journey .journey-tabs button>span{font-size:9px}
 #service-journey .service-stage-image{order:0!important}
 html[lang=en] #service-journey .journey-tabs button{align-items:flex-start;flex-direction:column;max-width:32%;gap:4px}
 html[lang=en] #service-journey .journey-tabs strong{font-size:11px}
}
@media(prefers-reduced-motion:reduce){#service-journey *{animation:none!important;transition:none!important}}

#service-journey.journey-pinned .chapter-copy>.text-link{margin-top:6px;min-height:26px;padding-block:0}
#service-journey.journey-measuring .service-stage{display:block!important;position:absolute;inset:0;visibility:hidden}
#service-journey.journey-measuring .service-stage-copy{animation:none!important}
#service-journey:not(.journey-pinned) .journey-nav{position:sticky;top:var(--journey-header);background:#fff;z-index:4}
#service-journey:not(.journey-pinned) .journey-hint{display:none}

/* Connected service steps: compact enough to preserve the single-screen journey. */
#service-journey .journey-nav{padding-block:12px;gap:26px}
#service-journey .journey-tabs{border:0;gap:26px;flex:0 1 790px;width:auto;min-width:0}
#service-journey .journey-tabs button{position:relative;flex:1;min-width:0;min-height:58px;gap:12px;padding:8px 15px;border:1px solid transparent;border-radius:12px;background:#f7f9fb;text-align:left;transition:background .25s,border-color .25s,color .25s}
#service-journey .journey-tabs button+button::before{content:"";position:absolute;left:-23px;top:50%;width:17px;height:1px;background:#cfdae3;pointer-events:none}
#service-journey .journey-tabs button+button::after{content:"";position:absolute;left:-10px;top:calc(50% - 2px);width:5px;height:5px;border-top:1px solid #afc2d1;border-right:1px solid #afc2d1;transform:rotate(45deg);pointer-events:none}
#service-journey .journey-tabs button[aria-selected=true]{border-color:#c5dcf0;background:#edf5fc;color:#075cba}
#service-journey .journey-tabs button:hover{background:#eff5fa}
#service-journey .journey-tabs button:focus-visible{outline:2px solid #075cba;outline-offset:3px;border-radius:12px}
#service-journey .journey-tab-icon{display:grid;place-items:center;flex:none;width:36px;height:36px;color:#7c96aa;transition:color .25s,transform .25s}
#service-journey .journey-tab-icon svg{display:block;width:34px;height:34px}
#service-journey .journey-tabs button[aria-selected=true] .journey-tab-icon{color:#075cba}
#service-journey .journey-tabs button:hover .journey-tab-icon{transform:translateY(-2px)}
#service-journey .journey-tab-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
#service-journey .journey-tab-number{font-size:9px;line-height:1;letter-spacing:.12em;color:#8ca2b2}
#service-journey .journey-tabs strong{font-size:15px;line-height:1.4;font-weight:550;white-space:nowrap}
#service-journey .journey-tab-dot{margin-left:auto;width:5px;height:5px;border-radius:50%;background:currentColor;opacity:0;flex:none;transition:opacity .25s}
#service-journey .journey-tabs button[aria-selected=true] .journey-tab-dot{opacity:1}
#service-journey .journey-tabs button[aria-selected=true] .journey-tab-number{color:#075cba}
@media(max-width:1099px){
 #service-journey .journey-tabs{flex:1;width:100%}
}
@media(max-width:760px){
 #service-journey .journey-nav{padding-block:8px}
 #service-journey .journey-tabs{gap:14px}
 #service-journey .journey-tabs button{flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:7px 4px;min-height:70px;border-radius:10px}
 #service-journey .journey-tabs button+button::before{left:-12px;width:8px}
 #service-journey .journey-tabs button+button::after{left:-8px;width:4px;height:4px}
 #service-journey .journey-tab-icon{width:26px;height:26px}
 #service-journey .journey-tab-icon svg{width:26px;height:26px}
 #service-journey .journey-tab-copy{flex-direction:row;align-items:center;gap:4px}
 #service-journey .journey-tabs strong{font-size:11px;line-height:1.4}
 #service-journey .journey-tab-number{font-size:8px;letter-spacing:0}
 #service-journey .journey-tab-dot{display:none}
 html[lang=en] #service-journey .journey-tabs button{align-items:center;max-width:none;gap:4px}
 html[lang=en] #service-journey .journey-tab-copy{flex-direction:column;gap:2px;text-align:center}
 html[lang=en] #service-journey .journey-tabs strong{font-size:10px;white-space:normal}
}