.collection-hero__inner{display:flex;flex-direction:column}.collection-hero--with-image .collection-hero__inner{margin-bottom:0;padding-bottom:2rem}.collection-hero.collection-hero--with-image{overflow:hidden}@media screen and (min-width:750px){.collection-hero--with-image .collection-hero__inner{padding-bottom:0}}.collection-hero__text-wrapper{flex-basis:100%}@media screen and (min-width:750px){.collection-hero{padding:0}.collection-hero__inner{padding-bottom:0}}.collection-hero__title{margin:2.5rem 0}.collection-hero__title+.collection-hero__description{margin-top:1rem;margin-bottom:1.5rem;font-size:1.6rem;line-height:calc(1 + .5 / var(--font-body-scale))}@media screen and (min-width:750px){.collection-hero__title+.collection-hero__description{font-size:1.8rem;margin-top:1rem;margin-bottom:2rem}.collection-hero__description{max-width:66.67%}.collection-hero--with-image .collection-hero__description{max-width:72rem}}.collection-hero--with-image .collection-hero__title{margin:0}.collection-hero__image-container{border:var(--media-border-width) solid rgba(var(--color-foreground),var(--media-border-opacity));border-radius:var(--media-radius);box-shadow:var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius) rgba(var(--color-shadow),var(--media-shadow-opacity))}@media screen and (max-width:749px){.collection-hero__image-container{height:20rem}}@media screen and (min-width:750px){.collection-hero--with-image .collection-hero__text-wrapper{flex-basis:50%}.collection-hero__image-container{align-self:stretch;min-height:35rem;width:100%}}.collection-hero__inner .collection-hero__text-wrapper{z-index:1;width:100%}.collection-hero__inner:has(.collection-hero__image-container){padding:4rem 0;min-height:39.6rem;justify-content:end}.collection-hero__inner:has(.collection-hero__image-container) img{object-position:bottom}.collection-hero__image-container:has(img){position:absolute;/ height: 100%;top:0;width:100%;min-height:100%;border:0}.collection-hero{position:relative}.collection-hero .siblings ul{display:flex;gap:1rem 3rem;flex-wrap:wrap;padding:0;margin:3.2rem 0 0}.collection-hero .siblings a.button:not(:hover,.active){background:rgb(var(--color-button-text),.1);rgba(255,255,255,1):;border-color:rgb(var(--color-button-text))}.collection-hero .siblings a.button{background-image:linear-gradient(to top,rgb(var(--gradient-background)) 50%,transparent 50%);min-width:100%;box-sizing:border-box;text-align:center;line-height:1.2;padding:0 1rem}.collection-hero .siblings ul li{list-style:none}.feat-text-wrapper{bottom:0;position:absolute;padding:4rem;max-width:63.3rem}.feat-column{position:relative}.feat-media-wrapper{color:rgb(var(--color-button-text))}.feat-content{color:rgb(var(--color-button-text));margin:1.5rem 0;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:calc(var(--font-heading-scale) * 2.5rem);line-height:normal}.feat-caption{text-transform:uppercase;font-size:2rem}.collection-hero .collection-hero__description{text-transform:capitalize}.collection-hero .siblings{margin-inline:-5rem;padding-top:1.2rem}.collection-hero .swiper.siblings-swiper{padding-inline:5rem}@media screen and (min-width:990px){.collection-hero__title+.collection-hero__description{font-size:1.6rem}.feat-content{font-size:calc(var(--font-heading-scale) * 4rem)}.product-grid:has(.grid__item.feat-column.grid__item-2_vertical){display:grid}.grid__item.feat-column.grid__item-2_vertical.non-horizontally{grid-row:span 1}.product-grid.grid--4-col-desktop:has(.grid__item.feat-column.grid__item-2_vertical){grid-template-columns:1fr 1fr 1fr 1fr}.product-grid.grid--3-col-desktop:has(.grid__item.feat-column.grid__item-2_vertical){grid-template-columns:1fr 1fr 1fr}.product-grid:has(.grid__item.feat-column.grid__item-2_vertical) .grid__item{width:100%;max-width:100%}.grid__item.feat-column.grid__item-2_vertical{grid-column:span 2;grid-row:span 2}}@media screen and (max-width:989px){.feat-text-wrapper{padding:3rem;max-width:100%}.collection-hero .siblings ul{gap:2rem 1.5rem}}@media screen and (max-width:749px){.feat-caption{font-size:1.2rem}.grid .grid__item-2.horizontal.feat-column{width:100%;max-width:100%}.feat-text-wrapper{padding:2rem 1.5rem}.collection-hero__title+.collection-hero__description{font-size:1.4rem}.collection-hero__inner:has(.collection-hero__image-container){min-height:50rem}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-collection-hero.css.map */