.collection-banner-container .collection-hero{border:.2rem solid rgb(var(--color-background));box-shadow:0 0 0 8px #fff inset;text-align:center;position:relative}.collection-banner-container .collection-hero__image-container{position:absolute;top:8px;right:8px;bottom:8px;left:8px}.collection-banner-container .collection-hero__image-container img{object-fit:cover;object-position:center center;width:100%;height:100%}.collection-hero__text-wrapper{flex-basis:100%}.collection-hero__description{max-height:190px;overflow:hidden}.collection-hero__description.has-readmore{position:relative}.collection-hero__description.has-readmore:before{content:"";display:block;position:absolute;left:-10px;right:-10px;bottom:0;height:100px;background:linear-gradient(0deg,#fff,#ffffff80)}.collection-hero__inner.active .collection-hero__description.has-readmore:before{display:none}.has-readmore+.readmore-description{display:block!important;margin-bottom:3rem}.collection-hero__inner.active .collection-hero__description{max-height:unset;overflow:visible}.collection-hero__inner.active{padding:4rem 0;text-align:center;position:relative}.collection-hero__title{font-weight:700;text-transform:uppercase;margin:0;font-size:6rem;text-shadow:0px 3px 10px rgba(0,0,0,.5)}.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))}.featured-collections{margin-top:3rem;display:flex;justify-content:center;gap:30px;font-weight:500;flex-wrap:wrap;font-size:1.6rem}.featured-collections a{text-decoration:none;position:relative;display:block;color:var(--color-link-scheme)!important}.featured-collections a:before{content:"";display:block;width:40px;height:2px;position:absolute;bottom:-1px;left:0;background-color:var(--color-link-scheme);opacity:0;transition:.2s}.featured-collections a:hover:before{opacity:1}.collection-hero__description{margin-top:3rem}@media screen and (max-width: 1024px){.collection-hero__inner{padding:5rem 0}}@media screen and (max-width: 768px){.collection-hero__title{font-size:4rem}.featured-collections{margin-top:2rem;row-gap:5px;column-gap:30px}}@media screen and (max-width: 749px){.product-count__text,.mobile-facets__open-label{text-transform:uppercase;font-weight:500}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/component-collection-hero.css.map */