.collection-hero{position:relative;width:100%;height:330px;overflow:hidden;background:#111;background:var(--colorLargeImageBg)}@media only screen and (min-width:590px){.collection-hero{height:550px}}.collection-hero__spacer{height:330px}@media only screen and (min-width:590px){.collection-hero__spacer{height:550px}}.collection-hero__content{position:absolute;top:0;left:0;bottom:0;width:100%;display:flex;align-items:flex-end;z-index:1}.collection-hero__content .page-width{width:100%}.collection-hero__content:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:auto;transition:opacity 2.5s ease;opacity:0;display:block}.collection-hero.loaded .collection-hero__content:before{opacity:1}[data-animate_sections=true] .collection-hero .collection-hero__image{animation:.8s cubic-bezier(.26,.54,.32,1) 0s forwards;animation-name:zoom-fade;transition:none}[data-animate_sections=true] .collection-hero.loaded .section-header__title .animation-contents{animation:1s cubic-bezier(.26,.54,.32,1) .5s forwards;animation-name:rise-up}.section-header--hero{position:relative;flex:1 1 100%;color:#fff;color:var(--colorHeroText);margin-bottom:20px}@media only screen and (min-width:590px){.section-header--hero{margin-bottom:40px}}
/*# sourceMappingURL=/cdn/shop/t/187/assets/section-collection-hero.css.map */