.hero-collage{overflow-x:hidden;width:100%;box-sizing:border-box}.hero-collage__inner{padding:0 1rem;max-width:100%;box-sizing:border-box}@media screen and (min-width:750px){.hero-collage__inner{padding:0 1.5rem}}@media screen and (min-width:990px){.hero-collage__inner{padding:0 5rem}}.hero-collage__grid{display:grid;grid-template-columns:1fr;gap:1.25rem;align-items:center;min-width:0}@media screen and (min-width:750px){.hero-collage__grid{gap:2.5rem}}@media screen and (min-width:990px){.hero-collage__grid{grid-template-columns:1.1fr .9fr;gap:4rem;align-items:center}}.hero-collage__media{order:2;min-width:0;width:100%}@media screen and (min-width:990px){.hero-collage__media{order:1}}.hero-collage__collage{position:relative;width:100%;min-height:0;aspect-ratio:4 / 3;max-height:55vh;overflow:hidden;border-radius:.5rem}@media screen and (min-width:380px){.hero-collage__collage{max-height:58vh;min-height:220px}}@media screen and (min-width:480px){.hero-collage__collage{min-height:260px;max-height:62vh}}@media screen and (min-width:750px){.hero-collage__collage{min-height:380px;max-height:none;aspect-ratio:5 / 4}}@media screen and (min-width:990px){.hero-collage__collage{min-height:520px;aspect-ratio:1.1 / 1}}.hero-collage__img{position:absolute;overflow:hidden}@media(prefers-reduced-motion:no-preference){.hero-collage__img--1{animation:heroCollageOnce1 3.5s cubic-bezier(.25,.46,.45,.94) forwards,heroCollageFloat 5s ease-in-out 3.5s infinite}.hero-collage__img--2{animation:heroCollageOnce2 3.5s cubic-bezier(.25,.46,.45,.94) forwards,heroCollageFloat 5s ease-in-out 3.6s infinite}.hero-collage__img--3{animation:heroCollageOnce3 3.5s cubic-bezier(.25,.46,.45,.94) forwards,heroCollageFloat3 5s ease-in-out 3.7s infinite}}@keyframes heroCollageFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes heroCollageFloat3{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-6px)}}@keyframes heroCollageOnce1{0%{top:50%;left:50%;width:55%;height:52%;transform:translate(-50%,-50%);z-index:5}to{top:0;left:0;width:58%;height:55%;transform:none;z-index:2}}@keyframes heroCollageOnce2{0%{top:50%;left:50%;right:auto;width:55%;height:52%;transform:translate(-50%,-50%);z-index:5}to{top:10%;left:auto;right:0;width:52%;height:50%;transform:none;z-index:3}}@keyframes heroCollageOnce3{0%{top:50%;bottom:auto;left:50%;width:55%;height:52%;transform:translate(-50%,-50%);z-index:5}to{top:auto;bottom:0;left:50%;width:75%;height:42%;transform:translate(-50%);z-index:1}}.hero-collage__img-el{width:100%;height:100%;object-fit:cover;display:block}@media(prefers-reduced-motion:no-preference){.hero-collage__img-el{transition:transform 4s ease-in-out}.hero-collage__img:hover .hero-collage__img-el{transform:scale(1.05)}}.hero-collage__img--1{top:0;left:0;width:58%;height:55%;z-index:2}.hero-collage__img--2{top:10%;right:0;left:auto;width:52%;height:50%;z-index:3}.hero-collage__img--3{bottom:0;left:50%;transform:translate(-50%);width:75%;height:42%;z-index:1}.hero-collage__content{order:1;text-align:center;min-width:0;padding:0 .25rem}@media screen and (min-width:990px){.hero-collage__content{order:2;padding:0 0 0 1rem;text-align:left}}.hero-collage__heading{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:700;font-size:clamp(1.2rem,5vw,calc(var(--font-heading-scale) * 2.2rem));line-height:1.25;margin:0 0 .75rem;color:rgb(var(--color-foreground));text-transform:capitalize;letter-spacing:.04em;word-wrap:break-word;overflow-wrap:break-word}@media screen and (min-width:750px){.hero-collage__heading{font-size:calc(var(--font-heading-scale) * 2.8rem);margin-bottom:1.5rem;letter-spacing:.06em}}@media screen and (min-width:990px){.hero-collage__heading{font-size:calc(var(--font-heading-scale) * 3.2rem)}}.hero-collage__text{font-size:.875rem;line-height:1.6;color:rgba(var(--color-foreground),.8);margin:0 0 1.25rem;word-wrap:break-word;overflow-wrap:break-word}@media screen and (min-width:750px){.hero-collage__text{font-size:1.15rem;margin-bottom:2rem}}.hero-collage__text p{margin:0 0 .75rem}.hero-collage__text p:last-child{margin-bottom:0}.hero-collage__button{display:inline-flex;width:100%;max-width:100%;justify-content:center;align-items:center;margin-top:.5rem;box-sizing:border-box}.hero-collage__button:after{box-shadow:0 0 0 2px #000}.hero-collage__button:hover:after{box-shadow:0 0 0 2px #000}@media screen and (min-width:750px){.hero-collage__button{width:auto;max-width:none;margin-top:1rem}}@media screen and (max-width:749px){.hero-collage .page-width{padding-left:1rem;padding-right:1rem;max-width:100vw}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-hero-collage.css.map */