.blog-index-shell{max-width:1040px;margin:0 auto;padding:180px 24px 120px}
.blog-index-shell h1{margin:16px 0 28px;font-family:'Dela Gothic One',var(--sans);font-size:clamp(56px,10vw,132px);line-height:.95;letter-spacing:-.1em}
.blog-index-lead{max-width:620px;margin:0 0 64px;color:var(--muted);font-size:18px;line-height:1.9}
.blog-list{display:grid;gap:16px}
.blog-card{padding:32px;border:1px solid var(--ink);background:var(--white)}
.blog-card__meta{margin:0 0 18px;font-family:var(--serif);font-size:12px;letter-spacing:.12em;color:var(--muted)}
.blog-card h2{margin:0 0 14px;font-size:clamp(26px,4vw,48px);line-height:1.25;letter-spacing:-.06em}
.blog-card>p:not(.blog-card__meta){max-width:620px;margin:0;color:var(--muted);line-height:1.8}
.blog-card__link{display:inline-flex;gap:12px;margin-top:28px;border-bottom:1px solid currentColor;padding-bottom:4px;font-weight:700}
@media (max-width:560px){.blog-index-shell{padding:140px 20px 80px}.blog-card{padding:24px}.blog-index-lead{margin-bottom:40px;font-size:16px}}