.collection-hero{position:relative}@media only screen and (min-width:768px){.collection-hero.collection-hero--with-image{padding:0;margin-bottom:40px}}.collection-hero__inner{width:100%;position:relative;display:flex;flex-direction:column;z-index:1;justify-content:flex-start}@media only screen and (min-width:768px){.collection-hero__inner{align-items:center;flex-direction:row}}.collection-hero__background-image{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.collection-hero.collection-hero--with-background-image{display:flex;align-items:flex-end;margin-bottom:6.4rem;background-color:#000;min-height:50rem}.collection-hero.collection-hero--with-background-image img{opacity:.9}@media only screen and (max-width:767px){.collection-hero.collection-hero--with-background-image{min-height:48.8rem}}.collection-hero.collection-hero--with-background-image .collection-hero__inner{padding:4.8rem 5rem 6.4rem;color:rgba(var(--color-background),1);background:linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.3) 100%)}@media only screen and (max-width:767px){.collection-hero.collection-hero--with-background-image .collection-hero__inner{padding:4.8rem 2.4rem 6.4rem}}.collection-hero__inner{margin-bottom:0;padding-bottom:2rem}@media screen and (min-width:750px){.collection-hero.collection-hero--with-image{overflow:hidden}.collection-hero__inner{padding-bottom:0}}.collection-hero__description{font-weight:300}.collection-hero__text-wrapper{flex-basis:100%;text-align:left}.collection-hero__title{color:inherit;margin-bottom:10px;text-transform:uppercase}.collection-hero__title:not(:last-child){margin-bottom:1.6rem}@media screen and (min-width:750px){.collection-hero__title+.collection-hero__description{margin-top:1.2rem;margin-bottom:2rem;max-width:500px}}.collection-hero__text-wrapper{padding:3rem 1.6rem 0}.collection-hero__image-container{padding-bottom:37.5%}@media only screen and (max-width:767px){.collection-hero__image-container{display:none}}@media only screen and (min-width:768px){.collection-hero__image-container{align-self:stretch;flex:1 0 calc(50% - 3rem);min-height:20rem}}.collection-hero__image-container img{-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}@media screen and (min-width:750px){.collection-hero__text-wrapper{padding:4rem 4rem 4rem;margin-right:3rem;flex:1 0 50%}}