.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%}.collection-hero__text{--padding-x: 10rem}@media(max-width:1279.98px){.collection-hero__text{--padding-x: 5rem}}@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__description-content{--collection-description-lines: 2;overflow:hidden;transition:max-height .25s ease}.collection-hero__description:not(.is-expanded) .collection-hero__description-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--collection-description-lines);overflow:hidden}.collection-hero__description.is-measuring .collection-hero__description-text{display:block;-webkit-line-clamp:unset;overflow:visible}.collection-hero__description.is-expanded .collection-hero__description-content{display:block;max-height:none!important}.collection-hero__description-toggle{margin-top:.8rem}.collection-hero__description:not(.is-overflowing) .collection-hero__description-toggle{display:none}}@media(min-width:768px){.collection-hero__description-toggle{display:none}}.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:var(--padding-x)}}.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)}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-collection-hero.css.map */