.hero-banner-section{display:grid;gap:1.5rem}.hero-banner-section.section-top-zero{padding-top:0}.hero-banner-section.section-bottom-zero{padding-bottom:0}.hero-banner-section__inner{overflow:hidden;position:relative;height:100vh;display:grid;gap:1.5rem}.hero-banner-section__media,.hero-banner-section__media-group{position:absolute;width:100%;height:100%;top:0;left:0}.hero-banner-section__item{height:100%;display:grid;gap:1rem;align-items:end;transition:opacity .3s ease-in-out}.hero-banner-section__item.is-active{opacity:1}.hero-banner-section__content{position:relative;z-index:1;padding:2rem 2rem 5rem;display:grid;grid-template-columns:1fr;grid-template-rows:1fr auto;gap:3rem;align-items:end;width:100%;max-width:100%;height:100%;padding-block-start:calc(var(--header-height) + 2rem)}.hero-banner-section__content-left{max-width:700px}.hero-banner-section__description{font-size:var(--font-size);line-height:1.2;color:var(--color)}.hero-banner-section__menu{position:relative;z-index:2;height:100%}.hero-banner-section__menu-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;align-items:flex-end;gap:2rem}.hero-banner-section__menu-item{margin:0}.hero-banner-section__menu-link{text-decoration:none;font-size:var(--font-size);font-weight:700;transition:all .2s ease;outline:none;line-height:1;color:var(--link-color)}.hero-banner-section__menu-link:hover,.hero-banner-section__menu-link:focus{color:var(--link-hover-color)}.hero-banner-section__media-desktop{display:block;height:100%}.hero-banner-section__media-mobile{display:none}.hero-banner-section__video{width:100%;height:100%;object-fit:cover;background:#000}.hero-banner-section__image{width:100%;height:100%;object-fit:cover;display:block}.hero-banner-section__placeholder{padding:2rem;background:#f5f5f5;text-align:center;font-size:.875rem;color:#666;display:flex;align-items:center;justify-content:center;height:100%}@media(max-width:749px){.hero-banner-section__media-desktop{display:none}.hero-banner-section__media-mobile{display:block;height:100%;object-fit:cover}.hero-banner-section__content{padding:var(--header-height) 1.5rem 3rem;grid-template-columns:1fr;gap:2rem}.hero-banner-section__description{font-size:var(--text-h5)}.hero-banner-section__menu-list{gap:1.5rem}.hero-banner-section__menu-link{font-size:var(--text-h2)}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/hero-banner.css.map */