.collection-hero{--text-gap: 2rem;--text-gap-mobile: 1.6rem}.collection-hero .empty-space{min-height:var(--spacing-height-mobile)}@media(min-width:768px){.collection-hero .empty-space{min-height:var(--spacing-height)}}.collection-hero .hero__media{min-height:100%;max-height:200px}.collection-hero__text{--padding-x: 10rem}@media(max-width:1023.98px){.collection-hero__text{--padding-x: 4rem}}@media(max-width:767.98px){.collection-hero__text{--padding-x: 2rem}}.collection-hero__description{margin-top:var(--text-gap);max-width:min(67rem,90%)}.text-center .collection-hero__description{margin-inline:auto}.text-right .collection-hero__description{margin-inline-start:auto}@media(max-width:767.98px){.collection-hero__description{margin-top:var(--text-gap-mobile)}}.collection-hero:not(.color-inherit) .collection-hero__text{padding-inline:var(--padding-x)}.collection-hero--image-left{--text-gap-mobile: 1.2rem}.collection-hero--image-left .collection-hero__inner{--f-grid-columns: 1}@media(min-width:768px){.collection-hero--image-left .collection-hero__inner{--f-grid-columns: 2}.collection-hero--image-left .collection-hero__text{padding-inline-start:3rem}}.collection-hero--image-right{--text-gap-mobile: 1.2rem}.collection-hero--image-right .collection-hero__inner{--f-grid-columns: 1}@media(min-width:768px){.collection-hero--image-right .collection-hero__inner{--f-grid-columns: 2}.collection-hero--image-right .collection-hero__text{padding-inline-end:var(--padding-x)}.collection-hero__inner{display:grid;grid-auto-flow:dense;grid-template-columns:minmax(auto,200px) repeat(calc(var(--f-grid-columns) - 1),minmax(0,1fr))}}@media(max-width:767px){.collection-hero__inner{display:flex;flex-direction:column;align-items:center;justify-content:center;display:grid;grid-template-columns:1fr 2fr;gap:1rem}.collection-hero__inner parallax-element{display:flex;justify-content:center;align-items:center;width:100%;height:auto;aspect-ratio:1 / 1;overflow:hidden}.collection-hero__inner parallax-element img{width:100%;height:100%;object-fit:cover}.collection-hero .hero__media{max-height:300px}}@media(max-width:524.98px){.hidden--small{display:none!important}}@media(min-width:525px){.collection-hero__description.hidden--tablet{display:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-collection-hero.css.map */