.blog-index-page{width:100%;min-height:100vh;background:var(--color-surface)}.blog-index{padding:clamp(8.5rem,10vw,10.5rem) 0 clamp(9rem,13vw,13rem)}.blog-index-inner{width:calc(100% - 6rem);max-width:110rem;margin-inline:auto}.blog-index-grid{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));column-gap:0.625rem}.blog-index-header{margin-bottom:4.5rem}.blog-index-header h1,.blog-index-entry-meta,.blog-index-entry-byline{font-family:var(--font-body);font-size:0.875rem;font-weight:var(--font-weight-regular);line-height:1.5;letter-spacing:0.005em;color:var(--color-muted)}.blog-index-header h1{grid-column:8 / span 12;margin:0}.blog-index-entry{margin-bottom:clamp(7rem,10vw,10rem)}.blog-index-entry:last-child{margin-bottom:0}.blog-index-entry-meta{display:flex;align-items:center;align-self:start;gap:0.35rem;grid-column:1 / span 5;grid-row:1;padding-top:0.45rem}.blog-index-entry-content{min-width:0;grid-column:8 / span 12;grid-row:1;color:var(--color-primary)}.blog-index-entry-content h2{margin:0;font-family:var(--font-display);font-size:2rem;font-weight:var(--font-weight-book);line-height:1.25;letter-spacing:-0.018em;color:var(--color-primary-alt);text-wrap:balance;transition:color var(--transition-fast)}.blog-index-entry-content:hover h2,.blog-index-entry-content:focus-visible h2{color:var(--color-muted)}.blog-index-entry-summary{max-width:38.5rem;margin:2rem 0 0;font-family:var(--font-body);font-size:0.9375rem;font-weight:var(--font-weight-regular);line-height:1.6;letter-spacing:0.005em;color:var(--color-text-nav)}.blog-index-entry-byline{margin:1.5rem 0 0}@media (max-width:70em){.blog-index-inner{width:calc(100% - 3rem);max-width:56rem}.blog-index-grid{grid-template-columns:9.5rem minmax(0,1fr);column-gap:3rem}.blog-index-header h1,.blog-index-entry-content{grid-column:2}.blog-index-entry-meta{grid-column:1}}@media (max-width:50em){.blog-index{padding-top:8rem}.blog-index-inner{width:calc(100% - 2rem)}.blog-index-header{margin-bottom:3.5rem}.blog-index-grid{grid-template-columns:minmax(0,1fr)}.blog-index-header h1,.blog-index-entry-meta,.blog-index-entry-content{grid-column:1}.blog-index-entry{margin-bottom:7rem}.blog-index-entry-meta{grid-row:1;margin-bottom:1.5rem;padding-top:0}.blog-index-entry-content{grid-row:2}.blog-index-entry-content h2{font-size:1.875rem}.blog-index-entry-summary{margin-top:1.5rem}}