.blog-index{display:flex;flex-direction:column;gap:1.125rem;padding-block:1.25rem 3rem}@media(min-width:48rem){.blog-index{gap:1.75rem;padding-block:1.5rem 6rem}}.blog-index__header h1{max-width:56rem;font-size:clamp(2.1875rem,1rem + 3.7vw,3.75rem);font-weight:700;letter-spacing:-.012em;line-height:1.15;text-wrap:balance;overflow-wrap:anywhere}.blog-index__header>p{max-width:47rem;margin-top:1.25rem;color:var(--color-muted);font-size:1rem;line-height:1.6}@media(min-width:48rem){.blog-index__header>p{margin-top:1.75rem;font-size:1.125rem}}.blog-index__header a{color:var(--color-accent-text);text-decoration:underline;text-underline-offset:.2em}.blog-index__empty{color:var(--color-muted)}.blog-filter{display:flex;flex-wrap:wrap;align-self:stretch;gap:.125rem;padding:.25rem;border-radius:var(--radius-card);background:var(--color-surface-muted)}@media(min-width:48rem){.blog-filter{align-self:flex-start;border-radius:var(--radius-pill)}}.blog-filter__btn{padding:.5rem 1.125rem;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--color-muted);font:inherit;font-size:.875rem;font-weight:600;line-height:1.5;cursor:pointer;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease}.blog-filter__btn:hover{color:var(--color-ink)}.blog-filter__btn[aria-pressed=true]{background:var(--color-card);color:var(--color-ink);box-shadow:0 1px 3px #17151f1a,0 4px 12px -6px #17151f24}.blog-filter__btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.blog-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem}@media(min-width:40rem){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}}@media(min-width:64rem){.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.blog-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-card);box-shadow:var(--shadow-card);color:inherit;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.blog-card[hidden]{display:none}.blog-card:hover{border-color:var(--color-accent-tint);box-shadow:var(--shadow-lift);transform:translateY(-2px)}.blog-card:focus-visible{outline:3px solid var(--color-accent);outline-offset:4px}.blog-card>.blog-cover{aspect-ratio:16 / 9}@media(min-width:40rem){.blog-card>.blog-cover{aspect-ratio:41 / 18}}.blog-card__body{display:flex;flex:1;flex-direction:column;gap:.625rem;padding:1.125rem 1.25rem 1.25rem}.blog-card__rubric{color:var(--color-accent-text);font-size:.6875rem;font-weight:700;letter-spacing:.08em;line-height:1.4;text-transform:uppercase}.blog-card__title{font-size:1.375rem;font-weight:600;letter-spacing:0;line-height:1.32;text-wrap:pretty;overflow-wrap:anywhere}.blog-card:hover .blog-card__title{color:var(--color-accent-text)}.blog-card__description{color:var(--color-muted);font-size:.875rem;line-height:1.6}.blog-card__meta{display:flex;flex-wrap:wrap;gap:.25rem .75rem;margin-top:auto;padding-top:.25rem;color:var(--color-faint);font-size:.8125rem;line-height:1.4;font-variant-numeric:tabular-nums}.blog-card__more:before{content:"· "}.blog-card__author{display:none}.blog-card.is-featured{border-radius:var(--radius-xl)}.blog-card.is-featured>.blog-cover{aspect-ratio:7 / 4}.blog-card.is-featured .blog-card__body{padding:1.125rem 1.25rem 1.5rem;gap:.75rem}.blog-card.is-featured .blog-card__title{font-size:1.625rem;font-weight:700;letter-spacing:0;line-height:1.2}.blog-card.is-featured .blog-card__description{font-size:1rem;line-height:1.6}.blog-card.is-featured .blog-card__author{display:flex;align-items:center;gap:.625rem;color:var(--color-muted);font-size:.875rem;line-height:1.4}.blog-card.is-featured .blog-card__author img{width:2.25rem;height:2.25rem;border-radius:50%;object-fit:cover}.blog-card.is-featured .blog-card__meta{margin-top:0}@media(min-width:48rem){.blog-card.is-featured{grid-column:1 / -1;flex-direction:row;align-items:center;gap:2.5rem;padding:1.5rem}.blog-card.is-featured>.blog-cover{flex:0 0 46%;width:46%;border-radius:1.125rem}.blog-card.is-featured .blog-card__body{flex:1;min-width:0;padding:0;gap:.875rem}.blog-card.is-featured .blog-card__title{font-size:clamp(1.625rem,.75rem + 2.2vw,2.75rem);line-height:1.2}.blog-card.is-featured .blog-card__meta{margin-top:.25rem}}@media(min-width:80rem){.blog-card.is-featured>.blog-cover{flex-basis:56.8%;width:56.8%}}@media(min-width:40rem)and (max-width:47.99rem){.blog-card.is-featured{grid-column:1 / -1}}.blog-more{display:flex;justify-content:center}.blog-more[hidden],.blog-more:has(>[hidden]){display:none}.blog-more .btn{padding-inline:1.75rem;font-size:.875rem}.blog-index>.blog-author{margin-top:1rem}@media(prefers-reduced-motion:reduce){.blog-card,.blog-filter__btn{transition:none}.blog-card:hover{transform:none}}