.blog{background:var(--c-cream)}
.blog .breadcrumbs{padding-top:var(--space-top)}
.blog__hero{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--gap-grid);align-items:end;padding-bottom:var(--section-y)}
.blog__intro .heading{margin-bottom:var(--gap-title)}
.blog__intro .lede{margin-bottom:var(--gap-lede)}
.blog__tags{display:flex;flex-wrap:wrap;gap:8px}
.blog__tag{display:inline-flex;align-items:center;padding:10px 16px;border-radius:var(--radius-pill);background:#fff;border:1px solid var(--c-line);font-size:14px;font-weight:500;color:var(--c-forest);transition:background var(--dur-fast),border-color var(--dur-fast)}
.blog__tag:hover,.blog__tag.is-on{background:var(--c-forest);border-color:var(--c-forest);color:#fff}
.blog__lead{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:440px;border-radius:var(--radius-lg);overflow:hidden;color:#fff;isolation:isolate}
.blog__lead-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.2s var(--ease)}
.blog__lead-img--placeholder{background:var(--c-sand)}
.blog__lead:hover .blog__lead-img{transform:scale(1.04)}
.blog__lead::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(31,43,10,0) 30%,rgba(31,43,10,.88) 100%)}
.blog__num{position:absolute;left:16px;top:16px;font-size:12px;font-weight:700;letter-spacing:.1em;background:var(--c-yellow);color:var(--c-forest);padding:7px 11px;border-radius:var(--radius-pill);z-index:1}
.blog__lead-body{padding:var(--pad-card)}
.blog__lead-body .heading{color:#fff;margin:12px 0 10px;max-width:22ch}
.blog__lead-body .recipe-meta{margin-bottom:18px}
.blog__list{background:transparent;padding:var(--section-y) 0}
.blog__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.blog__card{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid var(--c-line);border-radius:20px;padding:10px;transition:border-color .3s,box-shadow .35s}
.blog__card:hover{border-color:var(--c-line-strong);box-shadow:var(--shadow-card)}
.blog__card-media{position:relative;display:block;aspect-ratio:4/3;border-radius:14px;overflow:hidden;background:var(--c-cream)}
.blog__card-media img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}
.blog__card:hover .blog__card-media img{transform:scale(1.06)}
.blog__card-placeholder{width:100%;height:100%}
.blog__card-body{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 8px 8px}
.blog__card-text{display:grid;gap:8px}
.blog__card-text .heading{color:var(--c-forest);font-size:var(--fs-h4)}
.blog__card-go{width:42px;height:42px;border-radius:50%;background:var(--c-cream);color:var(--c-forest);display:grid;place-items:center;flex:none;border:1px solid var(--c-line);transition:background var(--dur-fast),transform .35s var(--ease)}
.blog__card:hover .blog__card-go{background:var(--c-yellow);border-color:transparent;transform:translateX(3px)}
@media (max-width:1100px){
  .blog__hero{grid-template-columns:1fr}
  .blog__grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:600px){
  .blog__lead{min-height:360px}
  .blog__grid{grid-template-columns:1fr;gap:14px}
}