:root{--dark-sage: #4A4D42;--deep-olive: #33352C;--warm-gold: #D4B896;--parchment: #EDE0CC;--warm-taupe: #C4B8A8;--body-text: #3D3830;--vitality: #C0392B;--clarity: #2E6B35;--unwind: #2C4A7C;--immune: #9C6B2E}.ms-hero{display:grid;grid-template-columns:40fr 60fr;background:var(--dark-sage);min-height:600px;overflow:hidden;--color-foreground: 237, 224, 204}.ms-hero__content{display:flex;flex-direction:column;justify-content:center;padding:80px 56px 80px 72px;background:var(--dark-sage);min-width:0}.ms-hero__eyebrow{font-family:var(--font-body-family);font-size:10.5px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--warm-gold)!important;line-height:1;margin:0 0 20px}.ms-hero__headline{font-family:var(--font-heading-family);font-size:clamp(36px,3.5vw,52px);font-weight:400;font-style:italic;color:var(--parchment);line-height:1.12;letter-spacing:-.02em;margin:0 0 22px}.ms-hero__subtext{font-family:var(--font-body-family);font-size:14px;font-weight:300;color:var(--warm-taupe)!important;line-height:1.75;max-width:380px;margin:0 0 34px}.ms-hero__rhythm{list-style:none;display:flex;flex-direction:column;gap:11px;margin:0 0 44px;padding:0}.ms-hero__rhythm-item{display:flex;align-items:flex-start;gap:13px;font-family:var(--font-body-family);font-size:13px;line-height:1.45;color:#ede0ccb3!important}.ms-hero__dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;margin-top:5px}.ms-hero__dot--vitality{background:var(--vitality)}.ms-hero__dot--clarity{background:var(--clarity)}.ms-hero__dot--unwind{background:var(--unwind)}.ms-hero__dot--immune{background:var(--immune)}.ms-hero__rhythm-label{color:#ede0cceb!important;font-weight:600;margin-right:5px}.ms-hero__ctas{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.ms-hero__btn--primary{display:inline-block;background:var(--warm-gold);color:var(--deep-olive);font-family:var(--font-body-family);font-size:12.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:15px 36px;text-decoration:none;white-space:nowrap;transition:opacity .2s ease}.ms-hero__btn--primary:hover,.ms-hero__btn--primary:focus-visible{opacity:.88}.ms-hero__btn--ghost{display:inline-block;font-family:var(--font-body-family);font-size:12.5px;font-weight:400;letter-spacing:.09em;text-transform:uppercase;color:var(--warm-taupe);text-decoration:none;border-bottom:1px solid rgba(196,184,168,.45);padding-bottom:2px;white-space:nowrap;transition:color .15s ease,border-color .15s ease}.ms-hero__btn--ghost:hover,.ms-hero__btn--ghost:focus-visible{color:var(--parchment);border-color:var(--parchment)}.ms-hero__visual{position:relative;overflow:hidden;background:var(--deep-olive)}.ms-hero__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .6s ease}.ms-hero__video.is-ready{opacity:1}.ms-hero__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:right center;display:block;transition:opacity .4s ease}.ms-hero__visual.video-playing .ms-hero__poster{opacity:0;pointer-events:none}@media(prefers-reduced-motion:reduce){.ms-hero__video{display:none}.ms-hero__poster{opacity:1!important}.ms-hero__visual.video-playing .ms-hero__poster{opacity:1!important;pointer-events:auto}}@media screen and (max-width:1023px){.ms-hero{grid-template-columns:45fr 55fr;min-height:520px}.ms-hero__content{padding:64px 40px 64px 52px}.ms-hero__subtext{max-width:320px}}@media screen and (max-width:767px){.ms-hero{grid-template-columns:1fr;grid-template-rows:auto auto;min-height:unset}.ms-hero__visual{order:-1;height:300px;position:relative}.ms-hero__video,.ms-hero__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:65% center}.ms-hero__content{order:1;padding:48px 28px 56px}.ms-hero__headline{font-size:34px}.ms-hero__subtext{max-width:100%;font-size:13.5px}.ms-hero__rhythm{gap:10px;margin-bottom:36px}.ms-hero__rhythm-item{font-size:12.5px}.ms-hero__ctas{flex-direction:column;align-items:flex-start;gap:16px}.ms-hero__btn--primary{width:100%;text-align:center;padding:16px 24px}}@media screen and (max-width:399px){.ms-hero__visual{height:260px}.ms-hero__content{padding:40px 20px 48px}.ms-hero__headline{font-size:30px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/hero-section.css.map */