.blog-page{padding-block:calc(72px + var(--spacing-36)) var(--spacing-120)}.blog-page__head{display:flex;flex-direction:column;gap:var(--spacing-12);margin-bottom:var(--spacing-60);max-width:68ch}.blog-page__eyebrow{font-size:var(--text-caption);font-weight:var(--weight-semibold);letter-spacing:.14em;text-transform:uppercase;color:var(--color-yakka-ink)}.blog-page__title{font-family:var(--font-display);font-weight:800;font-size:clamp(32px,5vw,52px);line-height:var(--leading-heading);letter-spacing:-.02em;color:var(--color-bone);text-wrap:balance}.blog-page__lead{font-size:var(--text-body);line-height:var(--leading-body);color:var(--color-ash)}.blog-list{display:flex;flex-direction:column;gap:var(--spacing-30);list-style:none;padding:0;margin:0}.blog-card{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--spacing-12);padding-bottom:var(--spacing-30);border-bottom:1px solid var(--hairline);transition:opacity .2s ease}@media(min-width:640px){.blog-card:has(.blog-card__thumb){grid-template-columns:180px minmax(0,1fr);gap:var(--spacing-24);align-items:start}}.blog-card__thumb{display:block;width:100%;aspect-ratio:16 / 10;-o-object-fit:cover;object-fit:cover;border-radius:12px;background:color-mix(in srgb,var(--color-bone) 6%,transparent)}.blog-card:hover{opacity:.88}.blog-card__category{display:inline-block;margin-bottom:var(--spacing-6);font-size:var(--text-caption);font-weight:var(--weight-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-yakka-ink)}.blog-card__title{font-size:clamp(1.125rem,2.5vw,1.5rem);font-weight:800;line-height:var(--leading-heading);letter-spacing:-.02em;color:var(--color-bone);margin-bottom:var(--spacing-6);text-wrap:pretty}.blog-card__excerpt{font-size:var(--text-body-sm);line-height:var(--leading-body);color:var(--color-ash);margin-bottom:var(--spacing-12);max-width:72ch}.blog-card__meta{display:flex;flex-wrap:wrap;gap:var(--spacing-12);font-size:var(--text-caption);color:var(--color-smoke)}.blog-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--spacing-6);margin-top:var(--spacing-60)}.blog-pagination a,.blog-pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;height:2.25rem;padding:0 .5rem;border-radius:8px;font-size:var(--text-body-sm);font-weight:600;color:var(--color-smoke);border:1px solid transparent;transition:color .2s ease,border-color .2s ease,background-color .2s ease}.blog-pagination a:hover{color:var(--color-bone);border-color:var(--hairline)}.blog-pagination .is-current{color:var(--color-yakka-ink);background:color-mix(in srgb,var(--color-yakka) 18%,transparent);border-color:color-mix(in srgb,var(--color-yakka) 45%,var(--hairline))}.blog-post__head{margin-bottom:var(--spacing-36);max-width:72ch}.blog-post__title{font-family:var(--font-display);font-weight:800;font-size:clamp(28px,4.5vw,44px);line-height:var(--leading-heading);letter-spacing:-.02em;color:var(--color-bone);margin-bottom:var(--spacing-12);text-wrap:balance}.blog-post__meta{display:flex;flex-wrap:wrap;gap:var(--spacing-12);font-size:var(--text-body-sm);color:var(--color-smoke);margin-bottom:var(--spacing-18)}.blog-post__category{font-weight:var(--weight-semibold);color:var(--color-yakka-ink)}.blog-content{max-width:72ch;font-size:var(--text-body);line-height:1.65;color:var(--color-ash)}.blog-content :global(h2){font-size:clamp(1.25rem,2.5vw,1.625rem);font-weight:800;color:var(--color-bone);margin:var(--spacing-36) 0 var(--spacing-12);letter-spacing:-.01em}.blog-content :global(h3),.blog-content :global(h4){font-size:var(--text-subheading);font-weight:700;color:var(--color-bone);margin:var(--spacing-24) 0 var(--spacing-12)}.blog-content :global(p){margin-bottom:var(--spacing-18)}.blog-content :global(ul),.blog-content :global(ol){margin:0 0 var(--spacing-18);padding-left:1.25rem}.blog-content :global(li){margin-bottom:var(--spacing-6)}.blog-content :global(a){color:var(--color-yakka-ink);border-bottom:1px solid var(--color-yakka)}.blog-content :global(img){max-width:100%;height:auto;border-radius:12px;margin:var(--spacing-24) 0}.blog-content :global(blockquote){margin:var(--spacing-24) 0;padding-left:var(--spacing-18);border-left:3px solid var(--color-yakka);color:var(--color-bone)}.blog-back{display:inline-flex;align-items:center;gap:6px;margin-bottom:var(--spacing-24);font-size:var(--text-body-sm);font-weight:600;color:var(--color-smoke);transition:color .2s ease}.blog-back:hover{color:var(--color-bone)}