body .vs-about{--vs-about-default-bg: #fffcf7;--vs-about-default-ink: #4c412a;padding-block:var(--vs-about-top, 64px) var(--vs-about-bottom, 64px);background:var(--vs-about-bg, var(--vs-about-default-bg));color:var(--vs-about-ink, var(--vs-about-default-ink));font-family:var(--font-body-family);font-size:1.6rem;line-height:1.75}body .vs-about--hero{--vs-about-default-bg: #f3ead8}body .vs-about--bridge{--vs-about-default-bg: #eef2e8}body .vs-about--mission{--vs-about-default-bg: #f3ead8}body .vs-about--botanical{--vs-about-default-bg: #687342;--vs-about-default-ink: #fffcf7}body .vs-about--cta{--vs-about-default-bg: #244936;--vs-about-default-ink: #fffcf7}body .vs-about__inner{width:100%;max-width:1400px;padding-inline:32px;margin-inline:auto}body .vs-about__split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(32px,4vw,64px);align-items:center}body .vs-about__copy{min-width:0}body .vs-about .vs-about__heading{margin:0 0 24px;color:inherit;font-family:var(--vs-font-editorial, Georgia, serif);font-size:clamp(2.8rem,3.2vw,4.4rem);font-weight:400;line-height:1.2;letter-spacing:0;text-wrap:balance;overflow-wrap:anywhere}body .vs-about--hero .vs-about__heading{font-size:clamp(3.8rem,4.5vw,6rem)}body .vs-about--bridge .vs-about__heading{font-size:clamp(2.8rem,2.8vw,3.8rem)}body .vs-about .vs-about__subheading{font-size:clamp(2rem,2vw,2.6rem);line-height:1.45;margin:0 0 24px;max-width:34ch;overflow-wrap:anywhere}body .vs-about .vs-about__text{font-family:var(--font-body-family);font-size:1.6rem;line-height:1.8;color:inherit}body .vs-about .vs-about__text p{margin:0 0 20px;max-width:60ch;overflow-wrap:anywhere}body .vs-about .vs-about__text>:last-child{margin-bottom:0}body .vs-about .vs-about__text a{color:inherit;text-underline-offset:4px}body .vs-about__route{margin:0 0 20px;padding-inline-start:16px;border-inline-start:2px solid #929d5b;font-size:1.3rem;line-height:1.6;letter-spacing:.04em;overflow-wrap:anywhere}body .vs-about__media{min-width:0;position:relative;aspect-ratio:4 / 5;border-radius:8px;overflow:hidden}body .vs-about__picture{display:block;width:100%;height:100%}body .vs-about__picture img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--vs-about-focal, 50% 50%)}body .vs-about__media>.vs-about__picture{position:absolute;top:0;right:0;bottom:0;left:0}body .vs-about__media--illustration{display:flex;align-items:center;justify-content:center;background:#e7ebdf;color:#244936;padding:12%}body .vs-about__media--illustration>svg{display:block;width:100%;max-height:440px;height:auto}body :is(.vs-about--beginning,.vs-about--bridge,.vs-about--botanical) .vs-about__media{grid-column:1;grid-row:1}body :is(.vs-about--beginning,.vs-about--bridge,.vs-about--botanical) .vs-about__copy{grid-column:2;grid-row:1}body .vs-about--bridge .vs-about__media{aspect-ratio:auto;align-self:stretch;min-height:480px}body .vs-about--botanical .vs-about__inner{max-width:none;padding-inline:0;gap:0;align-items:stretch}body .vs-about--botanical .vs-about__copy{align-self:center;padding:64px max(32px,calc((100vw - 1400px)/2 + 32px)) 64px clamp(32px,4vw,64px)}body .vs-about--botanical .vs-about__media{border-radius:0;aspect-ratio:auto;min-height:480px}body .vs-about--mission .vs-about__media{aspect-ratio:4 / 3}body .vs-about .vs-about__values-heading{text-align:center;margin-bottom:40px}body .vs-about .vs-about__values-intro{max-width:720px;margin:0 auto 32px;text-align:center}body .vs-about__values{display:grid;grid-template-columns:repeat(var(--vs-about-values, 4),minmax(0,1fr));gap:40px 32px}body .vs-about__value{min-width:0;text-align:center}body .vs-about__value-image{width:120px;height:120px;margin:0 auto 24px;color:#244936}body .vs-about__value-image :is(img,svg){display:block;width:100%;height:100%;object-fit:contain}body .vs-about .vs-about__value-heading{font-family:var(--font-body-family);font-size:1.8rem;font-weight:500;line-height:1.45;color:inherit;margin:0 0 12px;overflow-wrap:anywhere}body .vs-about__value p{margin:0 auto;max-width:34ch;font-size:1.5rem;line-height:1.7;overflow-wrap:anywhere}body .vs-about__lifestyle{width:100%;height:clamp(320px,38vw,620px)}body .vs-about__placeholder{display:block;width:100%;height:100%;background:#eef2e8}body .vs-about__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}body .vs-about .button{min-width:0;min-height:48px;max-width:100%;border-radius:999px;padding:12px 28px;box-shadow:none;overflow-wrap:anywhere}body .vs-about :is(.button,.vs-about__text a):focus-visible{outline:2px solid currentColor;outline-offset:4px}body .vs-about--cta{--color-button: 243, 234, 216;--color-button-text: 36, 73, 54;--color-secondary-button-text: 255, 252, 247}body .vs-about--cta .vs-about__copy{max-width:800px;margin-inline:auto;text-align:center}body .vs-about--cta .vs-about__text p{margin-inline:auto}body .vs-about--cta .vs-about__actions{justify-content:center}body .vs-about--cta .button:focus-visible,body .vs-about--cta .button.focused{outline-color:var(--vs-about-ink, #fffcf7)}@media(max-width:989px){body .vs-about__split{grid-template-columns:minmax(0,1fr);gap:32px}body :is(.vs-about--beginning,.vs-about--bridge,.vs-about--botanical) .vs-about__copy,body :is(.vs-about--beginning,.vs-about--bridge,.vs-about--botanical) .vs-about__media{grid-column:auto;grid-row:auto}body .vs-about .vs-about__media{width:100%;max-width:704px;margin-inline:auto;min-height:0;aspect-ratio:3 / 2}body .vs-about--botanical .vs-about__copy{padding:48px 32px}body .vs-about--botanical .vs-about__media{max-width:none}body .vs-about__values{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:749px){body .vs-about{padding-block:min(var(--vs-about-top, 64px),48px) min(var(--vs-about-bottom, 64px),48px)}body .vs-about__inner{padding-inline:20px}body .vs-about--botanical .vs-about__copy{padding:48px 20px}body .vs-about__picture{--vs-about-active-focal: var(--vs-about-mobile-focal, var(--vs-about-focal, 50% 50%))}body .vs-about__actions{flex-direction:column;align-items:stretch}body .vs-about__lifestyle{height:auto;aspect-ratio:3 / 2}body .vs-about__values{grid-template-columns:minmax(0,1fr);gap:36px}}body :is(.vs-about--hero,.vs-about--beginning,.vs-about--bridge,.vs-about--mission){padding-block:0}body :is(.vs-about--hero,.vs-about--beginning,.vs-about--bridge,.vs-about--mission) .vs-about__split{max-width:none;padding-inline:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;align-items:stretch;min-height:540px}body :is(.vs-about--hero,.vs-about--beginning,.vs-about--bridge,.vs-about--mission) .vs-about__copy{align-self:center;padding-inline:clamp(40px,6vw,100px);padding-block:max(var(--vs-about-top, 64px),clamp(40px,6vw,100px)) max(var(--vs-about-bottom, 64px),clamp(40px,6vw,100px))}body :is(.vs-about--hero,.vs-about--beginning,.vs-about--bridge,.vs-about--mission) .vs-about__copy>*{max-width:60ch}body :is(.vs-about--hero,.vs-about--beginning,.vs-about--bridge,.vs-about--mission) .vs-about__media{align-self:stretch;width:100%;max-width:none;min-height:0;margin:0;padding:0;border-radius:0;aspect-ratio:auto}body :is(.vs-about--hero,.vs-about--beginning,.vs-about--bridge,.vs-about--mission) .vs-about__media--illustration>svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-height:none}@media(min-width:750px){body :is(.vs-about--beginning,.vs-about--bridge) .vs-about__media{grid-column:1;grid-row:1}body :is(.vs-about--beginning,.vs-about--bridge) .vs-about__copy{grid-column:2;grid-row:1}}@media(max-width:749px){body :is(.vs-about--hero,.vs-about--beginning,.vs-about--bridge,.vs-about--mission) .vs-about__split{grid-template-columns:minmax(0,1fr);min-height:0}body :is(.vs-about--hero,.vs-about--beginning,.vs-about--bridge,.vs-about--mission) .vs-about__copy{padding-inline:24px;padding-block:max(32px,min(var(--vs-about-top, 64px),48px)) max(32px,min(var(--vs-about-bottom, 64px),48px))}body :is(.vs-about--hero,.vs-about--beginning,.vs-about--bridge,.vs-about--mission) .vs-about__media{aspect-ratio:4 / 3}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/vitalspirit-about.css.map */