.cocktails-hero.svelte-rqd2ng{background-color:var(--clr-bg-primary);padding:var(--spacing-xl) 0;text-align:center;padding-right:32px;padding-left:32px}@media (min-width: 768px){.cocktails-hero.svelte-rqd2ng{padding-right:72px;padding-left:72px}}@media (min-width: 1024px){.cocktails-hero.svelte-rqd2ng{padding-right:92px;padding-left:92px}}@media (min-width: 1280px){.cocktails-hero.svelte-rqd2ng{padding-right:240px;padding-left:240px}}.cocktails-hero.svelte-rqd2ng .hero-title:where(.svelte-rqd2ng){font-size:var(--fs-xxl);text-transform:uppercase;font-weight:var(--fw-bold);color:var(--clr-accent-1);margin-bottom:var(--spacing-xs);text-align:center;font-size:var(--fs-4xl)}.cocktails-hero.svelte-rqd2ng .hero-subtitle:where(.svelte-rqd2ng){font-size:var(--fs-lg);color:var(--clr-txt-primary-on-bg-primary);text-align:center;margin:0}.cocktail-recipes-section.svelte-rqd2ng{padding:var(--spacing-xl) var(--spacing-md);background-color:var(--clr-white);color:var(--clr-txt-primary-on-bg-primary);padding-right:32px;padding-left:32px}@media (min-width: 768px){.cocktail-recipes-section.svelte-rqd2ng{padding-right:72px;padding-left:72px}}@media (min-width: 1024px){.cocktail-recipes-section.svelte-rqd2ng{padding-right:92px;padding-left:92px}}@media (min-width: 1280px){.cocktail-recipes-section.svelte-rqd2ng{padding-right:240px;padding-left:240px}}.cocktail-grid.svelte-rqd2ng{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,360px));gap:var(--spacing-lg);justify-content:center;align-items:center}.cocktail-grid-card.svelte-rqd2ng{display:flex;flex-direction:column;text-decoration:none;color:inherit;background-color:var(--clr-bg-primary);border-radius:var(--radius-xxs);overflow:hidden;box-shadow:0 6px 15px #0000001a;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.cocktail-grid-card.svelte-rqd2ng:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000026}.cocktail-grid-card__image.svelte-rqd2ng{width:100%;height:360px;object-fit:cover}.cocktail-grid-card__content.svelte-rqd2ng{padding:var(--spacing-md);display:flex;flex-direction:column;flex-grow:1;text-align:center}.cocktail-grid-card__name.svelte-rqd2ng{font-size:var(--fs-xl);color:var(--clr-accent-3);margin-bottom:var(--spacing-xs)}.cocktail-grid-card__button.svelte-rqd2ng{background-color:var(--clr-accent-2);color:var(--clr-txt-primary-on-bg-accent-2);border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-xxs);font-size:var(--fs-base);font-weight:var(--fw-bold);cursor:pointer;align-self:center;transition:background-color .2s ease-in-out;margin-top:auto}