.collection-hero .breadcrumb{margin-top:0;margin-bottom:.4rem}.collection-hero__wrapper--overlay{position:relative;padding:2.4rem;border-radius:.6rem;overflow:hidden;background-color:#e7e7e7}@media screen and (min-width: 576px){.collection-hero__wrapper--overlay{padding:4rem}}@media screen and (min-width: 750px){.collection-hero__wrapper--overlay{padding:4rem 8rem}}@media screen and (min-width: 990px){.collection-hero__wrapper--overlay{min-height:20rem}}.collection-hero__wrapper--overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-color:rgba(var(--color-overlay),.7)}.collection-hero__wrapper--overlay .collection-hero__text-wrapper{z-index:2}.collection-hero__wrapper--overlay .collection-hero__image-wrapper{position:absolute;top:0;right:0;bottom:0;left:0}.collection-hero__wrapper--overlay .collection-hero__image-container{min-height:100%;height:100%;width:100%;margin-top:0}.collection-hero__wrapper--grid{display:flex;flex-direction:column}.collection-hero__wrapper--grid .collection-hero__inner{display:grid;grid-template-columns:100%;gap:3rem;align-items:center;justify-items:start;margin-top:2rem}.collection-hero__wrapper--grid .media{display:flex;margin-top:0;border-radius:.6rem;background-color:#e5e5e5;max-height:80rem;min-height:20rem}.collection-hero__wrapper--grid .media img{max-height:40rem;height:auto;width:100%}.collection-hero--light .breadcrumb a,.collection-hero--light .breadcrumb span{color:#fff}.collection-hero--light .breadcrumb .breadcrumb__delimiter{background-color:#fff}.collection-hero--light .breadcrumb a{text-decoration-color:#fff}.collection-hero--light .collection-hero__title,.collection-hero--light .collection-hero__description{color:#fff}.collection-hero--dark .breadcrumb a,.collection-hero--dark .breadcrumb span{color:rgb(var(--color-foreground-secondary))}.collection-hero--dark .breadcrumb .breadcrumb__delimiter{background-color:rgb(var(--color-foreground-secondary))}.collection-hero--dark .breadcrumb a{text-decoration-color:inherit}.collection-hero--dark .breadcrumb a:hover{color:rgb(var(--color-button))}.collection-hero--dark .collection-hero__title{color:rgb(var(--color-foreground-title))}.collection-hero--dark .collection-hero__description{color:rgb(var(--color-foreground-secondary))}.collection-hero--dark .collection-hero__wrapper--overlay:before{background-color:#ffffffb3}.collection-hero__inner{display:flex;flex-direction:column}.collection-hero__text-wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:1.6rem}.collection-hero__title{margin:0}.collection-hero__subtitle{color:rgb(var(--color-foreground-secondary));margin-top:1rem;margin-bottom:0}.collection-hero__description{max-width:80rem;color:rgb(var(--color-foreground-secondary))}.collection-hero__link{font-size:1.8rem}.collection-hero__link a{display:flex;align-items:center;gap:1rem;color:rgb(var(--color-foreground-secondary));text-decoration:none}.collection-hero__link a:hover{color:var(--color-ultimate-orange)}.collection-hero__link i{--fa-primary-color: var(--color-ultimate-purple-alt);--fa-secondary-color: var(--color-ultimate-purple-alt)}.collection-hero__image-container{align-self:stretch;min-height:38.4rem;margin-top:2rem;box-shadow:0 0 3.2rem #34405414}.collection-hero__image-wrapper{position:relative;overflow:visible}@media screen and (min-width: 750px){.collection-hero__image-wrapper_bottom{padding-bottom:6.1rem}.collection-hero__wrapper--grid .collection-hero__inner{grid-template-columns:2fr 1fr}.collection-hero__wrapper--grid .media img{max-height:80rem;height:auto;width:100%}}@media screen and (min-width: 990px){.collection-hero__image-container{margin-top:4.4rem}.collection-hero__wrapper--grid .collection-hero__description{max-width:70rem}.collection-hero__wrapper--grid .collection-hero__inner{grid-template-columns:3fr 1fr;gap:2rem}.collection-hero__wrapper--grid .media img{max-height:80rem;height:auto;width:100%}}@media screen and (min-width: 1220px){.collection-hero__wrapper--grid .collection-hero__description{max-width:80rem}.collection-hero__wrapper--grid .collection-hero__inner{grid-template-columns:4fr 1fr;gap:2rem}}.collection-hero__spacer{padding:.2rem;width:100%;border-radius:.4rem}
/*# sourceMappingURL=/cdn/shop/t/66/assets/component-collection-hero.css.map */