/* Segmented-X hero: isolated from the legacy carousel and product scroll sequence. */
.repa-segmented-hero{position:relative;isolation:isolate;overflow:hidden;background:#100b0b;color:#fff;height:min(900px,100svh);min-height:640px;width:100%;direction:ltr}
.repa-segmented-hero *{box-sizing:border-box}
.repa-segmented-hero [hidden]{display:none!important}
.repa-segmented-hero__scene{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:66% center;z-index:-3}
.repa-segmented-hero__shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(13,6,8,.94),rgba(19,6,9,.83) 25%,rgba(19,6,9,.3) 49%,transparent 72%),linear-gradient(180deg,rgba(0,0,0,.36),transparent 24%,transparent 77%,rgba(0,0,0,.55))}
.repa-segmented-hero__stripes{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(128deg,transparent 30%,rgba(177,17,35,.13) 30%,rgba(177,17,35,.13) 32%,transparent 32%,transparent 33%,rgba(177,17,35,.2) 33%,rgba(177,17,35,.2) 35%,transparent 35%);opacity:.8}
.repa-segmented-hero__copy{position:absolute;z-index:3;left:4%;top:50%;transform:translateY(-39%);width:27%;max-width:520px;text-align:left}
.repa-segmented-hero__eyebrow{margin:0 0 18px!important;font:400 clamp(22px,2.2vw,40px)/1.2 Oswald,sans-serif!important;letter-spacing:.1em;color:#d42a35;text-transform:uppercase}
.repa-segmented-hero h1{color:#fff;font:800 clamp(40px,4.25vw,80px)/1.04 WorkSans,Arial,sans-serif;letter-spacing:-.055em;margin:0 0 24px;text-transform:uppercase;overflow-wrap:normal}
.repa-segmented-hero__description{font:400 clamp(14px,1vw,18px)/1.65 WorkSans,Arial,sans-serif;color:#e8e4e4;margin:0 0 26px;max-width:440px}
.repa-segmented-hero__cta{display:inline-flex;justify-content:space-between;align-items:center;gap:34px;padding:16px 24px;min-width:210px;max-width:100%;background:#b51c2d;border:1px solid #b51c2d;color:#fff;font:400 17px/1.3 Oswald,sans-serif;letter-spacing:.08em;text-transform:uppercase;text-decoration:none}
.repa-segmented-hero__cta:hover{background:#d3293a;color:#fff;text-decoration:none}.repa-segmented-hero__cta:focus-visible,.repa-segmented-hero__replay:focus-visible{outline:2px solid #fff;outline-offset:5px}
.repa-segmented-hero__cta svg,.repa-segmented-hero__replay svg{width:20px;height:20px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:2}
.repa-segmented-hero__diagram{position:absolute;z-index:2;left:28%;top:50%;transform:translateY(-42%);width:46%;aspect-ratio:10/9}
.repa-segmented-hero__product{position:absolute;left:17%;top:12.22%;width:65%;height:auto;max-width:none;filter:drop-shadow(0 28px 18px rgba(0,0,0,.55));transform-origin:50% 70%;will-change:transform,opacity}
.repa-segmented-hero__lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.repa-segmented-hero__line path{stroke:#da1c2f;stroke-width:2;vector-effect:non-scaling-stroke}
.repa-segmented-hero__line circle{fill:#151010;stroke:#ef2636;stroke-width:3;filter:drop-shadow(0 0 5px #d51c2c)}
.repa-segmented-hero__features{margin:0;padding:0;list-style:none}
.repa-segmented-hero__feature{position:absolute;max-width:24%;margin:0;list-style:none;font:700 clamp(10px,.82vw,15px)/1.35 WorkSans,Arial,sans-serif;color:#fff;text-transform:uppercase;text-shadow:0 2px 8px #000}
.repa-segmented-hero__feature--1{left:71%;top:.2%;max-width:25%}
.repa-segmented-hero__feature--2{left:2%;top:11.5%;max-width:23%;text-align:right}
.repa-segmented-hero__feature--3{left:5%;top:78%;max-width:26%}
.repa-segmented-hero__feature--4{left:80%;top:65%;max-width:25%}
.repa-segmented-hero__foot{position:absolute;bottom:28px;left:4%;right:4%;display:flex;justify-content:space-between;align-items:center;gap:20px;z-index:4}
.repa-segmented-hero__product-name{display:flex;align-items:center;gap:10px;font:400 12px/1.4 Oswald,sans-serif;letter-spacing:.15em;color:#d0c8c8}
.repa-segmented-hero__product-name i{display:block;width:22px;height:2px;background:#c51b2c}
.repa-segmented-hero__replay{display:inline-flex;align-items:center;gap:9px;background:rgba(15,14,14,.45);border:1px solid rgba(255,255,255,.25);border-radius:0;padding:9px 13px;color:#eee;cursor:pointer;font:400 11px/1.5 WorkSans,Arial,sans-serif;backdrop-filter:blur(5px)}
.repa-segmented-hero__replay svg{width:15px;height:15px;stroke-width:1.6}.repa-segmented-hero__replay:hover{background:#b51c2d;border-color:#b51c2d}
.repa-segmented-hero.is-preparing .repa-segmented-hero__product,.repa-segmented-hero.is-preparing .repa-segmented-hero__line,.repa-segmented-hero.is-preparing .repa-segmented-hero__feature{opacity:0}
.repa-segmented-hero.is-entering .repa-segmented-hero__product{animation:repa-segment-product 1.65s cubic-bezier(.16,.8,.22,1) both}
.repa-segmented-hero.is-entering .repa-segmented-hero__copy{animation:repa-segment-copy .8s ease-out both}
.repa-segmented-hero.is-entering .repa-segmented-hero__scene{animation:repa-segment-scene 2.4s cubic-bezier(.2,.7,.3,1) both}
.repa-segmented-hero__line--1,.repa-segmented-hero__feature--1{--enter-delay:1.25s}.repa-segmented-hero__line--2,.repa-segmented-hero__feature--2{--enter-delay:1.55s}.repa-segmented-hero__line--3,.repa-segmented-hero__feature--3{--enter-delay:1.85s}.repa-segmented-hero__line--4,.repa-segmented-hero__feature--4{--enter-delay:2.15s}
.repa-segmented-hero.is-entering .repa-segmented-hero__line path{animation:repa-segment-line .65s ease-out var(--enter-delay) both}
.repa-segmented-hero.is-entering .repa-segmented-hero__line circle,.repa-segmented-hero.is-entering .repa-segmented-hero__feature{animation:repa-segment-note .55s ease-out var(--enter-delay) both}
@keyframes repa-segment-product{from{opacity:0;transform:translate(160px,65px) rotate(-22deg) scale(.65)}to{opacity:1;transform:translate(0,0) rotate(0) scale(1)}}
@keyframes repa-segment-copy{from{opacity:0;translate:0 20px}to{opacity:1;translate:0 0}}
@keyframes repa-segment-scene{from{transform:scale(1.045) translateX(1%)}to{transform:scale(1) translateX(0)}}
@keyframes repa-segment-line{from{stroke-dasharray:1;stroke-dashoffset:1;opacity:0}to{stroke-dasharray:1;stroke-dashoffset:0;opacity:1}}
@keyframes repa-segment-note{from{opacity:0}to{opacity:1}}
@media(min-width:2100px){.repa-segmented-hero__diagram{width:40%;left:30%}.repa-segmented-hero__copy{max-width:560px}}
@media(max-width:1199px) and (min-width:768px){.repa-segmented-hero{height:720px;min-height:620px;max-height:100svh}.repa-segmented-hero__copy{width:31%;left:4%}.repa-segmented-hero h1{font-size:clamp(36px,4.6vw,54px)}.repa-segmented-hero__diagram{width:58%;left:31%;top:56%}.repa-segmented-hero__scene{object-position:76% center}.repa-segmented-hero__shade{background:linear-gradient(90deg,#11090bf2,#11090bc9 32%,#11090b26 75%)}.repa-segmented-hero__cta{min-width:0;padding:14px 18px;font-size:15px}}
@media(max-width:767px){
 .repa-segmented-hero{height:auto;min-height:0;padding:120px 24px 24px}
 .repa-segmented-hero__scene{object-position:76% center;opacity:.6}.repa-segmented-hero__shade{background:linear-gradient(180deg,#10080be8,#10080bd6 47%,#10080b99 75%,#10080bee)}
 .repa-segmented-hero__copy{position:relative;left:auto;top:auto;transform:none;width:100%;max-width:520px;margin:0 auto}
 .repa-segmented-hero__eyebrow{font-size:24px!important;margin-bottom:12px!important}.repa-segmented-hero h1{font-size:clamp(38px,9.8vw,64px);max-width:430px;margin-bottom:18px}.repa-segmented-hero__description{font-size:14px;max-width:450px;margin-bottom:20px}
 .repa-segmented-hero__cta{font-size:15px;padding:13px 18px;min-width:196px}
 .repa-segmented-hero__diagram{position:relative;left:auto;top:auto;transform:none;width:100%;max-width:500px;aspect-ratio:auto;margin:28px auto 24px}
 .repa-segmented-hero__product{position:relative;left:auto;top:auto;display:block;width:86%;margin:0 auto 26px}
 .repa-segmented-hero__lines{display:none}.repa-segmented-hero__features{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px}
 .repa-segmented-hero__feature{position:static;max-width:none;text-align:start;font-size:11px;line-height:1.5;border-inline-start:2px solid #bd2332;padding-inline-start:9px}
 .repa-segmented-hero__foot{position:relative;left:auto;right:auto;bottom:auto;gap:12px;border-top:1px solid #ffffff26;padding-top:16px}.repa-segmented-hero__product-name{font-size:10px;letter-spacing:.08em}.repa-segmented-hero__replay{font-size:10px;padding:8px}.repa-segmented-hero__product-name i{width:12px}
}
.is-rtl .repa-segmented-hero__copy{direction:rtl;text-align:right}.is-rtl .repa-segmented-hero__features{direction:rtl}.is-rtl .repa-segmented-hero h1{letter-spacing:0}
@media(prefers-reduced-motion:reduce){.repa-segmented-hero.is-entering *{animation:none!important}.repa-segmented-hero.is-preparing .repa-segmented-hero__product,.repa-segmented-hero.is-preparing .repa-segmented-hero__line,.repa-segmented-hero.is-preparing .repa-segmented-hero__feature{opacity:1}.repa-segmented-hero__product{will-change:auto}.repa-segmented-hero__replay{display:none!important}}
/* Two product slides share the same stage and explicit navigation. */
.repa-hero-carousel{position:relative;background:#100b0b}
.repa-hero-carousel [hidden]{display:none!important}
.repa-segmented-hero--monolith .repa-segmented-hero__product{left:0;top:8%;width:100%;filter:brightness(1.35) drop-shadow(0 18px 20px #0008)}
.repa-segmented-hero--monolith .repa-segmented-hero__diagram:before{content:"";position:absolute;inset:12% 15% 18%;background:radial-gradient(ellipse,#d9e0e82b,transparent 70%);pointer-events:none}
.repa-hero-carousel__controls{position:absolute;z-index:5;left:50%;bottom:24px;transform:translateX(-50%);display:flex;gap:3px;align-items:center;padding:4px;background:#120e0edb;border:1px solid #ffffff30}
.repa-hero-carousel__controls button{border:0;border-radius:0;background:transparent;color:#bfb8b8;cursor:pointer;min-height:34px;min-width:30px;padding:7px;display:inline-flex;gap:7px;align-items:center;justify-content:center;font:600 11px/1.4 WorkSans,Arial,sans-serif;white-space:nowrap}
.repa-hero-carousel__controls button:hover{background:#ffffff12;color:#fff}
.repa-hero-carousel__controls button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.repa-hero-carousel__controls .repa-hero-carousel__tab{padding:8px 12px}
.repa-hero-carousel__tab small{font-size:9px;color:#a39494}
.repa-hero-carousel__controls button[aria-pressed="true"]{background:#b51c2d;color:#fff}
.repa-hero-carousel__tab[aria-pressed="true"] small{color:#ffb8bf}
.repa-hero-carousel__controls svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6}
@media(max-width:1199px) and (min-width:768px){.repa-hero-carousel__controls{bottom:18px}.repa-hero-carousel__controls .repa-hero-carousel__tab{padding:8px 6px;font-size:10px}.repa-hero-carousel .repa-segmented-hero__replay{font-size:0;gap:0}.repa-hero-carousel .repa-segmented-hero__product-name{font-size:10px}}
@media(max-width:767px){.repa-hero-carousel .repa-segmented-hero{padding-bottom:86px}.repa-hero-carousel__controls{bottom:20px;width:calc(100% - 48px);max-width:430px;justify-content:center}.repa-hero-carousel__controls .repa-hero-carousel__tab{font-size:10px;padding:8px 5px;gap:5px}.repa-segmented-hero--monolith .repa-segmented-hero__product{left:auto;top:auto;width:100%;height:min(78vw,390px);object-fit:contain}.repa-segmented-hero--monolith .repa-segmented-hero__diagram:before{inset:0 0 35%}}

/* Product-specific callout layout; coordinates share the image's responsive diagram. */
.repa-segmented-hero__feature--2{top:19%}
.repa-segmented-hero:not(.repa-segmented-hero--monolith) .repa-segmented-hero__feature--3{left:46%;top:41.5%;max-width:22%;text-align:left}
.repa-segmented-hero--monolith .repa-segmented-hero__feature--1{left:80%;top:10%;max-width:25%}
.repa-segmented-hero--monolith .repa-segmented-hero__feature--2{left:0;top:34%;max-width:25%;text-align:right}
.repa-segmented-hero--monolith .repa-segmented-hero__feature--3{left:0;top:75%;max-width:25%;text-align:right}
.repa-segmented-hero--monolith .repa-segmented-hero__feature--4{left:80%;top:49%;max-width:25%}
.repa-segmented-hero--monolith .repa-segmented-hero__feature--5{left:0;top:-3%;max-width:30%;text-align:right}
.repa-segmented-hero--monolith .repa-segmented-hero__feature--6{left:80%;top:78%;max-width:26%}
.repa-segmented-hero__line--1,.repa-segmented-hero__feature--1{--enter-delay:1.7s}
.repa-segmented-hero__line--2,.repa-segmented-hero__feature--2{--enter-delay:1.9s}
.repa-segmented-hero__line--3,.repa-segmented-hero__feature--3{--enter-delay:2.1s}
.repa-segmented-hero__line--4,.repa-segmented-hero__feature--4{--enter-delay:2.3s}
.repa-segmented-hero__line--5,.repa-segmented-hero__feature--5{--enter-delay:2.5s}
.repa-segmented-hero__line--6,.repa-segmented-hero__feature--6{--enter-delay:2.7s}
@media(max-width:767px){.repa-segmented-hero .repa-segmented-hero__feature{position:static;max-width:none;text-align:start}}

/* Mobile: give the vehicle a dedicated visual stage beside the product. */
@media(max-width:767px){
 .repa-hero-carousel .repa-segmented-hero{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;background:#100b0b}
 .repa-segmented-hero__copy{grid-area:1/1;}
 .repa-segmented-hero__diagram{grid-area:2/1;max-width:none;margin:24px 0 20px;padding-top:22px}
 .repa-segmented-hero__scene{grid-area:2/1/3/2;inset:0 -24px;width:calc(100% + 48px);height:100%;opacity:1;object-position:100% center}
 .repa-segmented-hero__shade{grid-area:2/1/3/2;inset:0 -24px;background:linear-gradient(90deg,#100b0b55,transparent 65%),linear-gradient(180deg,#100b0b,transparent 18%,transparent 58%,#100b0b 88%)}
 .repa-segmented-hero__product{width:68%;height:clamp(235px,65vw,340px);object-fit:contain;margin:0 0 70px -3%;filter:drop-shadow(0 15px 12px #0009)}
 .repa-segmented-hero--monolith .repa-segmented-hero__product{width:100%;height:clamp(235px,65vw,340px);margin-left:-22%;object-fit:contain}
 .repa-segmented-hero--monolith .repa-segmented-hero__diagram:before{inset:0 35% 35% 0}
 .repa-segmented-hero__features{position:relative;padding-top:14px}
 .repa-segmented-hero__foot{grid-area:3/1}
}

/* Compact circular slide timer, shared by mobile and desktop. */
.repa-hero-carousel__controls{bottom:18px;gap:12px;padding:0;border:0;background:none;width:auto;max-width:none}
.repa-hero-carousel__controls button{width:34px;height:34px;min-width:34px;min-height:34px;padding:0;border:1px solid #ffffff36;border-radius:50%;background:#100b0b75;color:#fff;backdrop-filter:blur(8px)}
.repa-hero-carousel__controls button:hover{background:#b51c2d;border-color:#d42a35}
.repa-hero-carousel__controls button:focus-visible{outline:2px solid #fff;outline-offset:4px}
.repa-hero-carousel__controls .repa-hero-carousel__dial{position:relative;width:76px;height:76px;border:0;background:#100b0bbb;display:flex;flex-direction:column;gap:3px;justify-content:center}
.repa-hero-carousel__controls .repa-hero-carousel__dial[aria-pressed="true"]{background:#100b0bbb}
.repa-hero-carousel__controls .repa-hero-carousel__clock{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);stroke-width:2.5;fill:none;pointer-events:none}
.repa-hero-carousel__track{stroke:#ffffff30}
.repa-hero-carousel__progress{stroke:#df293e;stroke-linecap:round}
.repa-hero-carousel__count{display:flex;align-items:baseline;gap:4px;font-family:WorkSans,Arial,sans-serif;line-height:1}
.repa-hero-carousel__count strong{font-size:21px;font-weight:600;font-variant-numeric:tabular-nums;color:#fff}
.repa-hero-carousel__count small{font-size:10px;font-weight:400;color:#bfb8b8}
.repa-hero-carousel__pause-icon{font-size:10px;line-height:1;color:#ccc}
@media(max-width:767px){.repa-hero-carousel .repa-segmented-hero{padding-bottom:112px}.repa-hero-carousel__controls{bottom:18px;width:auto;gap:14px}.repa-hero-carousel__controls .repa-hero-carousel__dial{width:68px;height:68px}}
@media(prefers-reduced-motion:reduce){.repa-hero-carousel__controls .repa-hero-carousel__dial{pointer-events:none}.repa-hero-carousel__pause-icon{display:none}}

/* Desktop editorial balance: shared header inset, quieter type and product scale. */
@media(min-width:1200px){
 .repa-segmented-hero__copy{left:100px;width:26%;max-width:440px;top:50%}
 .repa-segmented-hero__eyebrow{font-size:clamp(24px,1.65vw,32px)!important;margin-bottom:16px!important;letter-spacing:.08em}
 .repa-segmented-hero h1{font-size:clamp(42px,3.3vw,64px);line-height:1.08;letter-spacing:-.045em;margin-bottom:22px}
 .repa-segmented-hero__description{font-size:16px;line-height:1.7;max-width:400px;margin-bottom:24px}
 .repa-segmented-hero__cta{font-size:15px;min-width:0;padding:14px 20px;gap:28px}
 .repa-segmented-hero__diagram{left:34%;width:min(40vw,760px);top:52%}
 .repa-segmented-hero__foot{left:100px;right:100px}
}