@keyframes shine-skeleton-lines{0{background-position:-100px}
40%,100%{background-position:600px}
}
.mod__max-w-xl{max-width:1436px;margin:auto}
@keyframes spin{0{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}
@keyframes rotateImageLoading{from{transform:translate(-50%,-50%) rotateY(0) scale(1.01)}
to{transform:translate(-50%,-50%) rotateY(360deg) scale(1.01)}
}
.cmp-cp-landing-hero{position:relative;min-height:500px;padding:16px;background-color:var(--color-bg-02)}
.cmp-cp-landing-hero:after{position:absolute;content:'';width:100%;height:100%;top:0;left:0;background:linear-gradient(90.97deg,rgba(0,0,0,0.2) .72%,rgba(0,0,0,0) 50.96%)}
.cmp-cp-landing-hero__image{position:absolute;width:100%;height:100%;top:0;left:0}
.cmp-cp-landing-hero__image .cmp-image .cmp-image__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}
.cmp-cp-landing-hero__container{margin:0 auto;width:100%;max-width:1372px;position:relative}
.cmp-cp-landing-hero__container:before{position:absolute;content:'';top:0;left:0;background-size:cover;background-position:center;background-repeat:no-repeat;width:225px;height:16px;background-image:url("../../../../../../../../etc.clientlibs/cupra-website/components/clientlibs/resources/cupra-passport/cupra-passport-logo-light.svg");z-index:1}
.cmp-cp-landing-hero__content{padding-top:134px;max-width:294px;position:relative;z-index:1}
.cmp-cp-landing-hero__pre-title{margin:0 0 32px}
.cmp-cp-landing-hero__pre-title .cmp-title__text{color:var(--color-font-03);font-family:'CupraRegular',sans-serif;font-weight:400;font-size:14px;line-height:20px}
.cmp-cp-landing-hero__title{margin:0 0 32px}
.cmp-cp-landing-hero__title .cmp-title__text{color:var(--color-font-03);text-transform:uppercase;font-family:'CupraLight',sans-serif;font-weight:300;font-size:24px;line-height:32px}
.cmp-cp-landing-hero__cta .cmp-button{min-width:120px;width:auto;display:inline-flex}
@media(min-width:764px){.cmp-cp-landing-hero{padding:32px;min-height:612px}
.cmp-cp-landing-hero__content{padding-top:168px;max-width:490px}
.cmp-cp-landing-hero__pre-title .cmp-title__text{font-size:16px;line-height:24px}
.cmp-cp-landing-hero__title .cmp-title__text{font-size:40px;line-height:48px}
}
@media(min-width:1016px){.cmp-cp-landing-hero{min-height:816px}
.cmp-cp-landing-hero__container:before{width:270px;height:20px}
.cmp-cp-landing-hero__content{padding-top:240px}
.cmp-cp-landing-hero__pre-title .cmp-title__text{font-size:20px;line-height:24px}
.cmp-cp-landing-hero__title .cmp-title__text{font-size:48px;line-height:52px}
.cmp-cp-landing-hero__cta .cmp-button{min-width:180px}
}
@media(min-width:1436px){.cmp-cp-landing-hero{min-height:888px}
}