.cmp-scrollytelling{position:relative;z-index:1;pointer-events:none}
.cmp-scrollytelling__wrapper{position:absolute;width:100%;opacity:1;z-index:2;transform-origin:bottom;transition:opacity .3s ease-out}
.cmp-scrollytelling__spacer{position:relative;z-index:3;width:100%}
.cmp-scrollytelling__container{position:relative;margin:0 auto;width:100%;max-width:1920px;min-width:320px;padding:0 var(--ds-layout-margin);z-index:2}
.cmp-scrollytelling__video-wrapper{position:absolute;top:0;left:0;width:100%;height:100vh;z-index:1;display:flex;justify-content:center;align-items:center;overflow:hidden}
.cmp-scrollytelling__canvas-wrapper{position:relative;width:100vw;height:100vh;overflow:hidden}
.cmp-scrollytelling__canvas-wrapper canvas{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-height:100%;width:auto !important}
.cmp-scrollytelling__canvas-wrapper--force-width canvas{min-width:100%;min-height:auto;height:auto !important;width:100%}
.cmp-scrollytelling__video{display:none}
.cmp-scrollytelling__nav-button[disabled],.cmp-scrollytelling__nav-button--disabled{opacity:.3;pointer-events:none}
.cmp-scrollytelling-section{position:fixed;top:92px;pointer-events:none;opacity:0;visibility:hidden;will-change:transform,opacity,filter;left:0;padding:0 var(--ds-layout-margin);width:100%}
.cmp-scrollytelling-section.mod__active{pointer-events:auto}
.cmp-scrollytelling-section__info{display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column;gap:var(--ds-spacing-layout-xxxs)}
.cmp-scrollytelling-section__title{text-shadow:0 0 3px #000}
.cmp-scrollytelling-section__subtitle{text-shadow:0 0 3px #000}
body.stickyManager__sticky-scrolling-scrollDown .cmp-scrollytelling-section{margin-top:-72px}
@media(min-width:768px){.cmp-scrollytelling-section{top:108px;max-width:680px;padding:0;left:50%;transform:translateX(-50%)}
}
@media(min-width:1024px){.cmp-scrollytelling-section{top:116px;max-width:860px}
}
.cmp-scrollytelling-highlight{position:fixed;z-index:2;pointer-events:none;opacity:0;visibility:hidden;will-change:transform,opacity,filter}
.cmp-scrollytelling-highlight.mod__active{pointer-events:auto;z-index:3;opacity:1;visibility:visible}
.cmp-scrollytelling-highlight__info{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:var(--ds-spacing-layout-s);gap:var(--ds-spacing-layout-xxs);border-radius:8px;overflow:hidden;border:1px solid var(--ds-color-border-default);background:linear-gradient(179deg,var(--ds-color-interaction-subtle-alternative-bg-default-start,rgba(250,250,250,0.15)) .73%,var(--ds-color-interaction-subtle-alternative-bg-default-mid,rgba(195,195,203,0.05)) 84.63%,var(--ds-color-interaction-subtle-alternative-bg-default-end,rgba(195,195,203,0.1)) 99.44%),rgba(21,24,30,0.9)}
.cmp-scrollytelling-highlight__info:before,.cmp-scrollytelling-highlight__info:after{position:absolute;content:'';top:0;left:0;width:100%;height:100%;z-index:-1}
.cmp-scrollytelling-highlight__title{word-break:break-word}
.cmp-scrollytelling-controls{display:flex;flex-direction:column;align-items:flex-end;position:absolute;top:0;right:2rem;height:calc(100vh - 96px);min-width:60px;opacity:0;z-index:var(--ds-z-index-default,1);transition:opacity .4s ease}
.cmp-scrollytelling-controls__top,.cmp-scrollytelling-controls__container,.cmp-scrollytelling-controls__carousel{display:flex;flex-direction:column}
.cmp-scrollytelling-controls__top{display:none;align-items:flex-end;margin-bottom:var(--ds-spacing-layout-xl)}
.cmp-scrollytelling-controls__title *{text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:148px;text-transform:uppercase}
.cmp-scrollytelling-controls__wrapper{display:flex;flex-direction:column;align-items:flex-end;position:fixed;top:50%;transform:translateY(-50%)}
.cmp-scrollytelling-controls .cmp-scrollytelling__nav-button--prev,.cmp-scrollytelling-controls .cmp-scrollytelling__nav-button--next{display:none}
.cmp-scrollytelling-controls__container{align-items:center;gap:var(--ds-spacing-layout-l)}
.cmp-scrollytelling-controls__carousel{flex-direction:column;align-items:center;gap:26px}
.cmp-scrollytelling-controls__step{background:var(--ds-indicator-bg-color-default);border-radius:var(--ds-border-radius-full,100000px);width:20px;height:2px;transition:width .3s ease}
.cmp-scrollytelling-controls__step.cmp-scrollytelling-controls__step--active{width:32px;height:4px;background:var(--ds-indicator-bg-color-active-primary)}
.cmp-scrollytelling-controls__button{display:none;position:fixed;right:var(--ds-layout-margin);bottom:calc(74px + var(--ds-spacing-m-2));z-index:10;pointer-events:auto}
.cmp-scrollytelling-controls__button.mod__active{display:flex}
.cmp-scrollytelling--navigation-freeze.mod__active .cmp-scrollytelling-controls{opacity:1}
@media(min-width:480px){.cmp-scrollytelling-controls{right:var(--ds-layout-margin)}
.cmp-scrollytelling-controls__carousel{gap:32px}
.cmp-scrollytelling-controls__step{width:23px;height:2px}
.cmp-scrollytelling-controls__step.cmp-scrollytelling-controls__step--active{width:40px;height:4px}
.cmp-scrollytelling-controls__button{bottom:calc(74px + var(--ds-spacing-m-4))}
}
@media(min-width:1024px){.cmp-scrollytelling-controls{flex-direction:column;align-items:flex-end;position:absolute;top:0;height:calc(100vh - 96px);right:var(--ds-layout-margin);pointer-events:auto;transform:none}
.cmp-scrollytelling-controls__wrapper{display:flex;flex-direction:column;align-items:flex-end}
.cmp-scrollytelling-controls__top,.cmp-scrollytelling-controls__container,.cmp-scrollytelling-controls__carousel{display:flex}
.cmp-scrollytelling-controls__button{position:fixed;left:auto;bottom:calc(30px + var(--ds-spacing-m-4))}
.cmp-scrollytelling-controls .cmp-scrollytelling__nav-button--prev,.cmp-scrollytelling-controls .cmp-scrollytelling__nav-button--next{display:inherit}
}
@media(min-width:1440px){.cmp-scrollytelling-controls{transform:none}
.cmp-scrollytelling-controls__wrapper{top:50%;transform:translateY(-50%)}
.cmp-scrollytelling-controls__button{margin-top:0;bottom:var(--ds-spacing-l-2)}
}
.cmp-scrollytelling--navigation-default.cmp-scrollytelling .cmp-scrollytelling-highlight{transition:opacity .3s ease-out}
.cmp-scrollytelling--navigation-default.cmp-scrollytelling .cmp-scrollytelling-highlight--active{opacity:1;visibility:visible}
.cmp-scrollytelling--navigation-default.cmp-scrollytelling .cmp-scrollytelling-highlight__button{display:block;cursor:pointer;position:absolute;top:-80%}
.cmp-scrollytelling--navigation-default.cmp-scrollytelling .cmp-scrollytelling-highlight__info{display:none;width:100%;height:fit-content;max-width:calc(100vw - var(--ds-layout-margin))}
.cmp-scrollytelling--navigation-default.cmp-scrollytelling .cmp-scrollytelling-controls{display:none}
.modal-visible .cmp-scrollytelling-highlight__button{display:none}
@media(min-width:480px){.cmp-scrollytelling--navigation-default.cmp-scrollytelling .cmp-scrollytelling-highlight__info{width:368px}
}
@media(min-width:768px){.cmp-scrollytelling--navigation-default.cmp-scrollytelling .cmp-scrollytelling-highlight__info{width:336px}
}
@media(min-width:1024px){.cmp-scrollytelling--navigation-default.cmp-scrollytelling .cmp-scrollytelling-highlight__button{display:none}
.cmp-scrollytelling--navigation-default.cmp-scrollytelling .cmp-scrollytelling-highlight__info{display:flex;width:235px}
}
@media(min-width:1440px){.cmp-scrollytelling--navigation-default.cmp-scrollytelling .cmp-scrollytelling-highlight__info{width:265px}
}
@media(min-width:1920px){.cmp-scrollytelling--navigation-default.cmp-scrollytelling .cmp-scrollytelling-highlight__info{width:315px}
}
.cmp-scrollytelling--navigation-freeze.cmp-scrollytelling .cmp-scrollytelling-highlight{display:flex;flex-direction:column;top:50%;transform:translateY(-50%)}
.cmp-scrollytelling--navigation-freeze.cmp-scrollytelling .cmp-scrollytelling-highlight__info{width:256px}
.cmp-scrollytelling--navigation-freeze.cmp-scrollytelling .cmp-scrollytelling-highlight__button{display:none}
@media(min-width:480px){.cmp-scrollytelling--navigation-freeze.cmp-scrollytelling .cmp-scrollytelling-highlight__info{width:368px}
}
@media(min-width:768px){.cmp-scrollytelling--navigation-freeze.cmp-scrollytelling .cmp-scrollytelling-highlight--left{left:var(--ds-layout-margin);align-items:flex-start}
.cmp-scrollytelling--navigation-freeze.cmp-scrollytelling .cmp-scrollytelling-highlight--right{right:calc(80px + var(--ds-layout-margin))}
.cmp-scrollytelling--navigation-freeze.cmp-scrollytelling .cmp-scrollytelling-highlight__info{width:336px}
.cmp-scrollytelling--navigation-freeze.cmp-scrollytelling .cmp-scrollytelling__wrapper:before,.cmp-scrollytelling--navigation-freeze.cmp-scrollytelling .cmp-scrollytelling__wrapper:after{position:absolute;content:'';width:100%;height:100%;transition:opacity .3s ease-in;opacity:0}
.cmp-scrollytelling--navigation-freeze.cmp-scrollytelling .cmp-scrollytelling__wrapper:before{top:0;left:0;background:linear-gradient(to right,rgba(0,0,0,0.8) 0,rgba(0,0,0,0) 100%)}
.cmp-scrollytelling--navigation-freeze.cmp-scrollytelling .cmp-scrollytelling__wrapper:after{top:0;left:0;background:linear-gradient(to left,rgba(0,0,0,0.8) 0,rgba(0,0,0,0) 100%)}
.cmp-scrollytelling--navigation-freeze.cmp-scrollytelling.mod__left .cmp-scrollytelling__wrapper:before{opacity:1}
.cmp-scrollytelling--navigation-freeze.cmp-scrollytelling.mod__right .cmp-scrollytelling__wrapper:after{opacity:1}
}
@media(max-width:1024px - 1){.cmp-scrollytelling--navigation-freeze.cmp-scrollytelling{width:100%;left:0;right:0;bottom:0;top:auto;transform:translateY(0);align-items:center}
.cmp-scrollytelling--navigation-freeze.cmp-scrollytelling .cmp-scrollytelling-highlight__info{max-width:100%;border-radius:8px 8px 0 0}
}
@media(min-width:1024px){.cmp-scrollytelling--navigation-freeze.cmp-scrollytelling .cmp-scrollytelling__wrapper:after{right:0;left:auto}
.cmp-scrollytelling--navigation-freeze.cmp-scrollytelling .cmp-scrollytelling-highlight--right{right:calc(90px + var(--ds-layout-margin))}
.cmp-scrollytelling--navigation-freeze.cmp-scrollytelling .cmp-scrollytelling-highlight__info{width:300px}
}
@media(min-width:1440px){.cmp-scrollytelling--navigation-freeze.cmp-scrollytelling .cmp-scrollytelling-highlight__info{width:420px}
}
.cmp-scrollytelling.mod__loading .cmp-scrollytelling__loader{opacity:1;z-index:50}
.cmp-scrollytelling.mod__loading .cmp-scrollytelling__wrapper{opacity:0}
.cmp-scrollytelling.mod__loading .cmp-scrollytelling__video-wrapper:before,.cmp-scrollytelling.mod__loading .cmp-scrollytelling__video-wrapper:after{top:0;left:0;position:absolute;content:'';width:100%;height:100%;z-index:1}
.cmp-scrollytelling.mod__loading .cmp-scrollytelling__video-wrapper:before{opacity:1;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:opacity .3s ease-out}
.cmp-scrollytelling.mod__loading .cmp-scrollytelling__video-wrapper:after{background:var(--ds-card-bg-color-default)}
.cmp-scrollytelling__loader{pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;z-index:-1;transition:opacity .5s ease-in-out;background-size:cover;background-position:center;background-repeat:no-repeat;background-image:url("../../../../../etc.clientlibs/cupra-website/components/clientlibs/resources/cupra-diagonal/icons/logo-loader.svg");width:60px;height:46px;transform-style:preserve-3d;will-change:transform,opacity;perspective:900px;animation:cc-loader-flip 2s cubic-bezier(0.22,1,0.36,1) infinite}
@keyframes cc-loader-flip{0{transform:translate(-50%,-50%) rotateY(0)}
40%{transform:translate(-50%,-50%) rotateY(180deg)}
50%{transform:translate(-50%,-50%) rotateY(180deg)}
90%{transform:translate(-50%,-50%) rotateY(360deg)}
100%{transform:translate(-50%,-50%) rotateY(360deg)}
}
.cmp-scrollytelling__curtain{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--ds-color-bg-default);opacity:0;visibility:hidden;z-index:var(--ds-z-index-loader,1800);pointer-events:none;transition:opacity .5s ease-in-out,visibility .5s}
.cmp-scrollytelling__curtain.mod__active{opacity:1;visibility:visible;pointer-events:all}
.cmp-scrollytelling-text-animator{display:inline-flex;position:relative;overflow:hidden;vertical-align:top}
.cmp-scrollytelling-text-animator__item{display:block;opacity:0;transform:translateY(8px);will-change:transform,opacity;pointer-events:none;white-space:nowrap}
.cmp-scrollytelling-text-animator__item--active{position:relative;opacity:1;transform:translateY(0);pointer-events:auto}
.cmp-scrollytelling-text-animator__item--exit{position:absolute;top:0;left:0;width:100%;opacity:0;transform:translateY(-8px)}