.collection-hero-image{padding-bottom:36%}@media screen and (min-width:1024px){.collection-hero-image{padding-bottom:29%}}@media screen and (min-width:1200px){.collection-hero-image{padding-bottom:25%}}@media screen and (min-width:1920px){.collection-hero-image{padding-bottom:20%}}@media screen and (max-width:767px){.collection-hero-image--hide-on-mobile{display:none}}.collection-hero-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(var(--color-white-rgb),.7);position:-webkit-sticky;position:sticky;top:3rem;z-index:calc(var(--z-index-sticky) - 1)}@media screen and (min-width:768px){.collection-hero-wrapper{padding:.75rem 0;top:3.5rem}.announcement-bar-visible .collection-hero-wrapper{top:5rem}}@media screen and (min-width:1024px){.announcement-bar-visible .collection-hero-wrapper{top:5.5rem}}.collection-hero__inner{grid-column-gap:.5rem;-webkit-column-gap:.5rem;-moz-column-gap:.5rem;column-gap:.5rem;display:grid;grid-template-columns:1fr 1fr}@media screen and (min-width:1024px){.collection-hero__inner{grid-template-columns:1fr auto 1fr}}.collection-hero__view{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.collection-hero__view .collection-view-label{font-weight:600}.collection-hero__view .collection-view-icon{display:block;height:1.25rem;padding:0 .375rem}.collection-hero__view .collection-view-icon--active{font-weight:600}.collection-hero__view .collection-view-icon:active,.collection-hero__view .collection-view-icon:focus,.collection-hero__view .collection-view-icon:hover{text-decoration:none}.collection-hero__view .collection-view-icon:first-of-type{position:relative}.collection-hero__view .collection-view-icon:first-of-type:before{border-right:1px solid var(--color-black);content:"";height:1.25rem;position:absolute;right:-1px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}@media screen and (max-width:767px){.collection-hero__image-container{height:20rem;margin-top:var(--element-spacing)}}@media screen and (min-width:768px){.collection-hero__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}}@media screen and (max-width:767px){.collection-hero__breadcrumbs{display:none}}.collection-hero .filter-options__open{font-weight:600}