.sunroof-hero{align-items:center;display:flex;justify-content:center;min-height:85vh;overflow:hidden;position:relative;width:100%}.sunroof-hero__bg-slider,.sunroof-hero__bg-wrapper,.sunroof-hero__slide{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.sunroof-hero__slide{opacity:0;pointer-events:none;visibility:hidden}.sunroof-hero__slide.is-active{opacity:1;pointer-events:auto;visibility:visible;z-index:2}.sunroof-hero__bg-img{height:100%;object-fit:cover;object-position:center;transform:scale(1.05);width:100%;will-change:transform}.sunroof-hero__overlay{background:linear-gradient(180deg,rgba(10,12,16,.45),rgba(10,12,16,.15));height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:3}.sunroof-hero__container{display:flex;justify-content:center;margin:0 auto;max-width:1140px;padding:140px 24px 100px;position:relative;width:100%;z-index:4}.sunroof-hero__content{align-items:center;display:flex;flex-direction:column;max-width:920px;text-align:center}.sunroof-hero__title{color:var(--color-white);font-family:var(--font-base);font-size:var(--font-size-h1);font-weight:600;letter-spacing:-.5px;line-height:1.18;margin-bottom:24px}.sunroof-hero__subtitle{color:hsla(0,0%,100%,.92);font-family:var(--font-base);font-size:var(--font-size-body-02);font-weight:400;line-height:1.6;margin:0 auto 36px;max-width:780px}.sunroof-hero__cta-wrapper{display:flex;justify-content:center}.sunroof-hero__cta{font-size:16px;padding:14px 32px}.sunroof-hero__dots{align-items:center;bottom:28px;display:flex;gap:10px;left:50%;position:absolute;transform:translateX(-50%);z-index:10}.sunroof-hero__dot{background-color:hsla(0,0%,100%,.45);border:1px solid hsla(0,0%,100%,.7);border-radius:50%;cursor:pointer;height:10px;outline:none;padding:0;transition:width .35s cubic-bezier(.16,1,.3,1),background-color .35s ease,border-radius .35s ease;width:10px}.sunroof-hero__dot:hover{background-color:hsla(0,0%,100%,.85)}.sunroof-hero__dot.is-active{background-color:var(--color-blue-primary,#0762ff);border-color:var(--color-blue-primary,#0762ff);border-radius:6px;box-shadow:0 0 10px rgba(7,98,255,.5);width:32px}@media (max-width:991px){.sunroof-hero{min-height:75vh}.sunroof-hero__container{padding:110px 20px 70px}.sunroof-hero__title{font-size:38px;margin-bottom:20px}.sunroof-hero__subtitle{font-size:16px;margin-bottom:30px}}@media (max-width:576px){.sunroof-hero__title{font-size:30px}.sunroof-hero__subtitle{font-size:15px}.sunroof-hero__cta{justify-content:center;width:100%}}