.collection-hero__inner{display:flex;flex-direction:column}.collection-hero-products__hero-img{width:100%;height:100%;object-fit:cover}.collection-hero--with-image .collection-hero__inner{margin-bottom:0;padding-bottom:0}.collection-hero__title{position:absolute;left:2rem;bottom:2.8rem}@media screen and (min-width:750px){.collection-hero.collection-hero--with-image{overflow:hidden}.collection-hero--with-image .collection-hero__inner{padding-bottom:0}}.collection-hero__text-wrapper{flex-basis:100%}@media screen and (min-width:750px){.collection-hero{padding:0}.collection-hero__inner{align-items:center;flex-direction:row;padding-bottom:0}}.collection-hero__title{margin:2.5rem 0}.collection-hero__image-container{aspect-ratio:1440/960;max-height:calc(100vh - var(--header-height) - 38px);width:100%}.collection-hero__title+.collection-hero__description{margin-top:1.5rem;margin-bottom:1.5rem;font-size:1.6rem;line-height:calc(1 + .5 / var(--font-body-scale))}@media screen and (min-width:750px){.collection-hero__title+.collection-hero__description{font-size:1.8rem;margin-top:2rem;margin-bottom:2rem}.collection-hero__description{max-width:66.67%}.collection-hero--with-image .collection-hero__description{max-width:100%}}.collection-hero--with-image .collection-hero__title{margin:0}.collection-hero--with-image .collection-hero__text-wrapper{padding:5rem 0 4rem}.collection-hero__image-container{border:none;border-radius:0;box-shadow:none;position:relative}@media screen and (max-width:749px){.collection-hero__image-container{height:55vh;min-height:55vh}}@media screen and (min-width:750px){.collection-hero--with-image .collection-hero__text-wrapper{padding:4rem 2rem 4rem 0;flex-basis:50%}.collection-hero__image-container{margin-left:0;min-height:20rem}}.collection-hero__arrow{position:absolute;bottom:3.2rem;right:3.2rem;cursor:pointer}.collection-hero__arrow .icon-arrow-down{--duration: 1.4s;clip-path:inset(0 0 100% 0);animation:arrowRevealDown var(--duration) ease-in-out infinite}@keyframes arrowRevealDown{0%{clip-path:inset(0 0 100% 0);opacity:0}15%{opacity:1}50%{clip-path:inset(0 0 0 0)}80%{clip-path:inset(0 0 0 0);opacity:1}to{clip-path:inset(100% 0 0 0);opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-collection-hero.css.map */