.menu{padding-block:32px var(--section-space);background:linear-gradient(180deg, #f7f7f700 0, var(--color-surface) 120px)}.menu__head{gap:8px;margin-bottom:20px;display:grid}.menu__title{font:var(--text-display);letter-spacing:-.01em}.menu__intro{max-width:60ch;font:var(--text-small);color:var(--color-text-muted)}@media (min-width:900px){.menu{padding-top:56px}.menu__head{grid-template-columns:auto 1fr;align-items:center;gap:48px;margin-bottom:28px}.menu__intro{font:var(--text-body)}}.category{padding-top:28px}.category__title{font:var(--text-h2);letter-spacing:-.01em;margin-bottom:12px}@media (min-width:900px){.category{padding-top:48px}.category__title{margin-bottom:24px}}:root[data-menu-filter=cheese] .menu .product-card:not([data-tags~=cheese]),:root[data-menu-filter=meat] .menu .product-card:not([data-tags~=meat]){display:none}:root[data-menu-filter=cheese] .category:not(:has(.product-card[data-tags~=cheese])){display:none}:root[data-menu-filter=meat] .category:not(:has(.product-card[data-tags~=meat])){display:none}.menu.is-filtering .product-card{animation:card-in var(--duration-slow) var(--ease-out) both;animation-delay:calc(min(var(--i,0), 8) * 30ms)}@keyframes card-in{0%{opacity:0;transform:scale(.97)}}