.truck-intro{display:none;position:fixed;inset:0;z-index:1000;overflow:hidden;background:#0d2330;color:#fff;isolation:isolate}.intro-pending .truck-intro{display:block}.intro-pending{overflow:hidden}.intro-skip{position:absolute;right:max(25px,env(safe-area-inset-right));top:max(23px,env(safe-area-inset-top));z-index:10;border:1px solid #ffffff66;background:#07182075;backdrop-filter:blur(8px);color:#fff;border-radius:6px;padding:11px 16px;font-size:12px;cursor:pointer;display:flex;gap:25px}.intro-skip:focus-visible{outline:3px solid #e0c185;outline-offset:4px}.intro-landscape{position:absolute;inset:-2%;z-index:-2;transform-origin:50% 56%}.intro-landscape img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 55%}.intro-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#081d3020,#06152320 50%,#06152345);opacity:1}.intro-truck{position:absolute;left:50%;top:52%;width:min(470px,54vw);transform:translate(-50%,-40%) scale(.09);transform-origin:50% 52%;opacity:0;will-change:transform,opacity}.intro-truck img{display:block;width:100%;height:auto;filter:drop-shadow(0 12px 18px #0007)}.intro-brand{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#0d2330f5;opacity:0;pointer-events:none;will-change:opacity}.intro-brand h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(60px,8vw,112px);font-weight:400;letter-spacing:-.05em;line-height:1.1;margin:22px 0 20px;color:#eed29b;transform:translateY(15px)}.intro-brand p{font-size:12px;letter-spacing:.36em;color:#d1dce0;margin:0 0 26px}.intro-brand-rule{display:block;width:64px;height:1px;background:#bb995b;transform:scaleX(0)}
.intro-playing.truck-intro{animation:real-intro-dismiss 5.25s linear forwards}.intro-playing .intro-landscape{animation:canada-forward 3.7s ease-in forwards}.intro-playing .intro-truck{animation:real-truck-approach 3.7s cubic-bezier(.42,0,.68,.4) forwards}.intro-playing .intro-truck img{animation:diesel-movement .14s ease-in-out infinite alternate}.intro-playing .intro-brand{animation:brand-arrival 5.25s linear forwards}.intro-playing .intro-brand h2{animation:brand-letter-arrival 5.25s ease-out forwards}.intro-playing .intro-brand-rule{animation:brand-rule-arrival 5.25s ease-out forwards}.intro-fallback .intro-brand{opacity:1}.intro-fallback .intro-brand h2{transform:none}.intro-fallback .intro-brand-rule{transform:scaleX(1)}
@keyframes real-truck-approach{0%{transform:translate(-50%,-40%) scale(.09);opacity:0}6%{opacity:1}38%{transform:translate(-50%,-40%) scale(.38);opacity:1}67%{transform:translate(-50%,-40%) scale(1.1);opacity:1}88%{transform:translate(-50%,-40%) scale(3.2);opacity:1}100%{transform:translate(-50%,-40%) scale(7);opacity:1}}@keyframes canada-forward{from{transform:scale(1)}to{transform:scale(1.14)}}@keyframes diesel-movement{from{translate:0 0}to{translate:0 .7px}}@keyframes brand-arrival{0%,62%{opacity:0}72%,100%{opacity:1}}@keyframes brand-letter-arrival{0%,64%{opacity:0;transform:translateY(15px) scale(.97)}76%,100%{opacity:1;transform:none}}@keyframes brand-rule-arrival{0%,65%{transform:scaleX(0)}80%,100%{transform:scaleX(1)}}@keyframes real-intro-dismiss{0%,91%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden;pointer-events:none}}
@media(max-width:680px){.intro-truck{width:84vw;top:51%;transform-origin:50% 52%}.intro-landscape img{object-position:50% 50%}.intro-brand h2{font-size:clamp(53px,15vw,79px)}.intro-brand p{font-size:10px;letter-spacing:.3em}.intro-skip{top:18px;right:18px;font-size:11px;padding:10px 13px}}
@media(prefers-reduced-motion:reduce){.intro-pending .truck-intro{display:none!important}.intro-pending{overflow:auto}.intro-playing,.intro-playing *{animation:none!important}}