.knowledge-card{display:grid;grid-template-columns:1fr;gap:22px;align-items:start}
.knowledge-card img{width:100%;height:190px;object-fit:contain;object-position:center;background:#f4f0e7;border-radius:85px 85px 8px 8px;filter:saturate(.82);transition:transform .5s,filter .5s}
.knowledge-card:hover img{filter:saturate(1);transform:translateY(-5px)}
.knowledge-card h3{margin:14px 0 12px}
.knowledge-card p{margin-top:0}
@media(max-width:1100px){.knowledge-card img{height:210px;border-radius:90px 90px 8px 8px}}
@media(max-width:900px){.knowledge-card{grid-template-columns:180px 1fr}.knowledge-card img{width:180px;height:210px}}
@media(max-width:560px){.knowledge-card{grid-template-columns:1fr}.knowledge-card img{width:100%;height:260px}}

/* Knowledge cards: full-bleed image with a calm readable overlay */
.knowledge-card{position:relative;display:flex;align-items:flex-end;min-height:310px;padding:30px;overflow:hidden;border:1px solid rgba(255,255,255,.2);isolation:isolate}
.knowledge-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,48,31,.16) 0%,rgba(20,48,31,.72) 58%,rgba(20,48,31,.96) 100%);z-index:-1}
.knowledge-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:0;background:none;filter:saturate(.84) contrast(1.03);z-index:-2}
.knowledge-card:hover img{transform:scale(1.045);filter:saturate(1) contrast(1.05)}
.knowledge-card>div{position:relative;z-index:1;max-width:300px}
.knowledge-card h3{font-size:32px;margin:12px 0 10px;text-shadow:0 1px 18px rgba(0,0,0,.22)}
.knowledge-card p{color:#eef2ed;margin:0 0 18px;text-shadow:0 1px 12px rgba(0,0,0,.3)}
@media(max-width:900px){.knowledge-card{display:flex;min-height:300px;padding:28px}.knowledge-card img{width:100%;height:100%}}
@media(max-width:560px){.knowledge-card{min-height:330px;padding:24px}.knowledge-card img{width:100%;height:100%}}

.recipe-card{position:relative;isolation:isolate;overflow:hidden;background:#fbfaf6}
.recipe-card::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(251,250,246,.70),rgba(251,250,246,.83)),var(--card-image);background-size:cover;background-position:center;filter:saturate(.82) contrast(1.06);transform:scale(1.03);z-index:-1;transition:transform .55s,filter .55s}
.recipe-card:hover::before{transform:scale(1.09);filter:saturate(1) contrast(1.08)}
.recipe-card:hover{background:transparent}
.recipe-card .cat,.recipe-card h3,.recipe-card a{position:relative;z-index:1}