.blog-inner{padding-block:var(--section-gap)}.blog-header{max-width:46rem;margin-bottom:3.5rem}.blog-title{font-family:var(--font-heading);color:var(--color-text-primary);margin:0 0 1rem;font-size:clamp(2.25rem,5vw,3.5rem);line-height:1.1}.blog-subtitle{font-family:var(--font-body);color:var(--color-text-secondary);margin:0;font-size:clamp(1rem,1.6vw,1.125rem);line-height:1.7}.blog-list-heading{font-family:var(--font-heading);color:var(--color-text-primary);margin:0 0 2rem;font-size:clamp(1.5rem,2.6vw,1.75rem);font-weight:400;line-height:1.2}.blog-tag-filters{flex-wrap:wrap;gap:.75rem;margin-bottom:2.5rem;display:flex}.blog-tag-chip{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary);transition:color var(--transition-smooth), border-color var(--transition-smooth), background-color var(--transition-smooth);border:1px solid #1c191726;border-radius:999px;align-items:center;padding:.5rem 1.125rem;font-size:.8125rem;text-decoration:none;display:inline-flex}.blog-tag-chip:hover{color:var(--color-texture);border-color:var(--color-texture)}.blog-tag-chip.is-active{color:var(--color-bg);background-color:var(--color-texture);border-color:var(--color-texture)}.blog-tag-chip:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.blog-grid{grid-template-columns:repeat(3,1fr);gap:3.5rem 2rem;display:grid}.blog-grid-item--featured{grid-column:1/-1}.blog-card--featured .blog-card-link{grid-template-columns:1.2fr 1fr;align-items:center;gap:2.5rem;display:grid}.blog-card--featured .blog-card-media{margin-bottom:0}.blog-card--featured .blog-card-title{font-size:clamp(1.75rem,3vw,2.5rem)}.blog-card--featured .blog-card-description{font-size:1.0625rem}.blog-empty{font-family:var(--font-body);color:var(--color-text-secondary);margin:0}.blog-card-link{cursor:pointer;text-decoration:none;display:block}.blog-card-link:focus-visible{outline:2px solid var(--color-accent);outline-offset:6px;border-radius:2px}.blog-card-media{background-color:#e7e5e4;margin-bottom:1.25rem;overflow:hidden}.blog-card-media .blur-image-container{transition:transform var(--duration-lux) var(--ease-lux)}.blog-card-link:hover .blog-card-media .blur-image-container{transform:scale(1.04)}.blog-card-tag{font-family:var(--font-body);letter-spacing:.18em;text-transform:uppercase;color:var(--color-texture);margin:0 0 .625rem;font-size:.8125rem}.blog-card-title{font-family:var(--font-heading);color:var(--color-text-primary);transition:color var(--transition-smooth);text-transform:none;letter-spacing:normal;margin:0 0 .625rem;font-size:clamp(1.25rem,2vw,1.5rem);font-weight:500;line-height:1.3}.blog-card-link:hover .blog-card-title{color:var(--color-texture)}.blog-card-description{font-family:var(--font-body);color:var(--color-text-secondary);margin:0 0 1rem;font-size:.9375rem;line-height:1.65}.blog-card-meta{font-family:var(--font-body);color:var(--color-text-secondary);flex-wrap:wrap;gap:.5rem;margin:0;font-size:.8125rem;display:flex}.blog-pagination{border-top:1px solid #1c19171a;justify-content:center;align-items:center;gap:1.5rem;margin-top:4rem;padding-top:2rem;display:flex}.blog-page-numbers{gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.blog-page-link{min-width:2.5rem;min-height:2.5rem;font-family:var(--font-body);color:var(--color-text-primary);cursor:pointer;transition:color var(--transition-smooth), border-color var(--transition-smooth);border:1px solid #0000;border-radius:2px;justify-content:center;align-items:center;padding:0 .75rem;font-size:.9375rem;text-decoration:none;display:inline-flex}a.blog-page-link:hover{color:var(--color-texture);border-color:#1c191733}.blog-page-link:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.blog-page-link.is-current{border-color:var(--color-texture);color:var(--color-texture)}.blog-page-step.is-disabled{color:#1c191759;cursor:default}@media (width<=1024px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.blog-grid{grid-template-columns:1fr;gap:3rem}}@media (width<=768px){.blog-card--featured .blog-card-link{grid-template-columns:1fr}.blog-card--featured .blog-card-media{margin-bottom:1.25rem}}@media (prefers-reduced-motion:reduce){.blog-card-media .blur-image-container,.blog-card-title,.blog-page-link,.blog-tag-chip{transition:none}.blog-card-link:hover .blog-card-media .blur-image-container{transform:none}}
