.blog-index{min-height:100vh;padding:clamp(3rem,6vw,5.5rem) 0 7rem;background:var(--night)}.blog-index__intro{margin-bottom:clamp(3.5rem,6vw,5.5rem)}.blog-index__intro h1{margin:0 0 .8rem;color:var(--ink-strong);font-family:var(--serif);font-size:clamp(2.9rem,5vw,4.5rem);font-weight:500;line-height:1.05}.blog-index__intro p{margin:0;color:var(--muted);font-size:clamp(1.05rem,1.5vw,1.25rem);line-height:1.5}.blog-index__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2.2vw,2rem)}.blog-index__card{display:block;min-width:0}.blog-index__card-image{overflow:hidden;background:var(--night-soft);border-radius:var(--radius-card)}.blog-index__card-image img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;transition:transform .35s ease}.blog-index__card[href]:hover img{transform:scale(1.025)}.blog-index__card h2{margin:1rem 0 .4rem;color:var(--ink);font-family:var(--sans);font-size:clamp(1.1rem,1.5vw,1.35rem);font-weight:550;line-height:1.32}.blog-index__card-label{color:var(--muted);font-size:.82rem}.blog-index__card[href]:focus-visible{outline:2px solid var(--gold-bright);outline-offset:6px}@media (max-width:700px){.blog-index__grid{grid-template-columns:1fr;gap:3rem}.blog-index__card-image img{aspect-ratio:1.4}}