.page-hero--blog .page-hero__media{background-image:url("../images/home page cover/G3 1.jpg");background-size:cover;background-position:center 55%}
.blog-index{padding:64px 0 96px}
.blog-index__toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:36px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.blog-index__filters{display:flex;gap:8px;flex-wrap:wrap}
.blog-index__filters a{padding:9px 16px;border:1px solid var(--line);border-radius:999px;font-size:.82rem;font-weight:600;letter-spacing:.04em;color:var(--ink-700);text-decoration:none}
.blog-index__filters a.is-active{background:var(--navy-900);border-color:var(--navy-900);color:#fff}
.blog-index__count{font-size:.85rem;color:var(--ink-500)}
.blog-index__count strong{color:var(--gold-500);font-size:1.05rem}
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px 28px}
.post-grid--three{grid-template-columns:repeat(3,1fr)}
.post-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);overflow:hidden}
.post-card--featured{grid-column:1/-1;display:grid;grid-template-columns:1.25fr 1fr}
.post-card__media{display:block;aspect-ratio:16/10;overflow:hidden;background:#e9e4dc}
.post-card--featured .post-card__media{aspect-ratio:auto;min-height:380px}
.post-card__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s var(--ease-out)}
.post-card:hover .post-card__media img{transform:scale(1.03)}
.post-card__body{padding:22px 24px 26px;display:flex;flex-direction:column;gap:12px}
.post-card--featured .post-card__body{padding:44px 40px;justify-content:center}
.post-card__meta{display:flex;align-items:center;gap:12px;font-size:.78rem;color:var(--ink-500)}
.post-card__tag{padding:4px 10px;background:#f3efe7;color:var(--navy-900);font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:.68rem}
.post-card__title{margin:0;font-family:Baskerville,"Times New Roman",serif;font-weight:500;font-size:1.28rem;line-height:1.28}
.post-card--featured .post-card__title{font-size:2rem}
.post-card__title a{color:var(--ink-900);text-decoration:none}
.post-card__title a:hover{color:var(--navy-800)}
.post-card p{margin:0;color:var(--ink-700);font-size:.95rem;line-height:1.6}
.post-card__more{margin-top:auto;padding-top:6px;color:var(--gold-500);font-weight:700;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;text-decoration:none}
.blog-pagination{display:flex;justify-content:center;gap:6px;margin-top:56px}
.blog-pagination a,.blog-pagination span{min-width:42px;padding:10px 12px;text-align:center;border:1px solid var(--line);color:var(--ink-700);text-decoration:none;font-size:.9rem}
.blog-pagination .is-current{background:var(--navy-900);color:#fff;border-color:var(--navy-900)}
/* single post */
.post__hero{background:var(--navy-950);color:#fff;padding:72px 0 56px}
.post__crumbs{display:flex;gap:10px;font-size:.8rem;color:rgba(255,255,255,.6);margin-bottom:22px}
.post__crumbs a{color:rgba(255,255,255,.85);text-decoration:none}
.post__hero .display-title{max-width:18ch;font-size:clamp(2rem,4vw,3.1rem)}
.post__byline{margin-top:18px;color:rgba(255,255,255,.7);font-size:.9rem}
.post__cover{margin:0;max-height:560px;overflow:hidden}
.post__cover img{width:100%;height:560px;object-fit:cover;display:block}
.post__layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:64px;padding:64px 0 80px}
.post__body{max-width:720px;font-size:1.06rem;line-height:1.75;color:var(--ink-700)}
.post__body h2{margin:44px 0 14px;font-family:Baskerville,"Times New Roman",serif;font-weight:500;font-size:1.7rem;color:var(--ink-900);line-height:1.25}
.post__body p{margin:0 0 20px}
.post__lede{font-size:1.25rem;color:var(--ink-900)}
.post__body ul{margin:0 0 22px 22px}
.post__body li{margin-bottom:6px}
.post__body blockquote{margin:32px 0;padding:22px 28px;border-left:3px solid var(--gold-500);background:#f8f5ee;font-family:Baskerville,serif;font-size:1.25rem;color:var(--ink-900)}
.post__aside{position:sticky;top:110px;align-self:start;display:flex;flex-direction:column;gap:24px}
.post__cta{padding:30px 28px;background:#f3efe7;border:1px solid var(--line)}
.post__cta h3{margin:0 0 12px;font-family:Baskerville,serif;font-weight:500;font-size:1.35rem;color:var(--ink-900);line-height:1.3}
.post__cta p{margin:0 0 20px;color:var(--ink-700);line-height:1.6}
.post__cta p a{color:var(--navy-900);font-weight:600;text-decoration:none}
.post__cta .button{width:100%;margin-bottom:14px}
.post__cta-alt{display:block;color:var(--gold-500);font-weight:700;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;text-decoration:none}
.post__share{display:flex;gap:14px;align-items:center;font-size:.85rem;color:var(--ink-500)}
.post__share a{color:var(--navy-900);text-decoration:none;font-weight:600}
.post__related{padding:64px 0 90px;background:#faf8f3;border-top:1px solid var(--line)}
.post__related .blog-index__toolbar{margin-bottom:32px}
.post__related .section-title{margin:0}
@media (max-width:900px){.post-grid,.post-grid--three{grid-template-columns:1fr 1fr}.post-card--featured{grid-template-columns:1fr}.post__layout{grid-template-columns:1fr}.post__aside{position:static}}
@media (max-width:600px){.post-grid,.post-grid--three{grid-template-columns:1fr}}
.post__body img{max-width:100%;height:auto;display:block;margin:28px 0}
.post__body h3{margin:32px 0 10px;font-family:Baskerville,"Times New Roman",serif;font-weight:500;font-size:1.3rem;color:var(--ink-900)}
.post__body a{color:var(--navy-800);text-decoration:underline;text-underline-offset:3px}
.post__body table{width:100%;border-collapse:collapse;margin:24px 0;font-size:.95rem}
.post__body td,.post__body th{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
.post__body th{background:#f3efe7}
.post__body ol{margin:0 0 22px 22px}
.blog-index__filters a.is-active{pointer-events:none}
.blog-empty{padding:40px 0;color:var(--ink-500)}