.hero-banner{display:flex;position:relative;flex-direction:column;z-index:auto;min-height:100vh}.hero-banner--with-navigation{position:relative}.hero-banner--with-navigation .hero-banner__overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;display:flex;flex-direction:column;justify-content:center;align-items:center;pointer-events:none}@media screen and (min-width:990px){.hero-banner--with-navigation .hero-banner__overlay{mix-blend-mode:difference;-webkit-backface-visibility:hidden}}.hero-banner--with-navigation .hero-banner__navigation{pointer-events:auto;position:relative;transform:translateY(0)}.hero-banner__navigation{display:flex;justify-content:center;align-items:flex-start;padding:0 4rem;gap:0;width:100vw;position:relative;z-index:11;background:rgba(var(--color-base-background-1),.9);border-radius:12px;margin:0;overflow:visible;min-height:auto}@media screen and (max-width:749px){.hero-banner__navigation{flex-direction:column;gap:.5rem;padding:0 4rem;border-radius:8px}}@media screen and (min-width:1200px){.hero-banner__navigation{padding:0 4rem;border-radius:16px}}.hero-nav-item{cursor:pointer;transition:all .3s ease;position:relative;flex:1;display:flex;flex-direction:column;flex-grow:1;align-items:flex-start;-webkit-user-select:none;user-select:none;overflow:visible;letter-spacing:normal;margin-right:.8rem}.hero-nav-item:hover,.hero-nav-item--active{opacity:1}.hero-nav-item__title{margin:0;font-weight:400;font-family:TRJNDaVinci-Display;line-height:2rem;font-size:2rem;transition:all .3s ease;color:#fff;letter-spacing:normal}.hero-nav-item__title-link,.hero-nav-item__title-link:link,.hero-nav-item__title-link:visited,.hero-nav-item__title-link:hover,.hero-nav-item__title-link:active{color:inherit;text-decoration:none!important;border:0;box-shadow:none}.hero-nav-item__title-link{display:inline-block}.hero-nav-item__subtitle{margin:.5rem 0 0;font-weight:300;font-family:APTWalterNeue-Light;line-height:2rem;font-size:1.2rem;opacity:.8;transition:all .3s ease;color:#fff;letter-spacing:normal}.hero-nav-item__description{margin-top:1rem;opacity:0;max-height:0;transition:all .3s ease;overflow:hidden;position:absolute;top:100%;left:0;right:0;z-index:12;letter-spacing:normal}.hero-nav-item__description--active{opacity:1;max-height:20rem}.hero-nav-item__description-bar{height:5px;background:#f9f9f91a;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:7px;margin-bottom:.75rem;width:100%;position:relative;overflow:hidden}.hero-nav-item__description-bar:before{content:"";position:absolute;top:0;left:0;height:100%;width:0%;background:linear-gradient(to right,#fffc,#fff9);transition:width .3s ease;border-radius:7px}.hero-nav-item--active .hero-nav-item__description-bar:before{animation:progressFill var(--slide-duration, 5s) linear forwards}.hero-nav-item--paused .hero-nav-item__description-bar:before{animation-play-state:paused}@keyframes progressFill{0%{width:0%}to{width:100%}}.hero-nav-item__description-content{font-weight:400;font-family:TRJNDaVinci-Display;line-height:2rem;font-size:2rem;color:#fff;opacity:.9}.hero-nav-item__description-content p{margin:0}.hero-nav-item__indicator{height:3px;background:rgb(var(--color-foreground));margin-top:1rem;border-radius:2px;transition:all .3s ease;opacity:0;transform:scaleX(0);transform-origin:center}.hero-nav-item--active .hero-nav-item__indicator{opacity:1;transform:scaleX(1)}@media screen and (max-width:749px){.hero-nav-item{max-width:none;padding:.75rem 1rem;border-radius:8px;background:rgba(var(--color-foreground),.05);margin:0 1rem}.hero-nav-item--active{background:rgba(var(--color-foreground),.1)}.hero-nav-item__indicator{height:2px;margin-top:.75rem}.hero-nav-item__title{font-size:1.1rem}.hero-nav-item__subtitle{font-size:.9rem;margin-top:.25rem}.hero-nav-item__description{margin-top:.75rem;position:relative;top:auto;left:auto;right:auto;background:rgba(var(--color-base-background-1),.1);border-radius:8px;padding:0}.hero-nav-item__description--active{max-height:15rem;padding:.75rem}.hero-nav-item__description-bar{height:2px;margin-bottom:.5rem;background:#f9f9f91a;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:2px;width:100%;overflow:hidden}.hero-nav-item__description-bar:before{border-radius:2px}.hero-nav-item__description-content{font-size:.85rem;line-height:1.4}}.hero-banner__media.animate--zoom-in{clip-path:inset(0px)}.hero-banner__media.animate--zoom-in>img:not(.zoom):not(.deferred-media__poster-button),.hero-banner__media.animate--zoom-in>svg:not(.zoom):not(.deferred-media__poster-button){position:fixed;height:100vh}@media screen and (max-width:749px){.hero-banner--small.hero-banner--mobile-bottom:not(.hero-banner--adapt) .hero-banner__media{height:28rem}.hero-banner--medium.hero-banner--mobile-bottom:not(.hero-banner--adapt) .hero-banner__media{height:34rem}.hero-banner--large.hero-banner--mobile-bottom:not(.hero-banner--adapt) .hero-banner__media{height:39rem}}@media screen and (min-width:750px){.hero-banner{flex-direction:row}.hero-banner--small:not(.hero-banner--adapt){min-height:100vh}.hero-banner--medium:not(.hero-banner--adapt){min-height:100vh}.hero-banner--large:not(.hero-banner--adapt){min-height:100vh}}.hero-banner__media{height:100%;min-height:100vh;position:absolute;left:0;top:0;width:100%}.hero-banner__media video{width:100%;height:100%;display:block;object-fit:cover}@media screen and (min-width:750px){.hero-banner__media{height:100%;min-height:100vh}}.hero-banner--adapt,.hero-banner--adapt .hero-banner__media:not(.placeholder){height:auto}@media screen and (max-width:749px){.hero-banner--mobile-bottom .hero-banner__media{position:relative}.hero-banner:before{display:none!important}}.hero-slide{position:absolute;top:0;left:0;width:100%;height:100%;min-height:100vh;opacity:0;transition:opacity .5s ease;z-index:1}.hero-slide--active{opacity:1;z-index:2}.hero-banner:not(.hero-banner--with-navigation) .hero-slide{position:relative;opacity:1;min-height:100vh}.hero-banner[data-slides-count] .hero-slide:not(.hero-slide--active){opacity:0;pointer-events:none}.hero-banner[data-slides-count] .hero-slide--active{opacity:1;pointer-events:auto}.hero-banner:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0000;z-index:1;pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-home-hero-banner.css.map */