.hero{max-width:1100px;margin:0 auto;padding:48px 24px 20px}
h1{font-family:'Instrument Sans',sans-serif;font-size:clamp(30px,6vw,56px);line-height:1.05;margin-bottom:12px}
.intro{max-width:700px;color:#94969d;font-size:16px;line-height:1.6}
.grid{max-width:1100px;margin:0 auto;padding:24px 24px 80px;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}
.post-card{background:#222222;border:1px solid #2e2e32;border-radius:0;overflow:hidden}
.post-link{display:block;height:100%}
.post-image{width:100%;aspect-ratio:16/10;object-fit:cover;background:#26262b;display:block}
.post-image.fallback{background:linear-gradient(135deg,#232329,#1b1b20)}
.post-body{padding:16px}
.post-meta{font-size:12px;color:#94969d;margin-bottom:10px;text-transform:lowercase}
h2{font-family:'Instrument Sans',sans-serif;font-size:22px;line-height:1.2;margin-bottom:8px}
.post-subtitle{font-size:14px;color:#d4d4d8;line-height:1.45;margin-bottom:10px}
.post-excerpt{font-size:14px;color:#d4d4d8;line-height:1.55}
@media(max-width:540px){.grid{grid-template-columns:1fr;padding:18px 12px 60px}.hero{padding:32px 12px 16px}}