.recipes { padding: 120px 0; background: var(--cream); }
.recipes-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.recipe-card { border-radius: 20px; overflow: hidden; position: relative; cursor: pointer; }
.recipe-card .recipe-img { aspect-ratio: 16/9; overflow: hidden; }
.recipe-card .recipe-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s; }
.recipe-card:hover .recipe-img img { transform: scale(1.08); }
.recipe-overlay {
    position: absolute; inset: 0;
    background: linear-gradient(to top, rgba(26,18,8,.85) 0%, rgba(26,18,8,.1) 60%, transparent 100%);
    display: flex; flex-direction: column; justify-content: flex-end; padding: 28px;
}
.recipe-cat { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; color: var(--gold-lt); margin-bottom: 6px; }
.recipe-title { font-family: 'Playfair Display', serif; font-size: 22px; font-weight: 700; color: var(--white); margin-bottom: 8px; }
.recipe-meta { display: flex; gap: 16px; }
.recipe-meta span { font-size: 12px; color: rgba(255,255,255,.6); display: flex; align-items: center; gap: 4px; }
.recipe-card.large .recipe-img { aspect-ratio: 3/4; }
.recipe-card.large .recipe-title { font-size: 28px; }
.recipes-aside { display: flex; flex-direction: column; gap: 24px; }
@media (max-width: 768px) {
    .recipes-grid { grid-template-columns: 1fr; }
}