.ingredient-editorial{position:relative;isolation:isolate;container-type:inline-size;max-width:1774px;aspect-ratio:2;margin:0 auto;background:#020d17;overflow:hidden;scroll-margin-top:0;color:#f3f8ff}
.ingredient-photo{position:absolute;inset:0;z-index:-1;pointer-events:none}
.ingredient-photo>img,.ingredient-facts{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover}
.ingredient-number{font-family:'Inter',sans-serif;font-weight:800;font-size:64px;letter-spacing:-3px}
.ingredient-unit{font-family:'Manrope',sans-serif;font-weight:500;font-size:32px;letter-spacing:-1px}
.ingredient-copy{position:absolute;left:4.35%;top:14.7%;width:47%}
.ingredient-copy .eyebrow{font-size:1.02cqw;letter-spacing:.22cqw;font-weight:700;color:#91c9f4;line-height:1.5}
.ingredient-copy h2{font-family:'Inter',sans-serif;font-size:8.2cqw;letter-spacing:-.43cqw;line-height:.763;font-weight:900;margin:2.25cqw 0 1.55cqw;white-space:nowrap}
.ingredient-copy>p{font-size:2.08cqw;line-height:1.1;font-weight:500;letter-spacing:-.06cqw;color:#b7d9f4;margin:0}
.ingredient-cta{display:flex;align-items:center;justify-content:space-between;gap:1.5cqw;width:25.3cqw;min-height:4.15cqw;padding:.6cqw 2.15cqw;background:#d6ff32;color:#0a1600;border-radius:5cqw;font-size:1.6cqw;font-weight:700;letter-spacing:-.05cqw;margin-top:2.1cqw;transition:background .25s,box-shadow .3s,transform .4s cubic-bezier(.16,1,.3,1)}
.ingredient-cta span{font-size:2.8cqw;line-height:1;font-weight:400;transition:transform .35s}
.ingredient-cta:hover{background:#e9ff8d;transform:translateY(-3px);box-shadow:0 8px 30px #c7f32922}.ingredient-cta:hover span{transform:translateX(5px)}
.ingredient-footnote{position:absolute;left:4.55%;bottom:4.45%;font-size:1.02cqw;line-height:1.6;color:#a7c0d6;margin:0;max-width:89%;letter-spacing:-.01cqw}
@media(max-width:700px){.ingredient-editorial{aspect-ratio:auto;padding:48px 6% 28px}.ingredient-copy{position:relative;left:auto;top:auto;width:100%}.ingredient-copy .eyebrow{font-size:9px;letter-spacing:2px}.ingredient-copy h2{font-size:clamp(42px,11.4vw,78px);letter-spacing:-.065em;line-height:.9;margin:25px 0 24px}.ingredient-copy>p{font-size:16px;line-height:1.5;letter-spacing:-.3px}.ingredient-copy>p br{display:none}.ingredient-cta{width:max-content;gap:35px;min-height:52px;padding:10px 23px;font-size:15px;letter-spacing:-.3px;border-radius:40px;margin-top:25px}.ingredient-cta span{font-size:28px}.ingredient-photo{position:relative;inset:auto;z-index:0;pointer-events:none;aspect-ratio:1.1;margin:10px -6.8% 0;overflow:hidden}.ingredient-photo>img,.ingredient-facts{width:180%;height:100%;left:-80%;object-fit:fill}.ingredient-copy{z-index:1}.ingredient-editorial{display:flex;flex-direction:column}.ingredient-copy{order:0}.ingredient-photo{order:1}.ingredient-footnote{position:relative;left:auto;bottom:auto;order:2;max-width:none;font-size:11px;line-height:1.7;margin-top:18px;letter-spacing:0}}
@media(prefers-reduced-motion:reduce){.ingredient-cta,.ingredient-cta span{transition:none}.ingredient-cta:hover{transform:none}}