.blog-index-hero h1 { max-width: 1000px; }
.blog-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border-top:1px solid var(--ink); border-left:1px solid var(--ink); }
.blog-card { min-height:340px; padding:26px; display:flex; flex-direction:column; border-right:1px solid var(--ink); border-bottom:1px solid var(--ink); }
.blog-card:hover { background:var(--lime); }
.blog-card>span,.blog-card>strong,.blog-back { font-family:var(--mono); font-size:.66rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
.blog-card h2 { margin-top:auto; font-family:var(--display); font-size:clamp(1.8rem,3.3vw,3.2rem); line-height:.95; letter-spacing:-.055em; text-transform:uppercase; }
.blog-card p { margin-top:18px; color:var(--grey); }
.blog-card strong { margin-top:24px; }
.blog-article { padding:clamp(64px,9vw,120px) clamp(20px,5vw,72px); }
.blog-wrap { width:min(100%,820px); margin:0 auto; }
.blog-article h1 { font-family:var(--display); font-size:clamp(2.7rem,7vw,6rem); line-height:.96; letter-spacing:-.06em; text-transform:uppercase; }
.blog-lead { margin-top:30px; font-size:clamp(1.1rem,2vw,1.35rem); line-height:1.65; }
.blog-cover { margin-top:42px; aspect-ratio:1200/630; object-fit:cover; border:1px solid var(--ink); }
.blog-content { margin-top:55px; font-size:1.08rem; line-height:1.8; }
.blog-content h2 { margin:60px 0 20px; font-family:var(--display); font-size:clamp(1.8rem,4vw,3.2rem); line-height:1; letter-spacing:-.045em; text-transform:uppercase; }
.blog-content h3 { margin:38px 0 14px; font-size:1.35rem; }
.blog-content p,.blog-content ul { margin:0 0 22px; }
.blog-content ul { padding-left:24px; }
.blog-content a { text-decoration:underline; text-decoration-color:var(--lime); text-decoration-thickness:3px; }
.blog-cta { margin-top:70px; padding:clamp(28px,5vw,52px); background:var(--ink); color:var(--paper); }
.blog-cta h2 { margin:0 0 30px; font-family:var(--display); font-size:clamp(2rem,4vw,3.8rem); line-height:.95; letter-spacing:-.05em; text-transform:uppercase; }
.blog-back { display:inline-block; margin-top:44px; }
@media(max-width:760px){.blog-grid{grid-template-columns:1fr}.blog-card{min-height:280px}.blog-article{padding-top:58px}.blog-content{font-size:1rem}}