.formula-section{background:#f1f1ed;color:#111;padding:90px max(24px,5vw) 70px;scroll-margin-top:115px}
.formula-section [hidden]{display:none!important}.formula-section__inner{max-width:1380px;margin:auto}.formula-section__heading{max-width:920px;margin:0 auto 40px;text-align:center}.formula-section__eyebrow{font-size:10px;letter-spacing:.12em;line-height:1.5;text-transform:uppercase;font-weight:400;margin:0 0 20px}.formula-section__heading h2{font-family:var(--zzen-serif,Georgia,serif);font-size:clamp(44px,5.6vw,82px);font-weight:400;letter-spacing:-.05em;line-height:1.01;margin:0;text-wrap:balance}.formula-section__intro{font-size:16px;line-height:1.55;max-width:630px;margin:23px auto 0;color:#5d5d5d}.formula-section__tabs{display:flex;justify-content:center;align-items:center;gap:10px;margin:0 0 36px;flex-wrap:wrap}.formula-section__tab{border:1px solid #c7c7c2;background:transparent;color:#333;font:inherit;font-size:13px;min-height:43px;padding:11px 24px;border-radius:40px;cursor:pointer;transition:color .2s,background .2s,border-color .2s}.formula-section__tab:hover{border-color:#111}.formula-section__tab[aria-selected=true]{background:#111;border-color:#111;color:#fff}.formula-section__toolbar{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:0 0 22px}.formula-section__product-type{font-size:10px;line-height:1.5;letter-spacing:.07em;text-transform:uppercase;margin:0;color:#61615b}.formula-section__controls{display:flex;gap:14px;align-items:center;flex:none}.formula-section__arrow{display:grid;place-items:center;width:39px;height:39px;padding:0;border-radius:50%;border:1px solid #b9b9b3;background:none;color:#111;font:inherit;font-size:19px;cursor:pointer;transition:background .2s,border-color .2s}.formula-section__arrow:hover:not(:disabled){background:#dbe7ff;border-color:#9ab7e9}.formula-section__arrow:disabled{opacity:.3;cursor:default}.formula-section__count{min-width:32px;text-align:center;font-size:11px;color:#66665f;font-variant-numeric:tabular-nums}.formula-section__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 44px)/3);gap:22px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth;padding:1px 1px 5px}.formula-section__track::-webkit-scrollbar{display:none}.formula-section__card{min-width:0;background:#fcfcf9;border:1px solid #e3e3de;border-radius:5px;scroll-snap-align:start;overflow:hidden;display:flex;flex-direction:column}.formula-section__art{aspect-ratio:1.22;padding:13% 18% 8%;display:grid;place-items:center;background:#f8f8f4;color:#1a1a17}.formula-section__art svg{display:block;width:100%;height:100%;overflow:visible}.formula-section__card-info{display:flex;flex-direction:column;align-items:flex-start;flex:1;padding:23px 27px 27px}.formula-section__card-type{font-size:9px;line-height:1.4;letter-spacing:.12em;text-transform:uppercase;color:#696969;margin:0 0 12px}.formula-section__card h3{font-family:var(--zzen-serif,Georgia,serif);font-size:clamp(27px,2.8vw,40px);font-weight:400;line-height:1.04;letter-spacing:-.04em;margin:0 0 24px;text-wrap:balance}.formula-section__more{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:9px 0 3px;background:none;color:#222;border:0;border-bottom:1px solid #aaa;font:inherit;font-size:12px;cursor:pointer;margin-top:auto;min-height:35px}.formula-section__more>span:last-child{font-size:17px}.formula-section__more:hover{border-color:#111}.formula-section__product-link{display:flex;align-items:center;justify-content:center;gap:35px;width:max-content;max-width:100%;min-height:51px;background:#111;color:#fff!important;font-size:13px;line-height:1.5;padding:15px 29px;text-decoration:none;border-radius:40px;margin:34px auto 0}.formula-section__product-link>span:last-child{font-size:19px}.formula-section__product-link:hover{background:#333}.formula-section__note{font-size:10px;line-height:1.6;text-align:center;color:#66665f;max-width:650px;margin:25px auto 0}.formula-section__fallback{display:flex;justify-content:center;gap:25px;font-size:14px}.formula-section__fallback a{text-decoration:underline;text-underline-offset:5px}.formula-section :is(button,a):focus-visible{outline:2px solid #5084d3;outline-offset:5px}
.formula-dialog{position:fixed;inset:0;margin:auto;width:min(890px,calc(100vw - 48px));max-width:890px;max-height:calc(100dvh - 48px);padding:0;border:0;border-radius:7px;background:#fff;color:#111;overflow:auto;box-shadow:0 30px 120px #0004;overscroll-behavior:contain;font-family:"Store Sans",Helvetica,Arial,sans-serif}.formula-dialog[open]{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.formula-dialog::backdrop{background:#0009;backdrop-filter:blur(5px)}.formula-dialog__close{position:absolute;right:17px;top:14px;z-index:2;width:39px;height:39px;display:grid;place-items:center;background:#fff;border:1px solid #c9c9c2;border-radius:50%;color:#111;padding:0;font:400 29px/1 Arial,sans-serif;cursor:pointer}.formula-dialog__close:hover{background:#dbe7ff}.formula-dialog__art{background:#f1f1ed;display:flex;align-items:center;justify-content:center;min-height:430px;padding:40px;color:#1a1a17}.formula-dialog__art svg{width:100%;max-width:320px;height:auto;display:block}.formula-dialog__copy{padding:69px 40px 43px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.formula-dialog .formula-section__eyebrow{font-size:9px;letter-spacing:.08em;line-height:1.6;color:#6f6f67;margin:0 0 16px}.formula-dialog h2{font-family:var(--zzen-serif,Georgia,serif);font-weight:400;font-size:clamp(36px,4vw,54px);letter-spacing:-.045em;line-height:1.04;margin:0 0 25px;overflow-wrap:anywhere}.formula-dialog__description{font-size:15px;line-height:1.65;color:#555;margin:0 0 20px}.formula-dialog__note{font-size:11px;line-height:1.6;color:#6d6d6d;margin:0 0 25px}.formula-dialog__link{display:flex;align-items:center;justify-content:space-between;gap:35px;font-size:13px;line-height:1.5;padding:14px 23px;background:#111;color:#fff!important;text-decoration:none;border-radius:40px;min-height:49px}.formula-dialog__link:hover{background:#333}.formula-dialog__link>span:last-child{font-size:19px}
@media(min-width:1600px){.formula-section__art{padding:12% 20% 8%}}
@media(max-width:1050px){.formula-section{padding:70px 30px 55px}.formula-section__track{grid-auto-columns:calc((100% - 22px)/2)}.formula-section__card h3{font-size:35px}.formula-dialog__copy{padding-left:30px;padding-right:30px}.formula-dialog__art{padding:30px}.formula-dialog__description{font-size:14px}}
@media(max-width:600px){.formula-section{padding:56px 20px 45px;scroll-margin-top:85px}.formula-section__heading{margin-bottom:28px}.formula-section__eyebrow{font-size:9px;letter-spacing:.1em;margin-bottom:16px}.formula-section__heading h2{font-size:clamp(39px,11.6vw,56px);line-height:1.02;max-width:410px;margin:auto}.formula-section__intro{font-size:14px;line-height:1.6;margin-top:20px;max-width:370px}.formula-section__tabs{gap:7px;margin-bottom:26px;flex-wrap:nowrap}.formula-section__tab{font-size:11px;min-height:41px;padding:11px 17px}.formula-section__toolbar{align-items:center;gap:14px;margin-bottom:16px}.formula-section__product-type{font-size:8px;letter-spacing:.04em;max-width:150px}.formula-section__controls{gap:9px}.formula-section__arrow{width:34px;height:34px;font-size:17px}.formula-section__count{font-size:10px;min-width:25px}.formula-section__track{grid-auto-columns:86%;gap:15px;margin-right:-20px;padding-right:20px;scroll-padding-right:20px}.formula-section__art{aspect-ratio:1.15;padding:10% 17% 5%}.formula-section__card-info{padding:21px 23px 25px}.formula-section__card-type{font-size:8px;margin-bottom:10px}.formula-section__card h3{font-size:34px;line-height:1.05;margin-bottom:23px}.formula-section__more{font-size:11px;min-height:38px}.formula-section__product-link{width:100%;max-width:340px;min-height:51px;font-size:12px;margin-top:29px}.formula-section__note{font-size:9px;line-height:1.65;margin-top:23px;max-width:350px}.formula-dialog{width:calc(100vw - 28px);max-height:calc(100dvh - 28px);border-radius:6px}.formula-dialog[open]{grid-template-columns:1fr}.formula-dialog__art{min-height:0;height:215px;padding:15px 55px}.formula-dialog__art svg{max-width:205px;max-height:190px}.formula-dialog__copy{padding:27px 27px 32px}.formula-dialog h2{font-size:39px;margin-bottom:20px}.formula-dialog__description{font-size:14px;line-height:1.6;margin-bottom:18px}.formula-dialog__note{font-size:10px;margin-bottom:23px}.formula-dialog__link{width:100%;font-size:12px;min-height:49px}.formula-dialog__close{width:34px;height:34px;right:12px;top:12px;font-size:26px}}
@media(max-width:360px){.formula-section__tab{padding:10px 12px;font-size:10px}.formula-section__card h3{font-size:30px}.formula-section__card-info{padding-left:19px;padding-right:19px}.formula-section__product-type{max-width:125px}.formula-dialog__copy{padding:24px}.formula-dialog h2{font-size:35px}}
@media(prefers-reduced-motion:reduce){.formula-section *{transition:none!important;scroll-behavior:auto!important}.formula-dialog::backdrop{backdrop-filter:none}}
/* The two botanical photographs fill the same frame as the line illustrations. */
.formula-section__art.has-photo,.formula-dialog__art.has-photo{position:relative;overflow:hidden;padding:0}
.formula-section__art.has-photo>.formula-ingredient-photo,.formula-dialog__art.has-photo>.formula-ingredient-photo{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}
/* Desktop reference layout: title and product tabs share one header row. */
@media(min-width:1051px){
  .formula-section{padding-top:70px;padding-bottom:56px}
  .formula-section__inner{display:grid;grid-template-columns:minmax(0,1fr) max-content;grid-template-areas:"heading tabs" "panel panel" "note note";column-gap:48px;row-gap:28px;align-items:start}
  .formula-section__heading{grid-area:heading;min-width:0;max-width:760px;margin:0;text-align:left}
  .formula-section__heading>.formula-section__eyebrow{margin-bottom:15px}
  .formula-section__heading h2{font-size:clamp(44px,4.7vw,69px);line-height:1.02;text-wrap:pretty}
  .formula-section__intro{font-size:15px;line-height:1.5;max-width:570px;margin:18px 0 0}
  .formula-section__experience{display:contents}
  .formula-section__tabs{grid-area:tabs;justify-content:flex-end;align-self:start;max-width:400px;gap:8px;margin:39px 0 0}
  .formula-section__tab{font-size:12px;padding:11px 21px}
  .formula-section__panel{grid-area:panel;min-width:0}
  .formula-section__toolbar{margin-bottom:18px}
  .formula-section__product-link{margin-top:28px}
  .formula-section__note{grid-area:note;justify-self:center;margin:0;max-width:650px}
  .formula-section__inner>noscript{grid-column:1/-1}
}
