/* Full-bleed branded trucks with a readable dark-green transition under the offer. */
.landing .hero{background:#1f3d32;min-height:0;position:relative;isolation:isolate;overflow:hidden}
.landing .hero>.wrap{display:block;position:relative;z-index:1}
.landing .hero .copy{max-width:650px;min-width:0;padding-bottom:55px}
.hero-truck-photo{display:block;position:absolute;z-index:-2;left:28%;top:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:left center;margin:0;border-radius:0}
.landing .hero:before{display:block;content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#1f3d32 0%,#1f3d32fb 29%,#1f3d32f0 40%,#1f3d32bb 49%,#1f3d3226 68%,#1f3d3200 85%),linear-gradient(180deg,#1f3d3273 0%,#1f3d3200 32%,#1f3d3200 76%,#1f3d3299 100%);pointer-events:none}
@media(min-width:701px) and (max-width:1050px){
 .landing .hero .copy{max-width:590px}
 .hero-truck-photo{left:25%;width:125%}
 .landing .hero:before{background:linear-gradient(90deg,#1f3d32 0%,#1f3d32f5 40%,#1f3d32cc 54%,#1f3d3226 85%),linear-gradient(180deg,#1f3d3255,transparent 40%,#1f3d3266)}
}
@media(max-width:700px){
 .landing .hero .copy{max-width:100%;padding-bottom:285px}
 .hero-truck-photo{left:0;top:auto;bottom:0;width:100%;height:340px;object-fit:cover;object-position:left bottom}
 .landing .hero:before{background:linear-gradient(180deg,#1f3d32 0%,#1f3d32 calc(100% - 325px),#1f3d32ed calc(100% - 275px),#1f3d3255 calc(100% - 200px),#1f3d3200 calc(100% - 130px),#1f3d3226 100%)}
}