/* One main hero carousel. Media, copy, order and scheduling are data-driven. */
#home.hero-carousel{position:relative;display:block;height:clamp(660px,56.25vw,1080px);min-height:0;margin:0;padding:0;background:#080a0c;color:#fff;isolation:isolate;overflow:clip;scroll-margin-top:0}
.home-launches .hl-track{display:flex;align-items:stretch;width:100%;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;outline-offset:-4px}
.home-launches .hl-track::-webkit-scrollbar,.home-launches .hl-tabs::-webkit-scrollbar{display:none}
.home-launches .hl-slide{position:relative;flex:0 0 100%;min-width:0;height:100%;scroll-snap-align:start;scroll-snap-stop:always;isolation:isolate;overflow:hidden;background:#080a0c}
.home-launches .hl-art{position:absolute;inset:0;z-index:-3;pointer-events:none}
.home-launches .hl-art img,.home-launches .hl-art video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:var(--hl-image-position,center);transform:none}
.home-launches .hl-art video{opacity:0;transition:opacity .5s;pointer-events:none}
.home-launches .hl-art video.ready{opacity:1}
.home-launches .hl-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#06080bef,#06080bce 21%,#06080b55 45%,transparent 70%),linear-gradient(0deg,#040607ee,transparent 28%),linear-gradient(180deg,#04060788,transparent 20%);pointer-events:none}
.home-launches .hl-copy{display:flex;flex-direction:column;justify-content:center;width:46%;max-width:760px;height:100%;padding:115px 0 120px 5.8vw;box-sizing:border-box}
.home-launches .hl-kicker{font:700 11px/1.5 Inter,sans-serif;letter-spacing:.1em;color:#ff283e;margin:0 0 20px}
.home-launches .hl-copy h2{font:800 italic clamp(56px,6.2vw,110px)/.9 'Barlow Condensed',sans-serif;letter-spacing:-.025em;color:#fff;margin:0 0 22px;overflow-wrap:normal}
.home-launches .hl-copy h2 em{font-style:inherit;color:#f00d28}
.home-launches .hl-subtitle{font:700 clamp(15px,1.4vw,23px)/1.16 Inter,sans-serif;color:#fff;margin:0 0 19px}
.home-launches .hl-subtitle:empty{display:none}
.home-launches .hl-description{font:400 clamp(13px,1.05vw,18px)/1.65 Inter,sans-serif;color:#c4cbcf;margin:0 0 28px;max-width:375px}
.home-launches .hl-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;align-self:flex-start;min-width:162px;min-height:48px;box-sizing:border-box;padding:14px 21px;background:#ed1525;border:1px solid #ed1525;border-radius:3px;color:#fff;text-decoration:none;font:700 13px/1.2 Inter,sans-serif;transition:background .2s,transform .2s}
.home-launches .hl-cta svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7}
.home-launches .hl-cta:hover{background:#c80a19;border-color:#c80a19;transform:translateY(-2px)}
.home-launches .hl-bottom{position:absolute;bottom:27px;left:5.8vw;right:5.8vw;display:flex;align-items:center;gap:25px;z-index:3}
.home-launches .hl-navigation{display:flex;align-items:center;gap:8px;flex:none}
.home-launches .hl-count{font:600 11px/1 Inter,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:.08em;color:#c2c8cc;margin-right:11px;white-space:nowrap}
.home-launches .hl-arrow,.home-launches .hl-rotation{display:grid;place-items:center;flex:none;width:42px;height:42px;border:1px solid #ffffff50;border-radius:50%;color:#fff;background:#070a0e66;cursor:pointer;transition:background .2s,border-color .2s}
.home-launches .hl-arrow svg,.home-launches .hl-rotation svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7}
.home-launches .hl-previous svg{transform:rotate(180deg)}
.home-launches .hl-arrow:hover:not(:disabled),.home-launches .hl-rotation:hover{background:#ed1525;border-color:#ed1525}
.home-launches .hl-arrow:disabled{opacity:.3;cursor:default}
.home-launches .hl-tabs{position:relative;display:flex;flex:1;min-width:0;gap:10px;overflow:auto;scrollbar-width:none;overscroll-behavior-x:contain}
.home-launches .hl-tab{position:relative;display:flex;align-items:center;gap:9px;flex:1 0 0;min-width:0;min-height:54px;padding:12px 6px 14px;border:0;border-bottom:2px solid #ffffff32;background:transparent;color:#b8c0c5;font:600 10px/1.4 Inter,sans-serif;text-align:left;cursor:pointer;transition:color .2s,border-color .2s}
.home-launches .hl-tab-index{font:500 9px/1 Inter,sans-serif;color:#a3acb2;letter-spacing:.05em}
.home-launches .hl-tab:hover,.home-launches .hl-tab.is-current{color:#fff;border-bottom-color:#ed1525}
.home-launches .hl-tab.is-current .hl-tab-index{color:#ff3448}
.home-launches :is(button,a,[tabindex]):focus-visible{outline:2px solid #fff;outline-offset:-4px}
.home-launches .hl-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(min-width:1600px){.home-launches .hl-copy{width:43%}.home-launches .hl-tab{font-size:12px}.home-launches .hl-kicker{font-size:13px}}
@media(max-width:1100px){.home-launches .hl-copy{width:51%;padding-top:100px}.home-launches .hl-copy h2{font-size:64px}.home-launches .hl-description{max-width:300px}.home-launches .hl-tab-label{display:none}.home-launches .hl-tab{justify-content:center}.home-launches .hl-tab-index{font-size:11px}}
@media(max-width:680px){
 #home.hero-carousel{height:auto;min-height:0}
 .home-launches .hl-track{height:auto}
 .home-launches .hl-slide{display:flex;flex-direction:column;height:auto;min-height:740px;padding-bottom:78px}
 .home-launches .hl-copy{position:relative;order:0;display:flex;flex:1;justify-content:center;width:100%;max-width:none;height:auto;padding:104px 25px 20px}
 .home-launches .hl-kicker{font-size:9px;margin-bottom:15px}
 .home-launches .hl-copy h2{font-size:clamp(46px,12.8vw,67px);line-height:.94;margin-bottom:16px}
 .home-launches .hl-subtitle{font-size:15px;margin-bottom:12px}
 .home-launches .hl-subtitle br{display:none}
 .home-launches .hl-description{font-size:12px;line-height:1.55;max-width:100%;margin-bottom:21px}
 .home-launches .hl-cta{font-size:12px;min-height:45px;min-width:157px;padding:12px 17px}
 .home-launches .hl-art{position:relative;order:1;inset:auto;z-index:0;width:100%;height:auto;aspect-ratio:16/9;flex:none}
 .home-launches .hl-art img,.home-launches .hl-art video{object-fit:contain;object-position:var(--hl-mobile-position,center)}
 .home-launches .hl-shade{display:none}
 .home-launches .hl-bottom{left:20px;right:20px;bottom:19px;gap:15px}
 .home-launches .hl-count{display:none}
 .home-launches .hl-navigation{gap:6px}
 .home-launches .hl-arrow,.home-launches .hl-rotation{width:34px;height:34px}
 .home-launches .hl-tabs{gap:6px}
 .home-launches .hl-tab{min-height:38px;padding:6px 0;border-bottom-width:2px}
 .home-launches .hl-tab-index{font-size:9px}
}
@media(prefers-reduced-motion:reduce){.home-launches *{scroll-behavior:auto!important;transition:none!important}.home-launches .hl-art video{display:none}.home-launches .hl-cta:hover{transform:none}}

/* Keep the Worklight whole inside the established desktop carousel frame. */
@media(min-width:681px){
.hl-slide[data-launch-id="worklight-hexa"] .hl-art{--worklight-video-inset:76px;background:#070a0c}
.hl-slide[data-launch-id="worklight-hexa"] .hl-art img,.hl-slide[data-launch-id="worklight-hexa"] .hl-art video{width:auto;max-width:100%;top:var(--worklight-video-inset);height:calc(100% - var(--worklight-video-inset));left:auto;right:0;aspect-ratio:16/9;object-fit:contain;object-position:right center;mask-image:linear-gradient(90deg,transparent,#000 14%)}
.hl-slide[data-launch-id="worklight-hexa"] .hl-art video{background:#070a0c}
.hl-slide[data-launch-id="worklight-hexa"] .hl-art img{transition:opacity .5s}
.hl-slide[data-launch-id="worklight-hexa"] .hl-art:has(video.ready) img{opacity:0}
}
@media(min-width:681px) and (max-width:700px){.hl-slide[data-launch-id="worklight-hexa"] .hl-art{--worklight-video-inset:70px}}

/* Truck artwork supplied by the user: keep the complete art and its embedded CTA. */
#home .hl-slide[data-launch-id="banner-a77ad783-7c8e-4a92-a2ae-79e2721c93e9"] .hl-art,
#home .hl-slide[data-launch-id="banner-a77ad783-7c8e-4a92-a2ae-79e2721c93e9"] .hl-copy{position:absolute;inset:80px 0 100px;width:100%;height:auto;max-width:none;padding:0;aspect-ratio:auto}
#home .hl-slide[data-launch-id="banner-a77ad783-7c8e-4a92-a2ae-79e2721c93e9"] .hl-art img{object-fit:contain;object-position:center}
#home .hl-slide[data-launch-id="banner-a77ad783-7c8e-4a92-a2ae-79e2721c93e9"] .hl-copy{display:block}
#home .hl-slide[data-launch-id="banner-a77ad783-7c8e-4a92-a2ae-79e2721c93e9"] .hl-cta{position:absolute;inset:0;display:block;width:100%;height:100%;align-self:stretch;min-width:0;min-height:0;padding:0;border:0;border-radius:0;background:transparent;color:transparent;font-size:0;box-shadow:none;transform:none}
#home .hl-slide[data-launch-id="banner-a77ad783-7c8e-4a92-a2ae-79e2721c93e9"] .hl-cta svg{display:none}
#home .hl-slide[data-launch-id="banner-a77ad783-7c8e-4a92-a2ae-79e2721c93e9"] .hl-cta:focus-visible{outline:2px solid #fff;outline-offset:-4px}
@media(max-width:680px){
 #home .hl-slide[data-launch-id="banner-a77ad783-7c8e-4a92-a2ae-79e2721c93e9"]{padding-top:0}
 #home .hl-slide[data-launch-id="banner-a77ad783-7c8e-4a92-a2ae-79e2721c93e9"] .hl-art{position:relative;inset:auto;order:1;flex:none;height:auto;aspect-ratio:1.71;overflow:hidden}
 #home .hl-slide[data-launch-id="banner-a77ad783-7c8e-4a92-a2ae-79e2721c93e9"] .hl-art img{left:auto;right:0;width:auto;max-width:none;height:100%;aspect-ratio:8/3;object-position:right center}
 #home .hl-slide[data-launch-id="banner-a77ad783-7c8e-4a92-a2ae-79e2721c93e9"] .hl-copy{position:relative;inset:auto;order:0;display:flex;flex:1;justify-content:center;align-items:flex-start;height:auto;padding:104px 25px 20px}
 #home .hl-slide[data-launch-id="banner-a77ad783-7c8e-4a92-a2ae-79e2721c93e9"] .hl-copy>:is(.hl-kicker,h2,.hl-description){display:block}
 #home .hl-slide[data-launch-id="banner-a77ad783-7c8e-4a92-a2ae-79e2721c93e9"] .hl-cta{position:static;display:inline-flex;width:auto;height:auto;align-self:flex-start;min-width:157px;min-height:45px;padding:12px 17px;border:1px solid #ed1525;border-radius:3px;background:#ed1525;color:#fff;font:700 12px/1.2 Inter,sans-serif}
 #home .hl-slide[data-launch-id="banner-a77ad783-7c8e-4a92-a2ae-79e2721c93e9"] .hl-cta svg{display:block}
}

/* Applies exclusively to the new ready-made-art template. */
.hl-slide[data-banner-template="artwork"] .hl-shade{display:none}
.hl-slide[data-banner-template="artwork"] .hl-copy{width:100%;max-width:none;justify-content:flex-end;align-items:center;padding:100px 25px 120px}
.hl-slide[data-banner-template="artwork"] .hl-copy>:not(.hl-cta){display:none}
.hl-slide[data-banner-template="artwork"] .hl-cta{align-self:center}
.hl-slide[data-banner-button="none"] .hl-cta{display:none}
@media(max-width:680px){
 .home-launches .hl-slide[data-banner-template="artwork"]{min-height:0;padding-top:80px}
 .hl-slide[data-banner-template="artwork"] .hl-art{order:0}
 .hl-slide[data-banner-template="artwork"] .hl-copy{order:1;flex:none;padding:22px 25px 30px}
 .hl-slide[data-banner-template="artwork"][data-banner-button="none"] .hl-copy{display:none}
}
