.collection-banner-wrap{position:relative;display:inline-block;width:100%!important}.collection-banner-wrap:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0006;z-index:1}.collection-banner-wrap img.collection-banner-image{display:block;width:100%;height:auto}@media only screen and (min-width:1024px){.collection-banner-wrap img.collection-banner-image{padding-bottom:40px}}.collection-hero__text-wrapper{position:relative;z-index:2;color:#fff}.collection-banner-wrap{display:flex;align-items:center;overflow:hidden;max-height:450px}.collection-image-description{position:absolute;z-index:2;right:10px;bottom:10px}.collection-image-description p{color:#fff!important;font-size:9px;line-height:13px;text-align:right}@media screen and (min-width:1024px){.collection-banner-wrap{max-height:400px!important}.collection-image-description p{font-size:11px;line-height:15px}}.collection-hero--with-image{background-color:rgba(var(--color-foreground),.04)}.collection-hero__inner{align-items:center;padding:10px 30px 0;display:flex;flex-direction:row;margin-bottom:2rem}.collection-hero__text-wrapper{position:absolute;padding:3rem 0;margin-left:20px;width:80%}@media only screen and (min-width:768px){.collection-hero__text-wrapper{width:50%!important}}h1.collection-hero__title{font-family:filson-pro,sans-serif;font-weight:200;font-size:18px;line-height:24px;margin-bottom:10px}.collection-hero__description h2{display:none}.collection-hero__description p{font-family:filson-pro,sans-serif;font-size:12px;font-weight:200!important;line-height:18px!important}.collection-hero__inner .collection-hero__description{margin:0 auto!important}@media screen and (min-width:1024px){.collection-hero__text-wrapper{max-height:250px!important;max-width:60%;text-align:left;padding:2.5rem 3rem;margin:1rem 1rem 1rem 3rem}h1.collection-hero__title{font-size:24px;line-height:30px}.collection-hero__description h2{display:none}.collection-hero__description p{font-size:14px;line-height:20px!important}}@media screen and (min-width:1024px){img.collection-banner-image{width:100%}}@media screen and (min-width:750px){.collection-hero__image-container{align-self:stretch;flex:1 0 50%;margin-left:3rem;min-height:20rem}}@media screen and (min-width:768px){.collection .usf-sr-config{display:none!important}}@media screen and (min-width:1200px){.collection-hero__text-wrapper{max-width:45%}}
/*# sourceMappingURL=/cdn/shop/t/394/assets/component-collection-hero.css.map */