.collection-hero--with-image .collection-hero__inner{padding-top:22px;padding-bottom:0!important;display:flex;flex-direction:column}.collection-hero__inner{display:flex;flex-direction:column}.collection-hero--with-image .collection-hero__inner{margin-bottom:0;padding-bottom:2rem}@media screen and (min-width: 990px){.collection-hero.collection-hero--with-image{overflow:visible}.collection-hero--with-image .collection-hero__inner{padding-bottom:0}.collection-hero{position:relative}.collection-hero:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:.5px;background-color:#000}}.collection-hero__text-wrapper{flex-basis:100%;display:flex;flex-direction:column-reverse;align-items:center;margin-top:24px;font-weight:400;font-size:13px;line-height:16px;text-align:center;letter-spacing:.02em;width:100%}.collection-hero__description{max-width:52%;margin-bottom:17px}.collection-hero__product-count{font-family:var(--font-heading-family);font-weight:300;font-size:30px;line-height:25px;letter-spacing:-.02em}@media screen and (min-width: 990px){.collection-hero__product-count{margin-bottom:28px;font-size:60px;line-height:60px;letter-spacing:-.05em}}@media screen and (min-width: 990px){.collection-hero{padding:0}.collection-hero__inner{align-items:center;flex-direction:row;padding-bottom:0}}.collection-hero__title{margin:2.5rem 0;font-size:30px;line-height:25px;letter-spacing:-.02em;text-transform:uppercase;order:-1;margin-bottom:30px;margin-top:0}@media screen and (min-width: 990px){.collection-hero__title{padding-top:38px;padding-right:32px;width:100%}}.collection-hero__title span{display:block;text-align:center}@media screen and (min-width: 990px){.collection-hero__title span{text-align:start}}@media screen and (min-width: 1600px){.collection-hero__title span{font-size:60px;line-height:50px;letter-spacing:-.05em}}.collection-hero__title span:first-child{display:none}@media screen and (min-width: 990px){.collection-hero__title span:first-child,.collection-hero__title span:first-child a{display:block;font-size:14px;line-height:18px;letter-spacing:.01em;text-transform:capitalize;color:#000;margin-bottom:24px;font-family:var(--font-body-family);text-decoration:none}}.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%}}@media screen and (min-width: 990px){.collection-hero--with-image .collection-hero__description{margin-bottom:0}}.collection-hero__image-container{margin-left:-1.5rem;margin-right:-1.5rem;order:-1}@media screen and (min-width: 750px){.collection-hero__image-container{margin-left:-5rem;margin-right:-5rem}}@media screen and (min-width: 990px){.collection-hero__image-container{margin-left:0;margin-right:0}}@media screen and (max-width: 749px){.collection-hero__image-container{height:25rem}}@media screen and (min-width: 750px){.collection-hero--with-image .collection-hero__text-wrapper{flex-basis:50%;text-align:start}.collection-hero__image-container{align-self:stretch;flex:1 0 50%;min-height:25rem;grid-row-start:1;grid-row-end:3;grid-column-start:2;position:relative}}@media screen and (min-width: 990px){.collection-hero__image-container{min-height:58.5rem}}@media screen and (min-width: 990px){.collection-hero--with-image .collection-hero__text-wrapper{align-items:flex-start;margin-top:0;flex-direction:column;align-self:end;padding-right:32px;padding-bottom:28px}.collection-hero--with-image .collection-hero__inner{display:grid;grid-template-columns:1fr 3fr;align-items:flex-start;padding-bottom:0!important;padding-top:0}.collection-hero__image-container img{margin-top:38px;margin-left:36px}.collection-hero__image-container:after{content:"";position:absolute;top:0;left:0;width:.5px;height:100%;background-color:#000}.collection-hero__image-container img{max-height:517px}}@media screen and (max-width: 989px){.collection-hero__title{padding-top:.5rem!important;text-align:center!important;margin-bottom:0!important;padding-bottom:3rem!important}}@supports (-webkit-touch-callout: none){@media screen and (max-width: 989px){.collection-hero__title{padding-top:1.4rem!important}}}
/*# sourceMappingURL=/cdn/shop/t/86/assets/component-collection-hero.css.map */