.fog-ingredients{padding:clamp(4.5rem,8vw,8rem) 0;background:#f4f0e8;color:#171717}.fog-section-heading--split{display:grid;gap:1.25rem;margin-bottom:clamp(2rem,4vw,3.5rem)}.fog-section-heading--split>p{max-width:42rem;color:#625d55}.fog-ingredients__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem}.fog-ingredient-card{min-width:0}.fog-ingredient-card__media{position:relative;aspect-ratio:4/5;overflow:hidden;background:#e6dfd2}.fog-ingredient-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.fog-ingredient-card:hover .fog-ingredient-card__media img{transform:scale(1.035)}.fog-ingredient-card__placeholder{display:grid;place-items:center;width:100%;height:100%;font-family:Cormorant Garamond,serif;font-size:4rem;color:#a98a54}.fog-ingredient-card__body{padding:1.25rem 0 0}.fog-ingredient-card__number{margin:0 0 .6rem;font-size:.72rem;letter-spacing:.18em;color:#a18149}.fog-ingredient-card h3{margin:0;font-family:Cormorant Garamond,serif;font-size:clamp(1.5rem,2vw,2rem);font-weight:500}.fog-ingredient-card__body>p:last-child{margin:.65rem 0 0;color:#625d55;font-size:.92rem;line-height:1.65}.fog-ingredients__cta{margin-top:2.5rem;text-align:center}@media(min-width:750px){.fog-section-heading--split{grid-template-columns:minmax(0,1fr) minmax(18rem,.75fr);align-items:end}}@media(max-width:989px){.fog-ingredients__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:749px){.fog-ingredients{padding:4rem 0}.fog-ingredients__grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:.85rem;padding-bottom:.75rem;scrollbar-width:none}.fog-ingredients__grid::-webkit-scrollbar{display:none}.fog-ingredient-card{flex:0 0 78%;scroll-snap-align:start}.fog-ingredient-card__body>p:last-child{font-size:.9rem}}.fog-ingredients{font-family:Inter,Arial,sans-serif}.fog-ingredients .fog-home-container{width:100%;max-width:none;margin-inline:auto;box-sizing:border-box}.fog-ingredients .fog-section-heading{display:grid}.fog-ingredients .fog-section-heading h2{margin:0;line-height:1.15}.fog-ingredients .fog-eyebrow{margin:0 0 .25rem}.fog-ingredients .fog-section-heading--split>p{margin:0;font-size:1rem;line-height:1.25}.fog-ingredients .fog-ingredient-card__media img{display:block}.fog-ingredients .fog-text-link{display:inline-flex;gap:.5rem;color:inherit;text-underline-offset:.25em}@media(max-width:749px){.fog-ingredients .fog-home-container{padding-inline:20px}}
/*# sourceMappingURL=/cdn/shop/t/178/assets/fog-ingredients.css.map */