.blog-heading { max-width: 760px; }
.blog-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; margin-top: 42px; }
.blog-card { overflow: hidden; border: 1px solid rgba(201,184,166,.2); border-radius: 14px; background: #1d1915; }
.blog-card-image { margin: 0; }
.blog-card-image img, .blog-image img { display: block; width: 100%; height: auto; }
.blog-card-image img { aspect-ratio: 16 / 9; object-fit: cover; }
.blog-card-copy { padding: 22px 24px 26px; }
.blog-card h2 { margin: 8px 0 12px; font-size: clamp(1.35rem, 2vw, 1.8rem); }
.blog-card h2 a { color: inherit; text-decoration: none; }
.blog-card h2 a:hover { color: #ffb000; }
.blog-meta { color: #c9b8a6; font-size: .92rem; }
.blog-empty { margin-top: 34px; color: #c9b8a6; }
.blog-reading { max-width: 820px; }
.blog-reading > h1 { max-width: 900px; font-size: clamp(2.3rem, 6vw, 4.5rem); line-height: 1.04; }
.blog-reading > .lede { margin: 24px 0 34px; }
.blog-image { margin: 34px 0; }
.blog-image img { border-radius: 12px; }
.blog-image figcaption { margin-top: 9px; color: #c9b8a6; font-size: .9rem; }
.blog-prose { max-width: 760px; margin: 40px auto 0; font-size: 1.08rem; line-height: 1.8; }
.blog-prose h2 { margin: 2em 0 .55em; line-height: 1.2; }
.blog-prose h3 { margin: 1.7em 0 .5em; line-height: 1.25; }
.blog-prose blockquote { margin: 1.6em 0; padding: .2em 0 .2em 1.2em; border-left: 3px solid #ffb000; color: #e3d6c9; }
.blog-prose a { color: #ffb000; }
@media (max-width: 720px) { .blog-grid { grid-template-columns: 1fr; gap: 20px; } .blog-card-copy { padding: 18px 20px 22px; } }