.homepage-hero{position:relative;background:var(--color-white);font-family:var(--font-body);isolation:isolate}.homepage-hero--cream{background:var(--color-cream)}.homepage-hero--rounded-bottom{border-radius:0 0 3.2rem 3.2rem;overflow:hidden}.homepage-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.homepage-hero__image{width:100%;height:100%;object-fit:cover;object-position:right center;display:block}.homepage-hero__placeholder{width:100%;height:100%;background:#ffffff80;display:flex;align-items:center;justify-content:center}.homepage-hero__placeholder-svg{width:30%;height:30%;opacity:.4}.homepage-hero__inner{position:relative;z-index:1;padding-block:var(--space-3xl);min-height:72rem;display:flex;align-items:center}.homepage-hero__content{max-width:56rem;display:flex;flex-direction:column;gap:var(--space-lg)}.homepage-hero__trust{display:inline-flex;align-items:center;flex-wrap:wrap;gap:1rem 1.4rem;font-size:var(--font-size-caption);color:var(--color-black);font-weight:500}.homepage-hero__stars{display:inline-flex;gap:.2rem;color:var(--color-gold)}.homepage-hero__stars svg{width:1.6rem;height:1.6rem}.homepage-hero__trust-divider{display:inline-block;width:1px;height:1.4rem;background:var(--color-border-strong)}.homepage-hero__title{font-family:var(--font-hero);font-size:8rem;font-weight:400;line-height:.98;letter-spacing:normal;color:var(--color-black);margin:0}.homepage-hero__title em{font-style:italic}.homepage-hero__subtitle{font-size:var(--font-size-h3);line-height:1.55;color:var(--color-black);margin:0;max-width:52rem}.homepage-hero__subtitle p{margin:0}.homepage-hero__subtitle strong{font-weight:600}.mend-track{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;margin:var(--space-xs) 0}.mend-track__step{display:inline-flex;align-items:center;gap:.6rem}.mend-track__dot{display:inline-block;width:1.4rem;height:1.4rem;border-radius:50%}.mend-track__dot--m{background:var(--color-mineralise)}.mend-track__dot--e{background:var(--color-establish)}.mend-track__dot--n{background:var(--color-nourish)}.mend-track__dot--d{background:var(--color-defend)}.mend-track__label{font-size:var(--font-size-caption);font-weight:600;color:var(--color-black);letter-spacing:.2px}.mend-track__connector{width:1.6rem;height:1px;background:var(--color-border-strong)}.homepage-hero__ctas{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-xs)}.homepage-hero__btn{display:inline-flex;align-items:center;justify-content:center;height:5.6rem;padding:0 var(--space-xl);font-size:var(--font-size-body);font-weight:600;border-radius:var(--radius-pill);text-decoration:none;transition:opacity .3s ease,background .3s ease,color .3s ease;line-height:1}.homepage-hero__btn--primary{background:var(--color-black);color:var(--color-white);border:2px solid var(--color-black)}.homepage-hero__btn--primary:hover{opacity:.85}.homepage-hero__btn--ghost{background:transparent;color:var(--color-black);border:2px solid var(--color-black)}.homepage-hero__btn--ghost:hover{background:var(--color-black);color:var(--color-white)}.homepage-hero__reorder{display:inline-block;font-size:var(--font-size-body);color:var(--color-text-secondary);text-decoration:none;margin-top:var(--space-xs)}.homepage-hero__reorder strong{color:var(--color-black);font-weight:600;text-decoration:underline;text-underline-offset:3px}.homepage-hero__reorder:hover{color:var(--color-black)}@media screen and (max-width:989px){.homepage-hero__inner{min-height:60rem}.homepage-hero__title{font-size:5.6rem}.homepage-hero__image{object-position:70% center}}@media screen and (max-width:749px){.homepage-hero__content{background:#fff9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:var(--space-lg);border-radius:2rem;border:1px solid rgba(255,255,255,.55);box-shadow:0 1.2rem 3.2rem #0d0d0d1a}.homepage-hero__inner{padding-block:var(--space-xl);min-height:56rem}.homepage-hero__title{font-size:4.4rem}.homepage-hero__subtitle{font-size:var(--font-size-body-lg)}.homepage-hero__btn{width:100%}.homepage-hero__ctas{flex-direction:column;width:100%}.homepage-hero__image{object-position:75% center}}
/*# sourceMappingURL=/cdn/shop/t/76/assets/section-homepage-hero.css.map */
