.ob-formula{position:relative;padding:40px 0;background:var(--ob-formula-bg, var(--ob-bg));color:var(--ob-ink);scroll-margin-top:110px;overflow-wrap:break-word}.ob-formula :where(h1,h2,h3,.ob-h2,.ob-lead,.ob-kicker){overflow-wrap:anywhere}.ob-formula__inner{display:grid;grid-template-columns:minmax(0,1fr);gap:calc(28px * var(--ob-gap, 1));align-items:start;padding-inline:max(var(--ob-gutter),(100% - var(--ob-page)) / 2)}.ob-formula__media{position:relative;aspect-ratio:var(--ob-formula-ratio, 1);border-radius:var(--ob-radius);overflow:hidden;background:var(--ob-card);isolation:isolate}.ob-formula__media-el{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover}@media(max-width:749px){.ob-formula--bleed-m .ob-formula__media{margin-inline:calc(var(--ob-gutter) * -1);border-radius:0}}.ob-formula__col{display:flex;flex-direction:column;min-width:0}.ob-formula__lead{margin:0 0 22px;text-align:var(--ob-ta, inherit)}.ob-formula__kicker{margin:0 0 8px;font-size:calc(13px * var(--ob-fs, 1));line-height:calc(18px * var(--ob-fs, 1));color:var(--ob-mist)}.ob-formula__lead-text{max-width:22ch;font-size:calc(24px * var(--ob-ts, 1));line-height:var(--ob-tlh, 1.25);font-weight:var(--ob-tw, var(--ob-heading-weight));letter-spacing:calc(-.02em + var(--ob-track, 0em));text-wrap:balance;margin-inline:var(--ob-tml, 0px) var(--ob-tmr, 0px)}.ob-formula__index{display:flex;flex-direction:column;gap:calc(26px * var(--ob-gap, 1))}.ob-formula__item{position:relative;padding-left:20px}.ob-formula__item.is-selected{outline:2px solid var(--ob-formula-accent, var(--ob-accent));outline-offset:8px;border-radius:2px}.ob-formula__bar{position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:2px;background:var(--ob-formula-accent, var(--ob-accent))}.ob-formula__head{display:flex;align-items:center;justify-content:space-between;gap:20px}.ob-formula__name{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;min-width:0;font-size:calc(22px * var(--ob-fs, 1));line-height:calc(28px * var(--ob-fs, 1));font-weight:500;letter-spacing:-.02em}.ob-formula__name-link{position:relative;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;text-decoration-color:var(--ob-line);transition:text-decoration-color .2s}.ob-formula__name-link:after{content:"";position:absolute;top:-8px;right:0;bottom:-8px;left:0}.ob-formula__name-link:hover{text-decoration-color:currentColor}.ob-formula__pill{display:inline-flex;align-items:center;padding:3px 9px;border-radius:var(--ob-pill);background:rgba(var(--ob-accent-rgb),.08);font-size:calc(10px * var(--ob-fs, 1));line-height:calc(14px * var(--ob-fs, 1));font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ob-accent)}.ob-formula__thumb{display:block;flex:0 0 auto;width:calc(var(--ob-formula-thumb, 88px) * 8 / 11);height:calc(var(--ob-formula-thumb, 88px) * 8 / 11);border-radius:var(--ob-radius);overflow:hidden;background:var(--ob-card)}.ob-formula__thumb img{width:100%;height:100%;object-fit:cover}.ob-formula__thumb .ob-ph{color:var(--ob-accent)}.ob-formula__thumb .ob-ph svg{width:24px;max-width:none;opacity:1}.ob-formula.is-anim .ob-formula__item:not(.is-lit) .ob-formula__bar{background:var(--ob-line)}.ob-formula.is-anim .ob-formula__item:not(.is-lit) .ob-formula__panel-inner{opacity:.35;transform:translateY(6px)}.ob-formula.is-live .ob-formula__bar{transition:background-color .42s}.ob-formula.is-live .ob-formula__panel-inner{transition:opacity .42s,transform .42s var(--ob-ease)}.ob-formula__intro{max-width:46ch;margin:12px 0 0;font-size:calc(16px * var(--ob-fs, 1));line-height:calc(25px * var(--ob-fs, 1));color:var(--ob-muted);margin-inline:var(--ob-tml, 0px) var(--ob-tmr, 0px)}.ob-formula__note{max-width:60ch;margin:24px 0 0;font-size:calc(13px * var(--ob-fs, 1));line-height:calc(19px * var(--ob-fs, 1));color:var(--ob-mist)}.ob-formula__dose{font-size:calc(13px * var(--ob-fs, 1));line-height:1.2;font-weight:500;color:var(--ob-mist);font-variant-numeric:tabular-nums}.ob-formula__source{position:relative;display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:calc(14px * var(--ob-fs, 1));line-height:1.3;font-weight:500;color:var(--ob-accent);text-decoration:underline;text-underline-offset:3px}.ob-formula__source:after{content:"";position:absolute;top:-12px;right:-8px;bottom:-12px;left:-8px}.ob-formula__detail{max-width:46ch;margin:12px 0 2px;font-size:calc(15.5px * var(--ob-fs, 1));line-height:calc(25px * var(--ob-fs, 1));color:var(--ob-muted)}.ob-formula__cta{display:flex;margin-top:28px;justify-content:var(--ob-tj, normal)}.ob-formula__btn{width:100%;min-width:260px}.ob-formula__btn svg{flex:0 0 auto;transition:transform .2s}.ob-formula__btn:hover svg{transform:translate(4px)}@media(min-width:750px)and (max-width:1023px){.ob-formula__media{width:100%;max-width:440px;margin-inline:auto}}@media(min-width:1024px){.ob-formula{padding:80px 0}.ob-formula__inner{grid-template-columns:minmax(0,var(--ob-formula-m, 1fr)) minmax(0,var(--ob-formula-t, 1fr));gap:calc(56px * var(--ob-gap, 1))}.ob-formula--reverse .ob-formula__inner{grid-template-columns:minmax(0,var(--ob-formula-t, 1fr)) minmax(0,var(--ob-formula-m, 1fr))}.ob-formula--nomedia .ob-formula__inner{grid-template-columns:minmax(0,1fr)}.ob-formula--reverse .ob-formula__media{order:2}.ob-formula--sticky .ob-formula__media{position:sticky;top:100px;max-height:calc(100vh - 140px)}.ob-formula__col{padding-block:calc(8px * (1 - var(--ob-flush-t, 0))) calc(8px * (1 - var(--ob-flush-b, 0)))}.ob-formula__lead{margin-bottom:34px}.ob-formula__lead-text{font-size:calc(30px * var(--ob-ts, 1));line-height:var(--ob-tlh, 1.2);letter-spacing:calc(-.025em + var(--ob-track, 0em))}.ob-formula__index{gap:calc(34px * var(--ob-gap, 1))}.ob-formula__head{gap:25px}.ob-formula__name{font-size:calc(28px * var(--ob-fs, 1));line-height:calc(34px * var(--ob-fs, 1));letter-spacing:-.025em}.ob-formula__thumb{width:var(--ob-formula-thumb, 88px);height:var(--ob-formula-thumb, 88px)}.ob-formula__detail{margin-top:14px;font-size:calc(17px * var(--ob-fs, 1));line-height:calc(27px * var(--ob-fs, 1))}.ob-formula__cta{margin-top:32px}.ob-formula__btn{width:auto}}@media(min-width:1280px){.ob-formula__inner{gap:calc(80px * var(--ob-gap, 1))}}@media(prefers-reduced-motion:reduce){.ob-formula.is-live .ob-formula__bar,.ob-formula.is-live .ob-formula__panel-inner,.ob-formula__btn svg{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/ob-s-formula.css.map */