@keyframes scroll{0{opacity:1;transform:translateY(-112px)}
100%{transform:translateY(45px)}
}
@keyframes blink{0{opacity:0}
50%{opacity:1}
100%{opacity:0}
}
.aem-hero{position:relative;width:100%;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;min-height:100vh;margin-bottom:0}
.aem-hero .aem-button__text{font-weight:400}
@media(min-width:768px){.aem-hero{margin-bottom:60px}
}
.aem-hero__subheadline{font-size:14px;font-weight:300;letter-spacing:3.5px;line-height:20px;color:#5c615e;color:#fff;text-transform:uppercase}
.aem-hero__wrapper{padding-block:105px 50px;padding-inline:0;grid-area:1/1;position:relative;z-index:1;background:linear-gradient(180deg,#000 0,rgba(255,255,255,0) 30%)}
@media(min-width:960px){.aem-hero__wrapper{align-self:center;padding:0;height:100%;min-height:1000px;display:flex;align-items:center}
.aem-hero__wrapper .grid-container{width:100%}
.aem-hero__wrapper--feature{padding-top:220px}
}
@media(min-width:960px){.aem-hero__container--row{display:grid;align-items:center}
}
@media(min-width:960px)and (min-width:960px){.aem-hero__container--center{width:58.3333333333%;margin-block:0;margin-inline:auto;display:flex;flex-direction:column;align-items:center;justify-content:center}
}
.aem-hero__content{padding-inline:22px}
@media(min-width:960px){.aem-hero__content{max-width:550px;padding-inline-start:0}
}
.aem-hero__content--feature{margin-top:30px}
@media(min-width:960px){.aem-hero__content--feature{display:flex;margin-top:50px;align-items:center;padding-inline-end:0}
.aem-hero__content--feature>:last-child{flex:1}
}
.aem-hero__wrapperMainImage{margin-top:30px;display:flex;justify-content:center}
@media(min-width:960px){.aem-hero__wrapperMainImage{margin-top:0;display:block;justify-self:center}
.aem-hero__wrapperMainImage--feature{margin-inline-end:113px}
}
@media(max-width:959px){.aem-hero__wrapperMainImage--feature{display:none}
}
.aem-hero__wrapperMainImage img{margin-block:0;margin-inline:auto}
.aem-hero__bgImage{height:100%;width:100%;top:0;inset-inline-start:0;overflow:hidden;position:absolute}
@media(min-width:960px){.aem-hero__bgImage{position:static;grid-area:1/1}
}
.aem-hero__bgImage img{-o-object-fit:cover;object-fit:cover}
.aem-hero__hl{display:flex;flex-direction:column;font-weight:300;margin-top:17px}
@media(min-width:960px){.aem-hero__hl{margin-top:28px}
}
.aem-hero__hl--pretitle{font-size:14px;line-height:20px;color:#373a36;font-weight:300;color:#fff;text-transform:uppercase;margin-bottom:12px;letter-spacing:3.5px;margin-top:20px}
@media(min-width:960px){.aem-hero__hl--pretitle{font-size:20px;line-height:23px}
}
@media(min-width:960px){.aem-hero__hl--pretitle{margin-top:0}
}
.aem-hero__hl--title{font-size:32px;line-height:44px;color:#373a36;font-weight:200;color:#fff}
@media(min-width:960px){.aem-hero__hl--title{font-size:45px;line-height:55px}
}
@media(min-width:1280px){.aem-hero__hl--title{font-size:65px;line-height:75px}
}
.aem-hero__hl--title:not(:first-child){margin-top:13px}
@media(min-width:960px){.aem-hero__hl--center{text-align:center;width:100%}
}
.aem-hero__iconList{margin-top:40px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;grid-gap:10px}
@media(min-width:960px){.aem-hero__iconList{display:flex;grid-gap:0}
}
.aem-hero__iconItem{padding-block:12px;padding-inline:10px;border:1px solid;border-color:#373a36;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-direction:column}
.theme__base--dark .aem-hero__iconItem{border-color:rgba(255,255,255,.26)}
@media(min-width:960px){.aem-hero__iconItem{min-width:100px}
.aem-hero__iconItem:not(:last-child){margin-inline-end:20px}
}
.aem-hero__iconItem span{display:block}
.aem-hero__icon--feature svg{height:38px;width:37px}
.aem-hero__icon--feature svg path{fill:#373a36}
.theme__base--dark .aem-hero__icon--feature svg path{fill:#fff}
.aem-hero__icon--scroll{display:none;width:100%;text-align:center;bottom:80px;position:absolute}
.aem-hero__wrapper--feature .aem-hero__icon--scroll{margin-top:25px}
@media(min-width:960px){.aem-hero__icon--scroll{display:block}
}
.aem-hero__icon--scroll svg{height:112px;width:1px}
.aem-hero__icon--scroll svg path{fill:#fff}
.aem-hero__icon--scroll svg path:last-child{transform:translateY(-112px);animation:scroll 1.5s infinite}
.aem-hero__iconTxt{font-size:14px;line-height:20px;color:#373a36;font-weight:300;margin-top:10px;text-align:center}
@media(min-width:960px){.aem-hero__iconTxt{font-size:11px;line-height:23px}
}
.aem-hero__textContainer.aem-text__container p{color:#fff}
.aem-hero__textContainer:not(:first-child){margin-top:10px}
.aem-hero__cta-list{display:flex;flex-flow:row wrap;gap:12px 16px;margin-top:28px}
@media(min-width:960px){.aem-hero__cta-list{max-width:900px;margin-top:38px;row-gap:38px}
}
.aem-hero__cta-btn--onlyForLoggedIn{display:none !important}
.aem-hero__cta-btn--onlyForNotLoggedIn{display:none !important}
@media(max-width:959px){.aem-hero__cta-btn{font-size:14px;width:100%;height:40px;margin-inline-end:0}
}
.aem-hero__bg-video{width:100%;height:100%;min-height:52.25vw;-o-object-fit:cover;object-fit:cover}
.aem-hero__bg-video--author{width:100%;min-height:500px}
.aem-hero__bg-video-wrapper{overflow:hidden;position:absolute;top:0;bottom:0;inset-inline:0}
.aem-hero .aem-hero__prevent-overlay{position:absolute;top:0;inset-inline-start:0;width:100%;height:100%;z-index:2}
.aem-hero__loader-container{height:100%;position:absolute;top:0;inset-inline-start:0;z-index:1;width:100%;background:#000;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:opacity ease-in-out .8s}
.aem-hero__loader-container.aem-hero__loader-container--finished{opacity:0;pointer-events:none}
@media(min-width:960px){.aem-hero__loader-container{min-height:800px}
}
.aem-hero__loader-text{margin-top:10px;color:#fff;text-transform:uppercase;font-size:14px;letter-spacing:3.5px;font-weight:300;animation:blink 2s linear infinite}
.aem-hero__progress-bar-container{width:7px;height:100px;border:1px solid rgba(255,255,255,.4);border-radius:8px;position:relative;overflow:hidden}
.aem-hero__logo-container{height:16px}
@media(min-width:960px){.aem-hero__logo-container{height:20px}
}
.aem-hero__progress-bar{background-color:#fff;position:absolute;top:0;inset-inline-start:0;width:100%;height:100%;transform:translateY(0);transform:translateY(100%);transition:transform ease-in-out .5s}
.aem-hero__logo--ploom-x{height:16px}
@media(min-width:960px){.aem-hero__logo--ploom-x{height:20px;margin-bottom:12px}
}
.aem-hero__logo--ploom-x-advanced{height:20px}
@media(min-width:960px){.aem-hero__logo--ploom-x-advanced{height:40px;margin-bottom:12px}
}