.hero-collage{position:relative;width:100%;overflow:hidden}.hero-collage__media{position:relative;width:100%;aspect-ratio:16 / 9}.hero-collage__image{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.hero-collage__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgb(0 0 0 / var(--overlay-opacity, .2))}.hero-collage__content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:1.6rem;padding:4rem;z-index:1;color:rgb(var(--color-foreground))}.hero-collage--bottom-left .hero-collage__overlay,.hero-collage--bottom-center .hero-collage__overlay{background:linear-gradient(to top,rgb(0 0 0 / var(--overlay-peak, .7)) 0% 10%,rgb(0 0 0 / var(--overlay-mid, .3)) 36%,#0000 70%)}.hero-collage__content--bottom-left{justify-content:flex-end;align-items:flex-start;text-align:left}.hero-collage__content--bottom-center{justify-content:flex-end;align-items:center;text-align:center}.hero-collage__content--center{justify-content:center;align-items:center;text-align:center}.hero-collage__heading{font-family:var(--font-heading-family);font-size:clamp(3.6rem,6vw,7.2rem);line-height:1;margin:0;color:rgb(var(--color-foreground))}.hero-collage__subheading{font-family:var(--font-body-family);font-size:clamp(1.4rem,1.6vw,1.8rem);max-width:46rem;margin:0;opacity:.9}.hero-collage__buttons{display:flex;gap:1.2rem;margin-top:.8rem;flex-wrap:wrap}.hero-collage__btn{position:relative;overflow:hidden;z-index:0;display:inline-flex;align-items:center;justify-content:center;padding:1.6rem 3.2rem;font-family:var(--font-body-family);font-size:1.3rem;font-weight:600;letter-spacing:.15rem;text-transform:uppercase;text-decoration:none;border-radius:0;border:1px solid transparent;transition:color .4s ease;white-space:nowrap}.hero-collage__btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;transform:scaleY(0);transform-origin:bottom;transition:transform .45s cubic-bezier(.22,1,.36,1)}.hero-collage__btn:hover:before{transform:scaleY(1)}.hero-collage__btn--light{background:#fff;color:#111;border-color:#fff}.hero-collage__btn--light:before{background:#111}.hero-collage__btn--light:hover{color:#fff}.hero-collage__btn--dark{background:#111;color:#fff;border-color:#111}.hero-collage__btn--dark:before{background:#fff}.hero-collage__btn--dark:hover{color:#111}@media screen and (max-width:749px){.hero-collage__media{aspect-ratio:3 / 4}.hero-collage__content{padding:2.4rem 2rem 3.2rem;gap:1.2rem;justify-content:flex-end}.hero-collage__overlay{background:linear-gradient(to top,rgb(0 0 0 / var(--overlay-peak, .7)) 0% 10%,rgb(0 0 0 / var(--overlay-mid, .3)) 36%,#0000 70%)}.hero-collage__heading{font-size:clamp(2.8rem,9vw,4rem)}.hero-collage__subheading{font-size:1.4rem}.hero-collage__buttons{flex-direction:column;width:100%}.hero-collage__btn{width:100%;padding:1.4rem 2rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-hero-collage.css.map */