.ingredient-explorer{display:grid;gap:24px}.ingredient-cloud button{appearance:none;border:var(--line);border-radius:999px;padding:16px 20px;font:900 1rem "DM Sans",sans-serif;background:var(--yellow);color:var(--ink);cursor:pointer;transition:transform .16s,box-shadow .16s,background .16s}.ingredient-cloud button:nth-child(3n){background:var(--lime)}.ingredient-cloud button:nth-child(3n+1){background:#f4d7ff}.ingredient-cloud button:hover,.ingredient-cloud button:focus-visible,.ingredient-cloud button.active{transform:translate(-3px,-3px);box-shadow:6px 6px 0 var(--ink);background:var(--pink);color:#fff;outline:none}.benefit-display{min-height:180px;border:var(--line);border-radius:28px;background:var(--purple);color:#fff;padding:28px;display:flex;flex-direction:column;justify-content:center}.benefit-display span{font-size:.75rem;letter-spacing:.12em;font-weight:900;color:var(--lime)}.benefit-display strong{font:900 clamp(1.8rem,3vw,3rem)/1 Rubik;margin:12px 0}.benefit-display p{margin:0;max-width:620px;font-size:1.05rem}@media(max-width:520px){.ingredient-cloud{display:grid;grid-template-columns:1fr 1fr}.ingredient-cloud button{padding:13px 10px;font-size:.88rem}.benefit-display{min-height:200px;padding:24px}}