@font-face{font-family:PGLJourney;src:url("manrope.ttf") format("truetype");font-display:swap}
#pgl-motion{--pgl-journey-paper:#f2f3ef;--pgl-journey-ink:#202925;--pgl-journey-muted:#59615e;--pgl-journey-orange:#f36622;--pgl-journey-line:#cdd2cc;--pgl-journey-asphalt:#59615e;position:relative;height:calc(1500svh - var(--pgl-header-height,78px));min-height:7600px}
#pgl-motion>.studio-hero{position:sticky;top:var(--pgl-header-height,78px);height:min(820px,calc(100dvh - var(--pgl-header-height,78px)));min-height:0;max-height:none;overflow:hidden;isolation:isolate;background:var(--pgl-journey-paper);color:var(--pgl-journey-ink)}
#pgl-motion .studio-scene{position:absolute;inset:0;z-index:0;transform:none!important;will-change:auto;background:var(--pgl-journey-paper);background-image:none!important;background-size:auto;background-position:center;background-repeat:no-repeat}
 #pgl-motion .studio-frame-canvas{display:block;position:absolute;inset:0;width:100%;height:100%;z-index:1;filter:none;image-rendering:auto}
 #pgl-motion .road-scene{display:none;position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
 #pgl-motion .road-transition-ground{pointer-events:none}
 #pgl-motion .road-vehicle-overlay{display:none;position:absolute;inset:0;width:100%;height:100%;z-index:4;pointer-events:none;overflow:visible}
