.collection-hero{padding-top:0;position:relative;overflow:hidden}.collection-hero.collection-hero--with-image{min-height:200px;max-height:280px;display:flex;align-items:center;justify-content:center;text-align:center}.collection-hero__image-container{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:1}.collection-hero__image-container img{width:100%;height:100%;object-fit:cover!important;display:block}.collection-hero__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000073;z-index:2}.collection-hero__inner{position:relative;z-index:3;width:100%;padding:1rem 1.5rem;display:flex;flex-direction:column}.collection-hero:not(.collection-hero--with-image){background:transparent;padding:0 1.5rem}.collection-hero:not(.collection-hero--with-image) .collection-hero__inner{padding:0 1.5rem;margin:0}.collection-hero__inner.text-left{text-align:left}.collection-hero__inner.text-center{text-align:center}.collection-hero__inner.text-right{text-align:right}.collection-hero__inner.text-left .collection-hero__description-content,.collection-hero__inner.text-left .collection-hero__title{margin-left:0;margin-right:auto}.collection-hero__inner.text-right .collection-hero__description-content,.collection-hero__inner.text-right .collection-hero__title{margin-left:auto;margin-right:0}.collection-hero__title{font-family:var(--font-heading-family);font-size:1.8rem;font-weight:600;letter-spacing:-.01em;margin:0;color:var(--off-black, #1a1a1a)}.collection-hero--with-image .collection-hero__title{color:#fff}@media screen and (min-width:750px){.collection-hero__title{font-size:2.4rem}}.collection-hero__title+.collection-hero__description{margin-top:.75rem;font-size:.95rem;line-height:1.5;color:var(--grey-600, #555)}.collection-hero--with-image .collection-hero__description{color:#ffffffe6}.collection-hero__description-content{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:800px;margin:0 auto}.collection-hero__read-more{display:none;background:transparent;border:none;color:inherit;text-decoration:underline;margin-top:.5rem;font-size:.85rem;font-weight:500;cursor:pointer;padding:0;text-underline-offset:3px}.collection-hero--with-image .collection-hero__read-more{color:#fff}@media screen and (min-width:750px){.collection-hero__title+.collection-hero__description{font-size:1.05rem}.collection-hero__description-content{-webkit-line-clamp:unset!important}.hidden-desktop{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/109/assets/component-collection-hero.css.map */