.collection-hero,.collection-hero-wrapper{position:relative}.collection-hero__content-wrapper{width:100%}.collection-hero__content{position:absolute;top:50%;transform:translateY(-50%);max-width:600px;z-index:2}.collection-hero__title{text-transform:capitalize;margin-bottom:1rem;line-height:1.3;letter-spacing:normal;font-weight:500}@media screen and (min-width: 990px){.collection-hero__media--gradient:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(270deg,#0000,#000);z-index:1}}@media screen and (max-width: 989px){.collection-hero__media--gradient:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(270deg,#0000 -70%,#000);z-index:1}}.collection-hero--grid .collection-hero-wrapper{display:grid;grid-template-columns:3fr 2fr;align-items:center;padding-top:1.5rem;padding-bottom:1.5rem}.collection-hero--grid .collection-hero__content{position:relative;transform:none;max-width:80%}@media screen and (max-width: 749px){.collection-hero-wrapper{display:grid;grid-template-columns:1fr!important;padding:0!important}.collection-hero__content-wrapper{order:2;padding:1.5rem}.collection-hero__content{position:initial;transform:none;max-width:100%!important}.collection-hero__content-mobile--center{text-align:center}.collection-hero__content-mobile--right{text-align:right}}.collection-hero__show-more-label{display:block;margin-top:1rem}.collection-hero__show-more-label:before{content:"Read Less"}.collection-hero__show-more-label svg{height:.6rem;padding:0 5px;transform:rotate(180deg)}.collection-hero__show-more-toggle:not(:checked)~.collection-hero__show-more-label svg{transform:rotate(0)}.collection-hero__show-more-toggle:not(:checked)~.collection-hero__show-more-label:before{content:"Read More"}.collection-hero__show-more-toggle:not(:checked)~.collection-hero__description{display:none}@media screen and (min-width: 750px){.collection-hero__show-more-label{display:none}.collection-hero__description{display:block!important}}@media screen and (max-width: 749px){.collection-hero__description,.collection-hero__description span{font-weight:300!important}.collection-hero__description a:not([class]),.collection-hero__description a{color:#1b1b1b!important}}
/*# sourceMappingURL=/cdn/shop/t/587/assets/component_collection-banner.css.map */
