.cmp-hero{height:100svh;position:relative;width:100%;--content-inline-offset: 30px}.cmp-hero__container{padding-inline:var(--side-padding)}.cmp-hero__link-container:focus-visible .cmp-hero__content{outline:10px solid var(--text-color)}.cmp-hero__link-container{text-decoration:none!important}.cmp-hero__link-container:after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#00000040,#0000 24%);pointer-events:none;z-index:0}.cmp-hero--video{aspect-ratio:unset!important}.cmp-hero:not(.cmp-hero--video) img:not(.cmp-hero__logo-image){height:100%;width:100%;object-fit:cover}.cmp-hero h3{font-size:.875rem;font-family:var(--font-body-family);-webkit-font-smoothing:antialiased;font-weight:600;line-height:150%;letter-spacing:.035rem;text-transform:uppercase}.cmp-hero .btn{min-width:min(150px,100%);max-width:475px}.cmp-hero--mobile-overlay .cmp-hero__content{position:absolute}@media (max-width: 767px){.cmp-hero--mobile-height-auto{height:auto}.cmp-hero--mobile-stacked{--text-color: var(--cl__high-contrast) !important}.cmp-hero--mobile-stacked .cmp-hero__content{margin-top:40px;padding-inline:calc(var(--side-padding) - var(--horizontal-padding));text-align:left;align-items:flex-start;transform:none!important}.cmp-hero--mobile-stacked .btn{background:var(--cl__high-contrast);color:var(--cd__high-contrast)}.cmp-hero--mobile-stacked .btn:hover{background:var(--cd__high-contrast);color:var(--cl__high-contrast)}}.cmp-hero__content{display:flex;flex-direction:column;width:100%;z-index:2;position:relative}@media (min-width: 768px){.cmp-hero__content{position:absolute}}.cmp-hero__content *:not(.btn){color:var(--text-color)}.cmp-hero__content p{text-wrap:pretty;margin-bottom:20px}.cmp-hero__content--top-right{top:var(--text-placement-adjustment);right:0;text-align:right;align-items:flex-end;padding-right:var(--side-padding);padding-left:var(--side-padding)}@media (min-width: 768px){.cmp-hero__content--top-right{right:var(--content-inline-offset);padding:0}}.cmp-hero__content--top-left{top:var(--text-placement-adjustment);left:var(--content-inline-offset);text-align:left;align-items:flex-start}.cmp-hero__content--top-center{top:var(--text-placement-adjustment);left:50%;transform:translate(-50%);text-align:center;align-items:center}.cmp-hero__content--center-left{top:50%;transform:translateY(-50%);text-align:left;align-items:center}.cmp-hero__content--center-right{top:50%;transform:translateY(-50%);right:var(--content-inline-offset);text-align:right;align-items:center}.cmp-hero__content--center-center{top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;align-items:center}.cmp-hero__content--bottom-left{bottom:var(--text-placement-adjustment);left:var(--content-inline-offset);text-align:left;align-items:flex-end}.cmp-hero__content--bottom-right{bottom:var(--text-placement-adjustment);right:var(--content-inline-offset);text-align:right;align-items:flex-end}.cmp-hero__content--bottom-center{bottom:var(--text-placement-adjustment);left:50%;transform:translate(-50%);text-align:center;align-items:flex-end}.cmp-hero__content .btn:not(.btn--max-content){width:100%}.cmp-hero__subtitle{margin-top:-4px}@media (min-width: 768px){.cmp-hero{--content-inline-offset: 50px}}@media (min-width: 1024px){.cmp-hero{--content-inline-offset: 100px}}.cmp-hero__logo-image{position:absolute;top:40px;height:26px;left:50%;transform:translate(-50%);width:222px;z-index:1}.cmp-hero__content{display:flex;flex-direction:column;text-align:center;align-items:center;left:50%;transform:translate(-50%);top:90px}.cmp-hero__content .cmp-hero__heading{margin-bottom:4px}.cmp-hero__content *{text-transform:unset!important}@media (min-width: 1024px){.cmp-hero__logo-image{top:24px;transform:unset;left:24px;height:32px;width:275px}.cmp-hero__heading{margin-bottom:0}.cmp-hero__content{left:unset;transform:unset;top:24px;right:24px;flex-direction:row;gap:35px;align-items:center;justify-content:flex-end}.cmp-hero__content *{margin-bottom:0}}.cmp-hero__buttons-bar{position:absolute;display:flex;gap:38px;bottom:20px;align-items:center;right:24px;z-index:10}@media (min-width: 1024px){.cmp-hero__buttons-bar{bottom:24px}}.cmp-hero__scroll-indicator{background:transparent;border:none;height:24px;width:24px;overflow:hidden;position:relative;cursor:pointer;display:block;z-index:10;color:var(--text-color)}.cmp-hero__scroll-indicator svg{height:24px;width:24px;display:block;position:absolute;top:0;left:0}.cmp-hero__scroll-indicator svg:nth-child(2){transform:translateY(-100%)}@media (prefers-reduced-motion: no-preference){.cmp-hero__scroll-indicator:hover svg:first-child{animation:slideOut var(--animation-duration-long) ease-in-out forwards}.cmp-hero__scroll-indicator:hover svg:nth-child(2){animation:slideIn var(--animation-duration-long) ease-in-out forwards}}@media (min-width: 1024px){.cmp-hero__scroll-indicator{display:block}}@keyframes slideOut{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes slideIn{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.cmp-hero lazy-video{height:100%;width:100%}.cmp-hero lazy-video:not(.no-controls) button:before,.cmp-hero lazy-video:not(.no-controls):hover button:before{display:none}.cmp-hero__play-pause-button{color:var(--cd__high-contrast);cursor:pointer;height:24px;width:24px;display:flex;justify-content:center;align-items:center;position:relative;color:var(--text-color)}.cmp-hero__play-pause-button:before{content:"";height:72px;width:72px;background:var(--c__primary-taupe);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1;opacity:0}@media (prefers-reduced-motion: no-preference){.cmp-hero__play-pause-button:before{transition:opacity var(--animation-duration-short) ease-in-out}}.cmp-hero__play-pause-button:hover:before{opacity:1}.cmp-hero__play-pause-button .pause,.cmp-hero__play-pause-button.is-playing .play{display:none}.cmp-hero__play-pause-button.is-playing .pause{display:block}body.component--hero-image--in-view[data-sections-in-view="1"]:has(.component--hero-image:first-child) #kustomer-ui-sdk-iframe{transform:translateY(-40px)!important}body.component--hero-image--in-view:has(.component--hero-image:first-child)[data-template-name=index] .section-header{position:absolute;top:calc(100svh - 70px);width:50%}@media (max-width: 959px){body.component--hero-image--in-view:has(.component--hero-image:first-child)[data-template-name=index]:has(.cmp-hero--mobile-height-auto) .section-header{position:static;top:auto;width:100%}}body.component--hero-image--in-view:has(.component--hero-image:first-child)[data-template-name=index] sticky-header{background:transparent;width:100%}body.component--hero-image--in-view:has(.component--hero-image:first-child)[data-template-name=index] sticky-header .list-menu__item .mega-menu__label,body.component--hero-image--in-view:has(.component--hero-image:first-child)[data-template-name=index] sticky-header .header__active-menu-item{color:var(--hero-image-text-color)!important}body.component--hero-image--in-view:has(.component--hero-image:first-child)[data-template-name=index] sticky-header .header__heading-logo{display:none}body.component--hero-image--in-view:has(.component--hero-image:first-child)[data-template-name=index] sticky-header .header__icons{display:none}body.component--hero-image--in-view:has(.component--hero-image:first-child)[data-template-name=index] .mega-menu__wrapper{top:unset;bottom:100%;height:calc(100svh - 70px);display:flex;align-items:flex-end}@media (max-width: 767px){body.component--hero-image--in-view:has(.component--hero-image:first-child)[data-template-name=index]:has(.cmp-hero--mobile-height-auto) .mega-menu__wrapper{height:auto}}body.component--hero-image--in-view:has(.component--hero-image:first-child)[data-template-name=index] header-drawer .menu-drawer__icon{color:var(--hero-image-text-color)}body.component--hero-image--in-view:has(.component--hero-image:first-child):has(.mega-menu[open]) .list-menu__item .mega-menu__label,body.component--hero-image--in-view:has(.component--hero-image:first-child):has(.mega-menu[open]) .header__active-menu-item{color:#000!important}html.js body:not([data-sections-in-view]) .section-header{opacity:0}body:has(.menu-drawer-container[open]) .cmp-hero__buttons-bar{display:none!important}.cmp-hero--black-logo .cmp-hero__logo-image{filter:brightness(0)}@media (max-width: 959px){.cmp-hero--mobile-height-auto{height:auto}}
/*# sourceMappingURL=/cdn/shop/t/1474/assets/component-hero-image.css.map */