.hero-layer{pointer-events:none;position:absolute;inset:-3%;container-type:size}@media (max-width:767px){.hero-layer{height:max(47rem,106svh);bottom:auto;-webkit-mask:linear-gradient(#000 85%,#0000);mask:linear-gradient(#000 85%,#0000)}}.hero-frame{--fw:max(100cqw, 176.83cqh);width:var(--fw);aspect-ratio:2000/1131;left:calc((100cqw - var(--fw)) * .6);top:calc((100cqh - var(--fw) / 1.7683) * .5);position:absolute}.hero-truck{transform-origin:93% 52%;will-change:transform;width:42.5%;height:43.32%;position:absolute;top:24.67%;left:47.15%}.hero-truck-body{filter:drop-shadow(0 18px 28px #05050673);position:absolute;inset:0}.hero-truck-shade{-webkit-mask:var(--truck) center / 100% 100% no-repeat;-webkit-mask:var(--truck) center / 100% 100% no-repeat;mask:var(--truck) center / 100% 100% no-repeat;background:radial-gradient(60% 55% at 12% 100%,#ff6e2847,#0000 70%),linear-gradient(#0000 38%,#05050680 100%);position:absolute;inset:0}.hero-headline{filter:drop-shadow(0 10px 22px #0505068c)}.hero-canvas{pointer-events:none;opacity:0;width:100%;height:100%;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.hero-truck-body{transform-origin:93% 52%;animation:5.5s ease-in-out infinite alternate hero-hang}}@keyframes hero-hang{0%{transform:rotate(.3deg)}to{transform:rotate(-1deg)}}[data-intro] [data-hero-streak]{animation:none}[data-intro=pending] .hero-truck,[data-intro=pending] [data-hero-copy]>*{animation:.5s ease-out 2.6s both hero-failsafe}@media (max-width:767px){[data-intro=pending] [data-hero-copy]>h1{animation:none}}@keyframes hero-failsafe{0%{opacity:0}to{opacity:1}}[data-intro=running] .hero-frame{clip-path:polygon(0 0,100% 0,100% 62%,70% 70%,40% 76.5%,0 79%)}@media (prefers-reduced-motion:reduce){.hero-canvas{display:none}}
