/* Responsive campaign imagery: desktop and portrait assets are independent. */
.hero-reference{--tp-base-headline:92px;touch-action:pan-y;min-height:620px}
.hero-reference .hero-landscape{background-image:var(--tp-first-hero-desktop,url('cruiser-campaign.webp'));background-position:center center;transition:opacity .28s ease;will-change:auto}
.hero-reference .hero-shade{background:linear-gradient(90deg,rgba(13,23,35,.72) 0%,rgba(13,23,35,.43) 38%,rgba(13,23,35,.05) 72%),linear-gradient(0deg,rgba(13,23,35,.78),transparent 24%)}
.hero-reference .hero-inner{justify-content:flex-start;padding-top:40px;padding-bottom:120px}
.hero-reference .hero-copy{margin:0;padding:0;width:56%;max-width:720px;min-width:0;text-align:left}
.hero-reference .hero-copy>.eyebrow{justify-content:flex-start;margin-bottom:22px}
.hero-reference h1{font-size:var(--tp-fitted-headline,var(--tp-base-headline));line-height:.97;letter-spacing:-.4px;width:100%;margin:0}
.hero-reference h1 .tp-hero-title-line{display:block;white-space:nowrap;color:#fff;max-width:100%}
.hero-reference h1 .tp-hero-title-accent{color:var(--orange)}
.hero-reference .hero-copy>p{font-size:13px;line-height:1.85;max-width:460px;margin:24px 0 0;min-height:73px}
.hero-reference .hero-ctas{justify-content:flex-start;gap:24px;flex-wrap:wrap;align-items:center;margin-top:25px}
.hero-reference .hero-ctas .button{min-height:48px}
.hero-reference .hero-bottom{z-index:5}
.hero-reference .hero-model #hero-model-name{line-height:1}
.hero-reference .slide-control button{min-width:36px;min-height:42px}
.hero-reference .hero-copy{transition:opacity .18s ease}
.hero-reference.tp-hero-changing .hero-copy{opacity:.5}
.hero-reference.tp-hero-changing .hero-landscape{opacity:.8}
.tp-page-banner.tp-has-banner{isolation:isolate;min-height:455px;display:flex;align-items:center;padding:68px 0;background:#172131}
.tp-has-banner .tp-banner-picture{position:absolute;inset:0;z-index:-3;display:block;overflow:hidden}
.threeplus-site .elementor .tp-banner-picture>img,.tp-banner-picture>img{width:100%;height:100%!important;object-fit:cover;max-width:none}
.tp-page-banner.tp-has-banner:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(12,22,34,.88) 0%,rgba(12,22,34,.72) 38%,rgba(12,22,34,.1) 85%),linear-gradient(0deg,rgba(12,22,34,.35),transparent 60%)}
.tp-page-banner.tp-has-banner:after{display:none}
.tp-has-banner>.container{position:relative;z-index:1}
.tp-has-banner h1{max-width:760px;font-size:clamp(52px,5.2vw,82px);line-height:1.01;overflow-wrap:normal;text-wrap:balance}
.tp-has-banner p{max-width:570px;color:#e1e6eb;line-height:1.85;font-size:13px;margin-top:21px}
.tp-has-banner .eyebrow{font-size:9px;letter-spacing:1.8px;color:#ffb560;margin-bottom:18px}
.tp-has-banner .text-link{margin-top:27px;font-size:9px;min-height:30px}
@media(min-width:1650px){.hero-reference{--tp-base-headline:110px}.hero-reference .hero-copy>p{font-size:14px;max-width:490px}.tp-page-banner.tp-has-banner{min-height:490px}}
@media(min-width:768px) and (max-width:1179px){.hero-reference{--tp-base-headline:76px}.hero-reference .hero-copy{width:63%;max-width:650px}.hero-reference .hero-copy>p{font-size:12px;max-width:390px}.hero-reference .hero-copy>.eyebrow{font-size:8px;letter-spacing:1px}.hero-reference .hero-ctas{gap:15px}.tp-has-banner h1{max-width:640px;font-size:62px}.tp-has-banner p{max-width:520px}}
@media(max-width:767px){
 .hero-reference{--tp-base-headline:clamp(38px,11.7vw,62px);height:calc(100svh - 102px);min-height:660px;max-height:850px}
 .hero-reference .hero-landscape{background-image:var(--tp-first-hero-mobile,var(--tp-first-hero-desktop));background-position:center bottom}
 .hero-reference .hero-shade{background:linear-gradient(180deg,rgba(12,22,34,.48) 0%,rgba(12,22,34,.25) 38%,rgba(12,22,34,0) 65%,rgba(12,22,34,.38) 100%)}
 .hero-reference .hero-inner{padding-top:48px;padding-bottom:130px;align-items:flex-start;width:calc(100% - 36px)}
 .hero-reference .hero-copy{width:100%;max-width:100%;margin:0;text-align:left;padding:0}
 .hero-reference .hero-copy>.eyebrow{font-size:7px;letter-spacing:1.15px;line-height:1.8;margin-bottom:20px;gap:8px;max-width:100%}
 .hero-reference h1{letter-spacing:-.2px;line-height:1.01}
 .hero-reference .hero-copy>p{font-size:12px;line-height:1.85;max-width:390px;margin-top:21px;min-height:78px;color:#e0e5e9}
 .hero-reference .hero-ctas{margin-top:19px;gap:12px 18px;align-items:center;flex-wrap:wrap}
 .hero-reference .hero-ctas .button{font-size:8px;padding:0 15px;min-height:46px;gap:16px}
 .hero-reference .hero-partner-link{font-size:8px;gap:8px;min-height:44px}
 .hero-reference .hero-bottom{height:98px;background:linear-gradient(0deg,rgba(13,23,35,.94),rgba(13,23,35,.65));border-top:1px solid #ffffff24}
 .hero-reference .hero-bottom-inner{width:calc(100% - 36px);padding:12px 0;gap:16px}
 .hero-reference .hero-product{width:155px;height:72px;max-width:48%;margin:0}
 .hero-reference .hero-model{max-width:125px;gap:4px}
 .hero-reference .hero-model #hero-model-name{font-size:27px}
 .hero-reference .hero-model #hero-model-label{font-size:6px;line-height:1.5;letter-spacing:.5px;max-width:115px}
 .hero-reference .slide-control{gap:7px;flex-shrink:0}.hero-reference .slide-control button{min-width:29px;width:29px;min-height:40px}.hero-reference .slide-track{width:35px}
 .hero-reference .vehicle-hotspot{width:25px;height:25px;right:0;bottom:24px}
 .tp-page-banner.tp-has-banner{display:block;min-height:640px;padding:48px 0 265px}
 .tp-has-banner h1{font-size:clamp(39px,10.5vw,56px);max-width:100%;line-height:1.02;text-wrap:balance}
 .tp-has-banner p{font-size:12px;line-height:1.85;max-width:100%;margin-top:20px}
 .tp-has-banner .eyebrow{font-size:7px;letter-spacing:1.4px;max-width:100%;margin-bottom:19px}
 .tp-has-banner .text-link{margin-top:22px;font-size:8px;min-height:35px}
 .tp-page-banner.tp-has-banner:before{background:linear-gradient(180deg,rgba(12,22,34,.78),rgba(12,22,34,.58) 38%,rgba(12,22,34,.08) 75%)}
 .tp-has-banner .tp-banner-picture>img{object-position:center bottom!important}
}
@media(max-width:374px){.hero-reference{--tp-base-headline:38px;min-height:690px}.hero-reference .hero-inner{width:calc(100% - 28px);padding-top:38px}.hero-reference .hero-copy>.eyebrow{font-size:6px;letter-spacing:.8px}.hero-reference .hero-copy>p{font-size:11px;min-height:82px}.hero-reference .hero-ctas{gap:8px 11px}.hero-reference .hero-ctas .button{font-size:7px;padding:0 11px;gap:10px}.hero-reference .hero-partner-link{font-size:7px}.hero-reference .slide-control{gap:4px}.hero-reference .slide-track{width:24px}.hero-reference .hero-product{width:135px}.tp-page-banner.tp-has-banner{padding-top:40px;padding-bottom:255px;min-height:650px}.tp-has-banner h1{font-size:40px}}
@media(prefers-reduced-motion:reduce){.hero-reference .hero-landscape,.hero-reference .hero-copy{transition:none}.hero-reference.tp-hero-changing .hero-copy,.hero-reference.tp-hero-changing .hero-landscape{opacity:1}}
@media(max-width:767px){.hero-reference{max-height:740px}.hero-reference .hero-landscape{bottom:98px;background-position:center bottom}}

@media(max-width:767px){.contact-float.tp-over-hero{opacity:0;visibility:hidden;pointer-events:none}}