.showcase{position:relative;height:680px;background:#101821;color:#fff;overflow:hidden;isolation:isolate;touch-action:pan-y}
.showcase-stage{height:100%}
.showcase-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .65s ease,visibility .65s;overflow:hidden;background:#101821}
.showcase-slide.is-active{opacity:1;visibility:visible;z-index:1}
.showcase-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;max-width:none}
.showcase-photo-drive{object-position:100% 60%}
.showcase-shade{position:absolute;inset:0;background:linear-gradient(90deg,#071019e6 0%,#07101999 27%,#07101900 58%),linear-gradient(0deg,#071019d9,transparent 24%)}
.showcase-copy{position:relative;z-index:2;padding-top:70px;pointer-events:none}
.showcase-copy a{pointer-events:auto}
.showcase .eyebrow{font-size:9px;letter-spacing:1.7px;display:flex;align-items:center;gap:9px;color:#d1d6dc;margin-bottom:24px}
.showcase .eyebrow i{width:5px;height:5px;background:#ef4550;border-radius:50%;display:inline-block;flex-shrink:0}
.showcase h1,.showcase h2{font-size:clamp(56px,5.2vw,80px);line-height:1.02;letter-spacing:-3.5px;margin:0 0 24px;max-width:620px;font-weight:500}
.showcase em{font-style:normal;color:#fb565c}
.showcase-copy>p{font-size:14px;line-height:1.8;color:#d0d5db;margin:0 0 27px;max-width:440px}
.showcase-actions{display:flex;align-items:center;gap:25px;max-width:560px}
.showcase .button{font-size:12px;min-height:52px;padding:16px 22px;white-space:nowrap}
.showcase-link{display:inline-flex;align-items:center;gap:18px;font-size:11px;line-height:1.5;border-bottom:1px solid #ffffff50;padding-bottom:5px;white-space:nowrap}
.showcase-link:hover{color:#fff;border-color:#fff}
.showcase-link>span{font-size:17px}
.showcase-assurance{display:inline-flex;gap:10px;align-items:center;color:#c5ccd3;font-size:11px;margin-top:26px;line-height:1.6}
.showcase-assurance svg{width:21px;height:21px;color:#ef626b}
.showcase-assurance strong{font-weight:500;color:#fff}
.showcase-corner{position:absolute;bottom:110px;right:48px;font-size:8px;letter-spacing:1.6px;color:#c0c8d1;z-index:2}
.showcase-controls{position:absolute;z-index:3;bottom:0;left:0;right:0;height:88px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff30;gap:50px;transition:color .65s,border-color .65s}
.showcase-pagination{display:flex;gap:30px;width:570px;max-width:70%;align-self:stretch}
.showcase-pagination button{position:relative;flex:1;min-width:0;display:flex;align-items:center;gap:12px;padding:0;text-align:left;color:#b9bfc6}
.slide-number{font-size:10px;letter-spacing:1px;color:#919da9}
.slide-label{font-size:11px;white-space:nowrap}
.slide-track{position:absolute;top:-1px;left:0;right:0;height:2px;background:transparent;transition:background .3s}
.showcase-pagination button[aria-pressed=true]{color:#fff}
.showcase-pagination button[aria-pressed=true] .slide-number{color:#f56b72}
.showcase-pagination button[aria-pressed=true] .slide-track{background:#ed424d}
.showcase-transport{display:flex;align-items:center;gap:7px}
.showcase-transport button{width:42px;height:42px;border:1px solid #ffffff35;border-radius:50%;font-size:18px;color:inherit;display:grid;place-items:center}
.showcase-transport button:hover{background:#ffffff15;border-color:#ffffff80}
.showcase-transport [data-hero-play]{border:0;font-size:13px;width:32px}
.showcase-warranty{background:radial-gradient(ellipse at 77% 42%,#fff 10%,#f2f2ee 60%,#eaeae6);color:#202629}
.showcase-warranty .eyebrow{color:#777c78}
.showcase-warranty .showcase-copy>p{color:#676e6b}
.showcase-warranty .showcase-copy>p strong{color:#2d3431;font-weight:500}
.showcase-warranty em{color:#cf2735}
.showcase-warranty .showcase-link{border-color:#8c939166}
.showcase-warranty .showcase-link:hover{color:#bc202d;border-color:#bc202d}
.showcase-warranty .showcase-corner{display:none}
.showcase-footnote{display:block;font-size:9px;line-height:1.8;color:#888e87;margin-top:24px;max-width:360px}
.warranty-art{position:absolute;width:52%;height:calc(100% - 90px);right:1%;top:0;display:flex;align-items:center;justify-content:center}
.warranty-art>img{position:relative;z-index:1;width:590px;max-width:100%;height:92%;object-fit:contain;mix-blend-mode:multiply;transform:rotate(15deg)}
.warranty-watermark{position:absolute;font-size:580px;line-height:1;font-weight:700;letter-spacing:-40px;left:0;top:-20px;color:#d9dbd466;font-family:Arial,Helvetica,sans-serif}
.warranty-seal{position:absolute;right:6%;top:30%;z-index:2;background:#1a2329;color:white;width:134px;height:166px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:3px;box-shadow:0 18px 50px #101a2520}
.warranty-seal>svg{width:24px;height:24px;color:#f15d66;margin-bottom:6px}
.warranty-seal>strong{font-size:58px;line-height:.95;font-weight:500;letter-spacing:-2px;text-align:center}
.warranty-seal>strong>span{display:block;font-size:13px;letter-spacing:4px;line-height:1.9;margin-top:6px;margin-left:4px}
.warranty-seal>b{font-size:9px;letter-spacing:2.2px;font-weight:400;color:#bdc6ce}
.warranty-art>small{position:absolute;bottom:20px;right:8%;font-size:8px;color:#93988f}
.showcase[data-theme=light] .showcase-controls{color:#303936;border-color:#aeb5ac66}
.showcase[data-theme=light] .showcase-pagination button{color:#848c83}
.showcase[data-theme=light] .showcase-pagination button[aria-pressed=true]{color:#262e2a}
.showcase[data-theme=light] .showcase-transport button{border-color:#8e9b8950}
.showcase[data-theme=light] .showcase-transport button:hover{background:#151a1610;border-color:#8e9b8980}
.showcase-fitment .showcase-shade{background:linear-gradient(90deg,#091116f2,#0911169e 35%,transparent 73%),linear-gradient(0deg,#091116cc,transparent 32%)}
.showcase-photo-fitment{object-position:58% 57%}
.showcase-details{display:flex;gap:16px;align-items:center;margin-top:27px;font-size:10px;color:#c0c7ce}
.showcase-details>span+span{padding-left:16px;border-left:1px solid #ffffff40}
@media(min-width:1600px){.showcase{height:750px}.showcase-copy{padding-top:92px}.showcase h1,.showcase h2{font-size:86px}.showcase-corner{right:max(48px,calc((100% - 1320px)/2))}.warranty-art{right:5%;width:48%;height:calc(100% - 110px)}}
@media(max-width:1150px){.showcase{height:640px}.showcase-copy{padding-top:60px}.showcase h1,.showcase h2{font-size:63px;letter-spacing:-3px}.showcase-copy>p{font-size:12px}.showcase-actions{gap:17px}.showcase .button{font-size:11px;padding:15px 18px}.showcase-link{font-size:10px;gap:12px}.warranty-art{width:50%;right:0}.warranty-seal{width:110px;height:145px;right:5%;top:32%}.warranty-seal>strong{font-size:48px}.warranty-watermark{font-size:520px}.showcase-corner{font-size:7px}.showcase-pagination{width:520px;gap:20px}.slide-label{font-size:10px}}
@media(max-width:850px){.showcase{height:630px}.showcase-copy{padding-top:55px}.showcase h1,.showcase h2{font-size:57px;letter-spacing:-2.8px}.showcase .eyebrow{font-size:7px}.showcase-copy>p{font-size:12px}.showcase-actions{align-items:flex-start;flex-direction:column;gap:18px}.showcase .button{min-height:46px;padding:14px 18px}.showcase-assurance,.showcase-details{margin-top:21px;font-size:10px}.showcase-corner{display:none}.showcase-controls{height:78px;gap:20px}.showcase-pagination{max-width:none;gap:18px;width:100%}.slide-label{font-size:9px}.showcase-pagination button{gap:8px}.showcase-transport{gap:2px}.showcase-transport button{width:32px;height:32px;font-size:16px}.showcase-transport [data-hero-play]{width:25px;font-size:11px}.warranty-art{width:50%;right:-2%;height:530px}.warranty-watermark{font-size:440px;top:15px}.warranty-seal{width:95px;height:135px;right:4%;top:37%}.warranty-seal>strong{font-size:43px}.warranty-seal>strong>span{font-size:10px}.warranty-seal>b{font-size:7px}.showcase-footnote{font-size:8px;max-width:275px}.showcase-photo-fitment{object-position:65% 50%}}
@media(max-width:600px){.showcase{height:760px}.showcase-copy{padding-top:32px}.showcase .eyebrow{font-size:7px;letter-spacing:1.3px;margin-bottom:22px;gap:7px}.showcase h1,.showcase h2{font-size:53px;line-height:1;letter-spacing:-2.8px;margin-bottom:20px;max-width:350px}.showcase-copy>p{font-size:11px;line-height:1.8;margin-bottom:21px;max-width:330px}.showcase-actions{flex-direction:row;align-items:center;gap:20px}.showcase .button{font-size:10px;padding:13px 16px;min-height:44px;gap:20px}.showcase .button span{font-size:17px}.showcase-link{font-size:9px;gap:9px}.showcase-assurance{font-size:10px;margin-top:19px;gap:8px}.showcase-assurance svg{width:18px;height:18px}.showcase-photo{inset:auto;bottom:72px;right:-5%;width:170%;height:310px;object-fit:cover;object-position:center;opacity:1}.showcase-shade{background:linear-gradient(180deg,#0b1420 0%,#0b1420 42%,#0b142000 61%),linear-gradient(0deg,#0b1420 4%,#0b142000 19%)}.showcase-controls{height:72px;gap:17px}.showcase-pagination{gap:17px;flex:1}.showcase-pagination button{display:block}.slide-number{font-size:9px;display:block;margin:0 0 5px}.slide-label{font-size:8px;line-height:1.4;display:block;white-space:normal}.showcase-transport{gap:0}.showcase-transport button{width:27px;height:32px;border:0;font-size:19px}.showcase-transport [data-hero-play]{width:28px;font-size:11px}.showcase-footnote{margin-top:17px;font-size:8px;max-width:330px}.warranty-art{top:auto;bottom:74px;height:290px;width:100%;right:0}.warranty-art>img{height:108%;width:330px;transform:rotate(20deg);left:-15px;max-width:none}.warranty-watermark{font-size:290px;left:23px;top:-5px;letter-spacing:-15px}.warranty-seal{right:31px;top:69px;width:90px;height:125px}.warranty-seal>svg{width:20px;height:20px}.warranty-seal>strong{font-size:39px}.warranty-seal>strong>span{font-size:9px;letter-spacing:3px}.warranty-seal>b{font-size:7px}.warranty-art>small{bottom:2px;right:25px;font-size:7px}.showcase-fitment .showcase-shade{background:linear-gradient(180deg,#0c141a 0%,#0c141a 42%,#0c141a00 64%),linear-gradient(0deg,#0c141a 4%,#0c141a00 21%)}.showcase-photo-fitment{width:140%;right:-13%;height:330px;object-position:65% 65%}.showcase-fitment h2{font-size:48px;line-height:1.05}.showcase-details{margin-top:20px;font-size:9px;gap:12px}.showcase-details>span+span{padding-left:12px}}
@media(max-width:360px){.showcase h1,.showcase h2{font-size:47px}.showcase-fitment h2{font-size:42px}.showcase-actions{gap:12px}.showcase .button{font-size:9px;padding:13px;gap:12px}.showcase-link{font-size:8px;gap:7px}.slide-label{font-size:7px}.showcase-pagination{gap:10px}.showcase-controls{gap:10px}}
@media(max-width:600px){.showcase-photo-drive{width:155%;right:-2.5%;height:285px;object-fit:contain;mask-image:linear-gradient(transparent,#000 12%,#000 88%,transparent)}}
@media(prefers-reduced-motion:reduce){.showcase-slide,.showcase-controls,.slide-track{transition:none}}
