.ingredient-photo-intro{display:flex;flex-wrap:wrap;align-items:end;gap:16px;justify-content:space-between;margin-bottom:28px}.ingredient-photo-intro>.eyebrow{width:100%}.ingredient-photo-intro h2{font-size:clamp(32px,4vw,48px);font-weight:400;margin:0}.ingredient-photo-intro>a{font-size:12px;text-underline-offset:5px}.ingredient-photo-rail{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:20px;padding:0 0 18px;scrollbar-width:thin;scrollbar-color:#a6ae95 transparent}.ingredient-photo-card{display:flex;flex-direction:column;flex:0 0 var(--ingredient-card-width,290px);scroll-snap-align:start;text-decoration:none;border:1px solid #d9ddcf;border-radius:6px 50px 6px 6px;overflow:hidden;background:#f7f6ef}.ingredient-photo-copy{padding:24px;min-height:140px}.ingredient-photo-copy h3{font-size:23px;margin:0 0 12px;font-weight:400}.ingredient-photo-copy p{font-size:13px;line-height:1.7;margin:0;color:#60705c}.ingredient-photo-visual{aspect-ratio:var(--ingredient-image-ratio,1.2);background:#e9ecdf;margin-top:auto;overflow:hidden}.ingredient-photo-visual img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}.ingredient-photo-card:hover img{transform:scale(1.035)}.ingredient-photo-drawing{height:100%;display:grid;place-items:center;color:#8a956d;background:radial-gradient(ellipse at 30% 10%,#f5f0df,#e1e7d5)}.ingredient-photo-drawing svg{width:90px;height:90px}.ingredient-photo-credit{display:inline-block;font-size:10px;color:#707b67;margin-top:10px;text-underline-offset:4px}.benefit-ingredient img{width:34px;height:34px;border-radius:50%;object-fit:cover;flex-shrink:0}.ingredient-credit-page{max-width:1000px}.ingredient-credit-page section{padding:24px 0;border-top:1px solid #d9ddcf}.ingredient-credit-page h2{font-size:25px;text-transform:capitalize}.ingredient-credit-page p{font-size:13px;line-height:1.8;overflow-wrap:anywhere}@media(max-width:749px){.ingredient-photo-card{flex-basis:77vw;max-width:310px}.ingredient-photo-section{padding-right:0!important}.ingredient-photo-intro{padding-right:24px}.ingredient-photo-copy{padding:22px;min-height:125px}.ingredient-photo-copy h3{font-size:22px}.ingredient-photo-rail{gap:14px}.ingredient-photo-credit{margin-right:24px}.benefit-ingredient img{width:28px;height:28px}}@media(prefers-reduced-motion:reduce){.ingredient-photo-visual img{transition:none}}
.ingredient-photo-copy{order:1}.ingredient-photo-visual{order:2}.ingredient-photo-visual img[src*="aloe-vera"]{object-position:50% 90%}