#pgl-motion.is-road-transitioning .road-scene{display:block;opacity:1}
#pgl-motion.is-road-transitioning #road-world{opacity:var(--pgl-road-bridge-opacity,0)}
#pgl-motion.is-road-transitioning .road-transition-ground{opacity:var(--pgl-road-ground-opacity,0)}
#pgl-motion.is-road-transitioning .road-scene{z-index:2}
#pgl-motion.is-road-transitioning .studio-frame-canvas[data-layout="mobile"]~.road-scene{display:none}
#pgl-motion.is-road-transitioning #route-details,#pgl-motion.is-road-transitioning #destination-terminal{visibility:hidden}
#pgl-motion.is-road-transitioning .road-vehicle-overlay{display:block}
#pgl-motion.is-road-active .road-vehicle-overlay{display:block}
#pgl-motion.is-road-transitioning #top-truck{opacity:var(--pgl-road-vehicle-opacity,0)}
#pgl-motion.is-road-transitioning #road-world{opacity:var(--pgl-road-bridge-opacity,0)}
#pgl-motion.is-road-transitioning .road-transition-ground{opacity:var(--pgl-road-ground-opacity,0)}
#pgl-motion.is-road-transitioning .studio-frame-canvas{display:block;transition:none}
#pgl-motion.is-road-active .studio-frame-canvas{opacity:0;transition:none;visibility:visible}
#pgl-motion.is-road-active .road-scene{display:block;opacity:1}
#pgl-motion.is-road-active .road-scene{z-index:2}
#pgl-motion.is-road-active #road-world{opacity:1}
#pgl-motion.is-road-active .road-transition-ground{opacity:var(--pgl-road-ground-opacity,1)}
#pgl-motion .hero-shade{z-index:1;opacity:1;background:linear-gradient(90deg,#f1f4f1e8 0%,#f1f4f1c8 25%,#f1f4f180 42%,transparent 66%)}
#pgl-motion .hero-inner,#pgl-motion .hero-bottom{z-index:2;transition:opacity .18s linear,transform .3s ease-out}
#pgl-motion .scene-caption{position:absolute;z-index:2;margin:0;display:flex;align-items:center;gap:10px;color:#26332e;font:700 13px/1.35 PGLJourney,Arial,sans-serif;letter-spacing:.01em;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}
#pgl-motion .scene-caption:before{content:"";width:3px;height:18px;flex:none;background:var(--pgl-journey-orange)}
#pgl-motion>.studio-hero[data-intro-hidden="true"][data-motion-segment="loading"] .scene-caption-loading{top:26px;left:5.5vw;opacity:1;visibility:visible}
#pgl-motion.is-road-transitioning .scene-caption-road{top:32px;right:calc(5.5vw + 56px);opacity:var(--pgl-road-bridge-reveal,0);visibility:visible}
#pgl-motion.is-road-active .scene-caption-road{top:32px;right:calc(5.5vw + 56px);opacity:var(--pgl-road-copy-reveal,0);visibility:visible}
#pgl-motion .hero-inner{opacity:1;transform:translateY(0)}
#pgl-motion>.studio-hero[data-intro-hidden="true"] .hero-inner{opacity:0;transform:translateY(-16px);pointer-events:none}
#pgl-motion>.studio-hero[data-intro-hidden="true"] .hero-bottom{opacity:0;pointer-events:none}
#pgl-motion .hero-bottom{position:absolute;left:5%;right:5%;bottom:20px}
#pgl-motion .road-copy{position:absolute;z-index:2;top:48%;left:6.2vw;width:min(38vw,510px);transform:translateY(-50%);color:var(--pgl-journey-ink);opacity:0;visibility:hidden;pointer-events:none}
#pgl-motion>.studio-hero[data-side="right"] .road-copy{left:auto;right:6.2vw}
#pgl-motion.is-road-active .road-copy{opacity:1;visibility:visible;pointer-events:auto}
#pgl-motion.is-road-transitioning .road-copy{pointer-events:none}
#pgl-motion .route-eyebrow{color:#45534c;font:800 11px/1.4 PGLJourney,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}
#pgl-motion .road-copy h2{max-width:8ch;margin:22px 0 0;font:800 clamp(58px,7.5vw,104px)/.92 PGLJourney,Arial,sans-serif;letter-spacing:0}
#pgl-motion .road-copy h2 span{color:var(--pgl-journey-orange)}
#pgl-motion .journey-description{max-width:34ch;margin:22px 0 0;color:#48534e;font:400 clamp(15px,1.35vw,18px)/1.6 PGLJourney,Arial,sans-serif}
#pgl-motion .service-moment{min-height:26px;margin-top:16px;color:#b94c18;font:800 11px/1.4 PGLJourney,Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}
#pgl-motion .journey-cta{display:inline-flex;align-items:center;min-height:48px;margin-top:24px;padding:0 18px;background:var(--pgl-journey-orange);color:#17211e;font:800 12px/1.35 PGLJourney,Arial,sans-serif;text-transform:uppercase;text-decoration:none}
#pgl-motion .journey-cta:focus-visible,#pgl-motion .motion-toggle:focus-visible{outline:3px solid #b7440a;outline-offset:4px}
html[lang="en"] #pgl-motion .road-copy h2{max-width:16ch;font-size:clamp(38px,3.2vw,54px);line-height:.98;overflow-wrap:normal;word-break:normal;hyphens:none}
#pgl-motion .journey-progress{position:absolute;z-index:3;left:5.5vw;right:5.5vw;bottom:max(26px,env(safe-area-inset-bottom));display:grid;grid-template-columns:74px minmax(60px,1fr) auto;align-items:center;gap:18px;color:#334039;font:800 11px/1.4 PGLJourney,Arial,sans-serif}
#pgl-motion .journey-progress>span:first-child{font-variant-numeric:tabular-nums}
#pgl-motion .journey-progress i{color:#7b837d;font-style:normal}
#pgl-motion .progress-track{height:2px;background:#c8cec7}
#pgl-motion .progress-track>span{display:block;width:100%;height:100%;background:var(--pgl-journey-orange);transform:scaleX(0);transform-origin:left center}
#pgl-motion .journey-progress>span:last-child{min-width:150px;color:#626c66;text-align:right;font-weight:600}
#pgl-motion .road-shoulder,#pgl-motion .road-edge,#pgl-motion .road-asphalt,#pgl-motion .road-center{fill:none;stroke-linecap:round;stroke-linejoin:round}
#pgl-motion .factory-road-surface{stroke:none}
#pgl-motion .factory-road-shoulder{fill:#c8cccd}
#pgl-motion .factory-road-edge{fill:#a6adaf}
#pgl-motion .factory-road-asphalt{fill:#8f989c}
#pgl-motion .road-shoulder{stroke:#c8cccd}
#pgl-motion .road-edge{stroke:#a6adaf}
#pgl-motion .road-asphalt{stroke:#8f989c}
#pgl-motion .road-center{stroke:#edf0ea;stroke-width:3;stroke-dasharray:18 26}
#pgl-motion .top-truck{stroke-linejoin:round;stroke-linecap:round}
#pgl-motion .truck-shadow,#pgl-motion .vehicle-shadow-shape{fill:#28302d;opacity:.18;stroke:none;pointer-events:none}
#pgl-motion .truck-top-render{pointer-events:none;image-rendering:auto}
#pgl-motion .road-vehicle-layer{overflow:visible}
#pgl-motion .service-line{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
#pgl-motion .service-line-red{stroke:#c84739;opacity:.96}
#pgl-motion .service-line-yellow{stroke:#daa82b;opacity:.96}
#pgl-motion .service-line-electric{stroke:#303a38;opacity:.98}
#pgl-motion .trailer-roof{fill:#e4e9e4;stroke:#5d6962;stroke-width:2}
#pgl-motion .trailer-roof-inset{fill:#f7f8f5;stroke:#cbd2cb;stroke-width:1}
#pgl-motion .trailer-ribs{fill:none;stroke:#c9d1ca;stroke-width:2}
#pgl-motion .trailer-rail{fill:none;stroke:#68736c;stroke-width:3}
#pgl-motion .trailer-reflector{fill:none;stroke:#f36622;stroke-width:4}
#pgl-motion .trailer-mark{fill:#fff}
#pgl-motion .trailer-logo{pointer-events:none}
#pgl-motion .truck-wheel rect{fill:#232927;stroke:#707b73;stroke-width:2}
#pgl-motion .cab-roof{fill:#becbd0;stroke:#536059;stroke-width:3}
#pgl-motion .cab-glass{fill:#344b4d;stroke:#263633;stroke-width:3}
#pgl-motion .cab-roof-panel{fill:#aab9be;stroke:#87979b;stroke-width:2}
#pgl-motion .cab-roof-line,#pgl-motion .cab-detail{fill:none;stroke:#929c94;stroke-width:3}
#pgl-motion .cab-mirror{fill:none;stroke:#36423c;stroke-width:5}
#pgl-motion .cab-light{fill:#efa043;stroke:#fff0d5;stroke-width:1}
#pgl-motion .route-marker circle{fill:#f36622;stroke:none;r:3}
#pgl-motion .route-marker text{font:800 12px PGLJourney,Arial,sans-serif;letter-spacing:.1em;fill:#35413a;paint-order:stroke;stroke:#f2f3ef;stroke-width:7px;stroke-linejoin:round}
#pgl-motion .destination-terminal{visibility:hidden}
#pgl-motion .destination-terminal text{font:800 8px PGLJourney,Arial,sans-serif;letter-spacing:.08em;fill:#4c5951}
#pgl-motion .terminal-ground{fill:none;stroke:#5b6860;stroke-width:2}
#pgl-motion .terminal-frame{fill:none;stroke:#79877e;stroke-width:3}
#pgl-motion .terminal-bays{fill:none;stroke:#f36622;stroke-width:2.5}
#pgl-motion .terminal-lintel{fill:none;stroke:#f36622;stroke-width:4}
#pgl-motion .terminal-beacon{fill:#f36622}
#pgl-motion[data-chapter="8"] .destination-terminal{visibility:visible}
#pgl-motion .motion-toggle{z-index:4}
#pgl-motion .road-reduced{display:none}
#pgl-motion .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1050px){#pgl-motion{--pgl-header-height:78px}}
@media(max-width:720px){
 #pgl-motion{height:calc(1500svh - var(--pgl-header-height,78px));min-height:6600px}
 #pgl-motion>.studio-hero{height:calc(100dvh - var(--pgl-header-height,78px));min-height:0}
 #pgl-motion .studio-frame-canvas{inset:0;width:100%;height:100%;aspect-ratio:auto;transform:none}
 #pgl-motion .hero-shade{background:linear-gradient(180deg,#f1f4f1f2 0%,#f1f4f1d9 22%,#f1f4f188 39%,transparent 58%)}
 #pgl-motion .hero-bottom{left:18px;right:18px;bottom:12px;font-size:9px}
 #pgl-motion>.studio-hero[data-intro-hidden="true"][data-motion-segment="loading"] .scene-caption-loading{top:18px;left:18px;font-size:11px}
 #pgl-motion.is-road-active .scene-caption-road,#pgl-motion.is-road-transitioning .scene-caption-road{top:18px;left:18px;right:auto;max-width:min(49vw,190px);font-size:10px}
 #pgl-motion .road-copy,#pgl-motion>.studio-hero[data-side="right"] .road-copy{top:max(96px,calc(8svh + 78px));left:max(18px,env(safe-area-inset-left));right:auto;width:min(52vw,220px);transform:none}
 #pgl-motion .road-copy h2{max-width:8ch;margin-top:13px;font-size:clamp(38px,10.2vw,44px);line-height:.95}
 #pgl-motion .journey-description{max-width:26ch;margin-top:14px;font-size:15px;line-height:1.48}
 #pgl-motion .route-eyebrow{font-size:10px;line-height:1.4}
 #pgl-motion .service-moment{min-height:0;margin-top:12px;font-size:10px;line-height:1.4}
 #pgl-motion .journey-cta{min-height:48px;margin-top:16px;padding:8px 12px;font-size:11px;line-height:1.3;white-space:normal}
 #pgl-motion .journey-progress{left:max(18px,env(safe-area-inset-left));right:auto;width:min(58vw,250px);bottom:max(16px,env(safe-area-inset-bottom));grid-template-columns:50px minmax(0,1fr);gap:10px;font-size:10px}
 #pgl-motion .journey-progress>span:last-child{display:none}
 #pgl-motion .route-marker text{display:none}
}
@media(max-width:390px){#pgl-motion .road-copy{left:16px;width:min(52vw,205px)}#pgl-motion .journey-progress{left:14px}}
@media(prefers-reduced-motion:reduce){
 #pgl-motion{height:auto;min-height:0}
 #pgl-motion>.studio-hero{position:relative;top:auto;height:calc(100svh - 155px);min-height:620px;max-height:820px}
 #pgl-motion .studio-frame-canvas,#pgl-motion .studio-vehicle-canvas,#pgl-motion .road-scene,#pgl-motion .road-vehicle-overlay,#pgl-motion .hero-bottom,#pgl-motion .road-copy,#pgl-motion .journey-progress,#pgl-motion .motion-toggle,#pgl-motion .scene-caption{display:none!important}
 #pgl-motion .hero-shade{opacity:1}
 #pgl-motion .road-reduced{display:block;max-width:920px;margin:0 auto;padding:34px 28px 70px;list-style:none;counter-reset:story}
 #pgl-motion .road-reduced li{position:relative;padding:24px 0 26px 56px;border-bottom:1px solid var(--pgl-journey-line);counter-increment:story}
 #pgl-motion .road-reduced li:before{content:counter(story,decimal-leading-zero);position:absolute;left:0;top:26px;color:var(--pgl-journey-orange);font:800 12px PGLJourney,Arial,sans-serif}
 #pgl-motion .road-reduced li span{display:block;color:var(--pgl-journey-muted);font:800 10px PGLJourney,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}
 #pgl-motion .road-reduced li strong{display:block;margin-top:6px;font:800 clamp(22px,4vw,32px) PGLJourney,Arial,sans-serif}
 #pgl-motion .road-reduced li p{margin-top:5px;color:var(--pgl-journey-muted)}
 #pgl-motion .hero-inner{opacity:1!important;transform:none!important}
}
