.section:has(>.formulation){grid-template-columns:max-content}.formulation{position:relative;overflow:hidden;border-radius:0;color:var(--color-inverse)}.formulation__bg,.formulation__overlay{position:absolute;top:0;right:0;bottom:0;left:0}.formulation__bg-image{width:100%;height:100%;object-fit:cover}.formulation__overlay{background:linear-gradient(0deg,#0003 0% 100%),linear-gradient(180deg,#21382d00 30.4%,#21382dcc 69.6%),#d3d3d300 50% / cover no-repeat}.formulation__inner{position:relative;z-index:1;display:flex;flex-direction:column;gap:32px;padding-inline:18px}.formulation__intro{display:flex;flex-direction:column;gap:16px;text-align:center}.formulation__body{margin:0 auto;max-width:48ch;font-size:1rem;line-height:1.4;letter-spacing:-.02em}.formulation__switcher{display:contents}.formulation__cluster{display:flex;align-items:center;justify-content:center;gap:10px;width:100%}.formulation__col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:0}.formulation__pill{display:flex;align-items:center;justify-content:center;width:100%;height:116px;padding:8px 10px;font-size:16px;line-height:1.3;text-align:center;color:var(--color-inverse);background:#fafafa1f;border:1px solid rgba(255,255,255,.22);border-radius:1000px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:pointer;transition:background-color .2s ease,color .2s ease;font-family:var(--font-paragraph--family)}.formulation__pill:hover{background:#fafafa38}.formulation__pill.is-active{color:var(--color-primary);background:var(--color-inverse);border-color:var(--color-inverse)}.formulation__center{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:150px;border-radius:100px;background:var(--color-primary);text-align:center}.formulation__center-value{font-family:var(--font-heading--family);font-size:2rem;line-height:1.2;letter-spacing:-.02em}.formulation__center-label{margin-top:4px;font-weight:600;font-size:.625rem;letter-spacing:.16em;text-transform:uppercase;opacity:.85}.formulation__detail-card{display:none;flex-direction:column;gap:12px;padding:24px;color:var(--color-foreground);background:var(--color-background);border-radius:24px;margin-top:20px}.formulation__detail-card.is-active{display:flex}.formulation__detail-title{margin:0;font-family:var(--font-heading--family);font-size:1.5rem;line-height:1.2;letter-spacing:-.02em;color:var(--color-primary);font-weight:400}.formulation__detail-title br{display:none}.formulation__detail-body{margin:0;font-size:1rem;line-height:1.4;letter-spacing:-.02em;color:var(--color-text-muted)}.formulation__hint{margin:0;text-align:center;font-size:.875rem;line-height:1.4;opacity:.85}.formulation__heading{font-weight:400}@media(min-width:1600px){.formulation__inner{max-width:90rem;margin:auto}}@media screen and (min-width:991px){.formulation__inner{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto;grid-template-areas:"intro cluster" "detail cluster" "hint cluster";gap:0 12px;padding-inline:80px;min-height:auto}.formulation__overlay{background:linear-gradient(#0006,#0006),linear-gradient(to left,#182a1e00 22%,#21382dd9 71%)}.formulation__intro{grid-area:intro;text-align:left;gap:24px}.formulation__body{margin:-4px 0 0}.formulation__cluster{grid-area:cluster;align-self:center;gap:4px}.formulation__pill{height:142px;font-size:1rem;letter-spacing:-.32px;line-height:1.4;font-weight:400}.formulation__detail{grid-area:detail;align-self:end;max-width:453px}.formulation__hint{text-align:left;width:100%;margin-top:24px}.formulation__center{height:208px}.formulation__center-value{font-size:56px;line-height:1.2}.formulation__center-label{font-size:12px}}@media(max-width:991px){.formulation__eyebrow{font-size:10px}.formulation__heading{font-size:32px}.formulation__body{max-width:34ch}.formulation__pill{width:98%;height:134px}.formulation__center{height:152px}.formulation__cluster{gap:12px}}@media(max-width:749px){.formulation__center{width:120px}.formulation__body{margin:-4px auto 0}.formulation__hint{color:#fafafa;text-align:center;font-size:16px;font-style:normal;font-weight:400;line-height:140%;letter-spacing:-.32px}.formulation__detail-card{padding:32px 24px;margin-top:0}}@media(min-width:750px)and (max-width:990px){.formulation__inner{padding-inline:80px}}@media(min-width:991px)and (max-width:1025px){.formulation__heading{font-size:2rem}}@media(min-width:320px)and (max-width:749px){.formulation__cluster{max-width:354px;margin:0 auto}.formulation__detail-body{color:#575655;font-size:16px;font-style:normal;font-weight:400;line-height:140%;letter-spacing:-.32px;opacity:.9}}@media(min-width:750px)and (max-width:990px){.formulation__cluster{max-width:600px;margin:0 auto}.formulation__center{height:182px;max-width:182px}}@media(min-width:991px)and (max-width:1280px){.formulation__inner{padding-left:30px;padding-right:30px;grid-template-columns:.8fr 1fr}.formulation__center{height:208px;width:167px}.formulation__cluster{max-width:515px;margin:0 0 0 auto}.formulation__center-value{font-size:56px;line-height:1.2}.formulation__pill{width:98%;height:142px}}@media(min-width:1281px){.formulation__center{min-width:208px;max-width:208px}}@media(min-width:991px)and (max-width:1280px){.formulation__inner{padding-left:80px;padding-right:80px;grid-template-columns:.8fr 1fr}.formulation__heading{font-size:2.5rem}.formulation__hint{display:none}.formulation__detail-card{min-height:155px}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/the-formulation.css.map */