.hero-carousel{width:100%;background:var(--soft);overflow:hidden}
.hero-slides{position:relative;isolation:isolate;overflow:hidden;width:100%}
.hero-slide{position:absolute;inset:0;width:100%;min-width:0;opacity:0;visibility:hidden;transform:translateX(32px);transition:opacity .55s ease,transform .55s ease,visibility .55s}
.hero-slide.is-active{position:relative;inset:auto;opacity:1;visibility:visible;transform:translateX(0);z-index:1}
.hero-carousel .hero{background:white;padding:44px 0 46px}
.hero-carousel .hero-grid{width:100%;max-width:1200px;margin-inline:auto;padding-inline:clamp(20px,4vw,60px);grid-template-columns:1fr 1fr;gap:42px}
.hero-carousel .hero-copy{text-align:center}
.hero-carousel .hero-actions,.hero-carousel .location{justify-content:center}
.hero-carousel .original-hero-title{font-size:clamp(48px,5.5vw,72px);line-height:1.04;letter-spacing:-3px;margin-bottom:24px}
.hero-carousel .hero-art{width:100%;max-width:500px;margin-inline:auto;padding:28px 20px 23px}
.hero-carousel .main-logo{max-width:440px;margin:20px auto 12px}
.hero-carousel .hero-description{line-height:1.7;margin-inline:auto}
.hero-slide-media{background:white}
.hero-slide-media img{display:block;position:relative;width:100%;height:auto;aspect-ratio:3/1}
.hero-media-action{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:flex-end;width:100%;max-width:none;padding:26px clamp(20px,4vw,80px);pointer-events:none}
.hero-media-cta{pointer-events:auto;box-shadow:0 3px 16px #0a254050;border-color:white}
.hero-warranty{position:absolute;left:3%;top:31%;width:29%;padding:clamp(12px,1.2vw,24px);border-radius:14px;background:#fffffff0;box-shadow:0 10px 32px #0a254025;text-align:center;color:var(--navy)}
.hero-warranty-copy{font-family:Montserrat,Arial,sans-serif;font-weight:900;line-height:1.04;letter-spacing:-.04em;margin:0;transform-origin:center}
.hero-warranty-range{display:flex;align-items:baseline;justify-content:center;gap:.1em;white-space:nowrap;font-size:clamp(46px,6.3vw,112px);color:var(--orange)}
.hero-warranty-connector{font-size:.48em;color:var(--navy)}
.hero-warranty-years{font-size:.43em;color:var(--navy);letter-spacing:-.02em}
.hero-warranty-detail,.hero-warranty-written{display:block;font-size:clamp(25px,3.45vw,58px)}
.hero-warranty-written{color:var(--orange);margin-top:3px}
.hero-warranty-note{font-size:clamp(12px,1.05vw,18px);line-height:1.35;font-weight:700;letter-spacing:0;margin:12px 0 0}
.hero-slide-media.is-active .hero-warranty-copy{animation:warranty-grow 2.6s cubic-bezier(.2,.75,.3,1) both}
.hero-slide-media.is-active .hero-warranty-note{animation:warranty-note-grow 2.3s .15s ease-out both}
.hero-carousel[data-carousel-paused="true"] .hero-warranty-copy,.hero-carousel[data-carousel-paused="true"] .hero-warranty-note{animation-play-state:paused}
@keyframes warranty-grow{from{transform:scale(.78);opacity:.7}to{transform:scale(1);opacity:1}}
@keyframes warranty-note-grow{from{transform:scale(.92);opacity:.6}to{transform:scale(1);opacity:1}}
.carousel-controls{display:flex;align-items:center;justify-content:center;gap:23px;min-height:64px;padding:10px 20px;background:var(--navy);color:white}
.carousel-dots{display:flex;gap:4px}
.carousel-dot{display:grid;place-items:center;width:44px;height:44px;padding:0;background:transparent;border:0;cursor:pointer}
.carousel-dot:after{content:"";width:10px;height:10px;border-radius:50%;border:1px solid #ffffffa8;background:transparent;transition:background .2s,width .2s}
.carousel-dot[aria-current="true"]:after{width:28px;border-radius:8px;border-color:#ff9855;background:#ff9855}
.carousel-count{font-size:14px;font-variant-numeric:tabular-nums;letter-spacing:2px;min-width:40px}
.carousel-play{display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 12px;border:1px solid #ffffff50;border-radius:6px;background:transparent;color:white;cursor:pointer;font-size:14px}
.carousel-play:hover{background:#ffffff15}
.carousel-play svg{width:16px;height:16px;fill:currentColor}
.carousel-play svg[hidden]{display:none}
.carousel-controls :focus-visible{outline-color:#ff9855;outline-offset:2px}
.carousel-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:1000px){.hero-carousel .original-hero-title{font-size:56px}.hero-carousel .hero-grid{gap:28px}}
@media(max-width:760px){.hero-carousel .hero{padding:30px 0 34px}.hero-carousel .hero-grid{grid-template-columns:1fr;gap:25px}.hero-carousel .original-hero-title{font-size:clamp(40px,10.4vw,60px);letter-spacing:-2px;margin-bottom:18px}.hero-carousel .eyebrow{font-size:12px;letter-spacing:1.4px;margin-bottom:14px}.hero-carousel .hero-description{margin-bottom:20px}.hero-carousel .hero-actions{gap:14px}.hero-carousel .location{margin-top:17px}.hero-carousel .hero-art{max-width:370px;padding:18px 16px 16px;border-radius:55px 10px 10px 10px}.hero-carousel .main-logo{max-width:220px;margin:10px auto}.hero-carousel .art-label{font-size:12px;letter-spacing:1px}.hero-carousel .care-note{padding-top:12px}.carousel-controls{gap:12px;padding-inline:12px}.carousel-play{padding-inline:10px}}
@media(prefers-reduced-motion:reduce){.hero-slide{transition:none;transform:none}}
@media(max-width:760px){.hero-media-action{position:relative;inset:auto;padding:14px 20px;justify-content:center;background:var(--navy)}.hero-media-cta{min-height:48px}}
@media(max-width:760px){.hero-warranty{position:relative;left:auto;top:auto;width:calc(100% - 40px);max-width:480px;margin:-12px auto 20px;padding:18px 14px 16px;z-index:1;background:white}.hero-warranty-range{font-size:clamp(52px,13.5vw,86px)}.hero-warranty-detail,.hero-warranty-written{font-size:clamp(28px,7.5vw,42px)}.hero-warranty-note{font-size:12px;max-width:320px;margin:12px auto 0}}
@media(prefers-reduced-motion:reduce){.hero-slide-media.is-active .hero-warranty-copy,.hero-slide-media.is-active .hero-warranty-note{animation:none;transform:none;opacity:1}}
