.trailers-brand{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:7px;width:185px;color:#fff;font-size:27px;font-weight:950;letter-spacing:-1.5px;line-height:.8;white-space:nowrap}.trailers-brand span{color:var(--gold)}.trailers-brand small{grid-column:1/-1;margin-top:7px;color:#bbb;font-size:9px;font-weight:900;letter-spacing:4.4px;line-height:1}.nav-links>a.active{color:var(--gold)}
.trailers-hero{position:relative;min-height:570px;display:flex;align-items:flex-end;overflow:hidden;background:radial-gradient(circle at 78% 30%,#5d4a0a 0,#27200b 19%,#0b0b0b 50%,#050505 100%);color:#fff}.trailers-hero:after{position:absolute;inset:0;z-index:1;content:"";background:linear-gradient(90deg,rgba(0,0,0,.48),transparent 70%),linear-gradient(0deg,rgba(0,0,0,.76),transparent 45%)}.hero-grid{position:absolute;inset:0;z-index:0;opacity:.55;transform:skewX(-18deg) translateX(18%);background:linear-gradient(90deg,transparent 0 28%,#f5b40016 28% 29%,transparent 29% 48%,#f5b4001a 48% 49%,transparent 49%)}.hero-grid i{position:absolute;display:block;border:1px solid #f5b4008c;box-shadow:0 0 40px #f5b40024}.hero-grid i:nth-child(1){inset:13% 11% 35% 38%}.hero-grid i:nth-child(2){inset:31% 31% 14% 17%;border-color:#ffffff3a}.hero-grid i:nth-child(3){inset:20% 4% 20% 54%;background:linear-gradient(135deg,#f5b40023,transparent)}.hero-grid i:nth-child(4){inset:4% 41% 55% 25%;border-color:#ffffff2d}.trailers-hero-content{position:relative;z-index:2;max-width:860px;padding:102px 5.7% 72px}.trailers-hero-content h1{max-width:800px}.trailers-hero-content>p:not(.eyebrow){max-width:650px;margin:22px 0 29px;color:#eee;font-size:18px;line-height:1.58}.hero-stat{position:absolute;z-index:2;right:6.6%;bottom:54px;display:flex;align-items:center;gap:13px;padding:14px 0 14px 22px;border-left:3px solid var(--gold);text-transform:uppercase}.hero-stat b{color:var(--gold);font-size:55px;line-height:.8}.hero-stat span{font-size:10px;font-weight:900;letter-spacing:1.2px;line-height:1.5}
.trailer-intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;padding:82px 9%;background:#f3f2ed}.intro-kicker{margin:0 0 12px;color:#a87500;font-size:13px;font-weight:900;letter-spacing:2px}.trailer-intro h2{margin:0;font-size:clamp(36px,4.7vw,62px);line-height:.91;letter-spacing:-2.5px}.trailer-intro>p{max-width:560px;margin:0;color:#50504c;font-size:17px;line-height:1.67}
.trailer-range{padding:82px 5.7% 92px;background:#0a0a0a;color:#fff}.section-range-head{margin:0 auto 33px;max-width:1240px}.section-range-head h2{margin:6px 0 0;font-size:clamp(36px,4.4vw,55px);letter-spacing:-2px}.trailer-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;max-width:1240px;margin:auto}.trailer-card{position:relative;min-height:350px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;padding:32px;background:#171717;border:1px solid #333}.trailer-card:before{position:absolute;inset:0;content:"";background:linear-gradient(135deg,transparent 39%,#f5b40014 39% 40%,transparent 40% 68%,#fff0 68%)}.trailer-card:after{position:absolute;top:-75px;right:-54px;width:280px;height:280px;content:"";border:1px solid #f5b40057;border-radius:50%;box-shadow:inset 0 0 0 31px #f5b4000d}.trailer-card>*{position:relative;z-index:1}.pressure-card{background:linear-gradient(135deg,#202020,#101010 64%)}.diesel-card{background:linear-gradient(135deg,#29240d,#12110c 64%)}.axle-card{background:linear-gradient(135deg,#171717,#090909 64%)}.bakkie-card{background:linear-gradient(135deg,#25200c,#111008 64%)}.card-number{position:absolute;top:25px;left:31px;color:#ffffff26;font-size:82px;font-weight:950;letter-spacing:-6px;line-height:1}.card-type{margin:0 0 13px;color:var(--gold);font-size:11px;font-weight:900;letter-spacing:1.8px}.trailer-card h3{margin:0;color:#fff;font-size:clamp(29px,3vw,43px);line-height:.93;letter-spacing:-1.7px}.trailer-card>p:not(.card-type){max-width:430px;margin:17px 0 25px;color:#ddd;font-size:15px;line-height:1.55}.trailer-card a{align-self:flex-start;color:#fff;font-size:12px;font-weight:900;letter-spacing:.6px}.trailer-card a span{margin-left:8px;color:var(--gold);font-size:19px;vertical-align:-1px}.trailer-card a:hover,.trailer-card a:focus-visible{color:var(--gold)}
.work-strip{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:24px 5.7%;background:var(--gold);color:#0b0b0b}.work-strip>p{margin:0;font-size:11px;font-weight:900;letter-spacing:1.8px;white-space:nowrap}.work-strip>div{display:flex;justify-content:flex-end;gap:31px;flex-wrap:wrap}.work-strip b{font-size:12px;letter-spacing:.45px}.footer-wordmark{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:6px;width:max-content;color:#fff;font-size:24px;font-weight:950;letter-spacing:-1px;line-height:.8}.footer-wordmark span{color:var(--gold)}.footer-wordmark small{grid-column:1/-1;margin-top:7px;color:#aaa;font-size:8px;font-weight:900;letter-spacing:3.8px;line-height:1}
@media(max-width:1050px){.trailers-brand{width:155px;font-size:23px}.trailer-intro{gap:42px}.work-strip>div{gap:19px}}
@media(max-width:820px){.trailers-brand{width:143px;font-size:21px}.trailers-brand small{font-size:8px;letter-spacing:3.8px}.trailers-hero{min-height:535px}.trailers-hero-content{padding:92px 7% 55px}.hero-stat{right:7%;bottom:30px}.trailer-intro{grid-template-columns:1fr;gap:25px;padding:58px 7%}.trailer-range{padding:57px 7%}.trailer-card-grid{gap:12px}.work-strip{display:block;padding:23px 7%}.work-strip>div{justify-content:flex-start;margin-top:13px;gap:11px 21px}.work-strip b{font-size:10px}}
@media(max-width:540px){.trailers-brand{width:117px;font-size:18px}.trailers-brand small{letter-spacing:3.1px;font-size:7px}.trailers-hero{min-height:570px}.trailers-hero-content{padding:99px 7% 100px}.trailers-hero-content h1{font-size:43px}.trailers-hero-content>p:not(.eyebrow){font-size:16px}.hero-stat{left:7%;right:auto;bottom:28px}.hero-stat b{font-size:43px}.trailer-intro h2{font-size:39px}.trailer-intro>p{font-size:16px}.trailer-card-grid{grid-template-columns:1fr}.trailer-card{min-height:300px;padding:26px}.card-number{top:20px;left:26px;font-size:70px}.trailer-card h3{font-size:35px}}