.mellow-home-hero{background-size:cover;background-position:top left;height:600px;padding:0 25px;position:relative;overflow:hidden}.mellow-home-hero:after{content:"";position:absolute;top:0;left:0;width:var(--mhh-cloud-width, 58%);height:100%;z-index:1;pointer-events:none;background:linear-gradient(to right,var(--color-background) 0%,var(--color-background) 28%,color-mix(in srgb,var(--color-background) 88%,transparent) 40%,color-mix(in srgb,var(--color-background) 62%,transparent) 52%,color-mix(in srgb,var(--color-background) 38%,transparent) 64%,color-mix(in srgb,var(--color-background) 16%,transparent) 76%,transparent 88%)}.mellow-home-hero--no-cloud:after{display:none}.mellow-home-hero__image{position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center}.mellow-home-hero__image--mobile{display:none}.mellow-home-hero__content-wrapper{height:100%;max-width:1400px;margin:0 auto;position:relative;z-index:2}.mellow-home-hero__content{height:100%;max-width:450px;display:flex;flex-direction:column;justify-content:center}.mellow-home-hero__reviews{display:flex;gap:10px;align-items:center;margin-bottom:15px}.mellow-home-hero__stars{display:flex;gap:5px;position:relative;top:-2px;color:var(--color-primary)}.mellow-home-hero__star{width:20px;height:20px}.mellow-home-hero__rating-text{margin:0;font-size:14px;line-height:1.2;color:var(--color-foreground);font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight)}.mellow-home-hero__heading{margin:0 0 15px}.mellow-home-hero__heading h1{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:32px;line-height:38px;color:var(--color-foreground-heading);margin:0;text-wrap:balance;letter-spacing:-1px}.mellow-home-hero__subheading{margin:0}.mellow-home-hero__subheading p{font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight);font-size:16px;line-height:22px;margin:0 0 10px;color:var(--color-foreground)}.mellow-home-hero__link-wrapper{margin-top:25px;display:flex;gap:10px}.mellow-home-hero__button{display:inline-block;font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight);background-color:var(--color-primary-button-background);color:var(--color-primary-button-text);padding:15px 35px;border-radius:50px;text-decoration:none;font-size:16px;line-height:16px;transition:background-color .4s ease,color .4s ease;white-space:nowrap;border:none;box-shadow:inset 0 0 0 var(--style-border-width-primary, 0) var(--color-primary-button-border);cursor:pointer}.mellow-home-hero__button:hover{background-color:var(--color-primary-button-hover-background);color:var(--color-primary-button-hover-text);box-shadow:inset 0 0 0 var(--style-border-width-primary, 0) var(--color-primary-button-hover-border)}@media(max-width:1024px){.mellow-home-hero{height:500px}.mellow-home-hero__content{max-width:400px}.mellow-home-hero__heading h1{font-size:26px;line-height:32px}}@media(max-width:768px){.mellow-home-hero{height:400px;padding:0 20px}.mellow-home-hero__content{max-width:300px}.mellow-home-hero__stars{gap:3px;top:-1px}.mellow-home-hero__star{width:15px;height:15px}.mellow-home-hero__subheading p{font-size:14px;line-height:18px}.mellow-home-hero__heading h1{font-size:22px;line-height:28px}}@media(max-width:480px){.mellow-home-hero{height:66vh;position:relative}.mellow-home-hero:after{display:none}.mellow-home-hero:before{content:"";display:block;position:absolute;bottom:0;left:0;width:100%;height:75%;background-image:linear-gradient(to top,var(--color-background) 200px,transparent);z-index:1;pointer-events:none}.mellow-home-hero__image--desktop{display:none}.mellow-home-hero__image--mobile{display:block}.mellow-home-hero__content{width:100%;max-width:none;justify-content:flex-end;align-items:center;padding-bottom:40px;position:relative;z-index:2}.mellow-home-hero__reviews{margin-bottom:5px}.mellow-home-hero__heading h1{text-align:center;margin-bottom:10px}.mellow-home-hero__subheading p{text-align:center}.mellow-home-hero__link-wrapper{margin-top:15px;justify-content:center}}
/*# sourceMappingURL=/cdn/shop/t/67/assets/mellow-home-hero.css.map */