.kos-recipes__header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.6rem;margin-bottom:4rem}
.kos-recipes__title{font-size:calc(var(--font-heading-scale) * 3rem);font-weight:700;margin:0;line-height:1.2;color:rgb(var(--color-foreground));font-family:var(--font-heading-family)}
.kos-recipes__all{display:inline-flex;align-items:center;gap:1rem;border:.2rem solid rgb(var(--color-button));color:rgb(var(--color-button));font-size:1.3rem;font-weight:600;padding:1rem 2.4rem;border-radius:.8rem;text-decoration:none;transition:background .2s,color .2s}
.kos-recipes__all:hover{background:rgb(var(--color-button));color:rgb(var(--color-button-text))}
.kos-recipes__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.4rem;margin-bottom:3.6rem}
.kos-recipe{background:#fff;border-radius:1.2rem;border:.1rem solid rgba(var(--color-foreground),.08);overflow:hidden;transition:transform .25s,box-shadow .25s;text-decoration:none;display:block;color:inherit}
.kos-recipe:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(var(--color-foreground),.06),0 4px 12px rgba(var(--color-foreground),.08)}
.kos-recipe__thumb{aspect-ratio:16/10;display:flex;align-items:center;justify-content:center;font-size:5rem;gap:1rem}
.kos-recipe__thumb--grill{background:linear-gradient(135deg,#fef3c7,#fde68a,#fcd34d)}
.kos-recipe__thumb--bbq{background:linear-gradient(135deg,#fee2e2,#fecaca,#fca5a5)}
.kos-recipe__thumb--salad{background:linear-gradient(135deg,#d1fae5,#a7f3d0,#6ee7b7)}
.kos-recipe__body{padding:2rem}
.kos-recipe__tag{display:inline-block;background:rgba(228,24,24,.1);color:#e41818;font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:.3rem 1rem;border-radius:10rem;margin-bottom:1rem}
.kos-recipe__title{font-size:1.4rem;font-weight:700;margin:0 0 .8rem;line-height:1.3;color:rgb(var(--color-foreground));font-family:var(--font-heading-family)}
.kos-recipe__desc{font-size:1.1rem;color:rgba(var(--color-foreground),.55);line-height:1.5;margin:0 0 1.6rem}
.kos-recipe__link{display:inline-flex;align-items:center;gap:1rem;color:rgb(var(--color-button));font-weight:600;font-size:1.2rem;transition:gap .2s}
.kos-recipe:hover .kos-recipe__link{gap:1rem}
@media screen and (max-width:749px){.kos-recipes__grid{grid-template-columns:1fr}
.kos-recipes__title{font-size:2.6rem}
.kos-recipes__header{flex-direction:column;align-items:flex-start}
}