.collection-hero-wrapper{margin-bottom:1rem;margin-top:1rem;padding:0}@media screen and (min-width:768px){.collection-hero-wrapper{margin-bottom:1.5rem;margin-top:1.5rem}}.collection-hero__image{display:block;margin-bottom:var(--element-spacing);width:100%}.collection-header__inner{-ms-flex-wrap:wrap;flex-wrap:wrap}.collection-header__view{-ms-flex-preferred-size:50%;flex-basis:50%}@media screen and (min-width:768px){.collection-header__view{display:none}}.collection-header__view .collection-view-icon{color:var(--color-brand-text);display:block;height:1.5rem;margin-right:6px;opacity:.25}.collection-header__view .collection-view-icon--active{opacity:1}.collection-header__text-wrapper{-webkit-box-flex:1;-ms-flex-preferred-size:100%;-ms-flex:1 1 auto;flex:1 1 auto;flex-basis:100%;margin-bottom:1.5rem}@media screen and (min-width:768px){.collection-header__text-wrapper{-ms-flex-preferred-size:60%;flex-basis:60%;margin-bottom:0}}@media screen and (min-width:1024px){.collection-header__text-wrapper{-ms-flex-preferred-size:75%;flex-basis:75%}}.collection-header__title{font-size:1.75rem;line-height:2rem}@media screen and (min-width:768px){.collection-header__title{font-size:2.5rem;line-height:3rem;text-align:left}}.collection-header__description{margin-top:1em;max-width:41.5rem}@media screen and (max-width:767px){.collection-header__image-container{height:20rem;margin-top:var(--element-spacing)}}@media screen and (min-width:768px){.collection-header__image-container{-ms-flex-item-align:stretch;-webkit-box-flex:1;align-self:stretch;-ms-flex:1 0 50%;flex:1 0 50%;margin-left:3rem;min-height:20rem}}.collection-header__filters{-ms-flex-preferred-size:50%;-webkit-box-pack:end;-ms-flex-pack:end;display:-webkit-box;display:-ms-flexbox;display:flex;flex-basis:50%;justify-content:flex-end;position:relative}@media screen and (min-width:768px){.collection-header__filters{-ms-flex-preferred-size:40%;flex-basis:40%}}@media screen and (min-width:1024px){.collection-header__filters{-ms-flex-preferred-size:25%;flex-basis:25%}}.collection-header.has-description .collection-hero__inner{-ms-flex-wrap:wrap;flex-wrap:wrap}@media screen and (max-width:767px){.collection-header.has-description .collection-hero__text-wrapper{-webkit-box-ordinal-group:0;-ms-flex-order:-1;-ms-flex-preferred-size:100%;flex-basis:100%;order:-1;padding-bottom:1rem}}.collection-header.has-description .collection-hero__text-wrapper .container-heading{margin-top:0}@media screen and (max-width:767px){.collection-header.has-description .collection-hero__filters,.collection-header.has-description .collection-hero__view{-ms-flex-preferred-size:50%;flex-basis:50%}}