.blog-hero{max-width:820px;padding:130px 6vw 60px;margin:0 auto}
.blog-hero h1{font-size:clamp(2.8rem,6vw,5rem);margin:14px 0 18px}
.blog-hero p{font-size:1.15rem;max-width:620px;opacity:.82}

.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;max-width:1200px;margin:0 auto;padding:0 6vw 110px}
.blog-card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:transform .25s ease}
.blog-card:hover{transform:translateY(-4px)}
.blog-card img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.blog-card-body{padding:22px 24px 26px;display:flex;flex-direction:column;gap:10px}
.blog-card h2{font-size:1.35rem;line-height:1.2;margin:0}
.blog-card-body p{font-size:.98rem;opacity:.78;margin:0}
.blog-card-meta{font-size:.8rem;opacity:.6}
.blog-read-more{font-weight:700;margin-top:auto;padding-top:6px}

.blog-tag{align-self:flex-start;display:inline-block;background:rgba(198,155,88,.16);color:var(--gold-hover,#8a672f);font-weight:700;font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;padding:5px 12px;border-radius:999px}

.blog-post{max-width:720px;margin:0 auto;padding:130px 24px 110px}
.blog-post-eyebrow{display:flex;align-items:center;gap:14px;margin-bottom:16px;flex-wrap:wrap}
.blog-post h1{font-size:clamp(2.3rem,5vw,3.4rem);margin:0 0 30px}
.blog-post-cover{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:18px;box-shadow:var(--shadow);margin-bottom:38px;display:block}
.blog-post-body{font-size:1.08rem;line-height:1.8}
.blog-post-body p{margin:0 0 22px}
.blog-post-body h2{font-family:'Playfair Display',serif;font-size:1.5rem;margin:38px 0 12px}
.blog-post-cta{margin-top:50px;padding:32px;background:var(--sand);border-radius:18px;text-align:center}
.blog-post-cta p{font-size:1.08rem;font-weight:600;margin:0 0 16px}

@media(max-width:980px){.blog-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:660px){
  .blog-hero{padding:110px 22px 44px}
  .blog-grid{grid-template-columns:1fr;padding:0 22px 70px}
  .blog-post{padding:110px 22px 80px}
}