@layer components{.site-section[data-section=blog-index]{--section-grid-columns-tablet:2;--section-grid-columns-desktop:3;--section-grid-gap:1.5rem;--section-header-max-width:54rem;--section-description-max-width:46rem;background:linear-gradient(180deg, var(--color-background) 0%, color-mix(in srgb, var(--color-background-soft) 52%, var(--color-background)) 100%)}.blog-index-card{min-width:0;height:100%}.blog-index-card-link{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-surface) 95%, transparent);height:100%;color:inherit;box-shadow:var(--shadow-soft);flex-direction:column;text-decoration:none;transition:border-color .22s,box-shadow .22s,transform .22s;display:flex;overflow:hidden}.blog-index-card-link:hover,.blog-index-card-link:focus-visible{border-color:color-mix(in srgb, var(--color-primary) 42%, var(--color-border));box-shadow:var(--shadow-medium);transform:translateY(-.25rem)}.blog-index-card-media{aspect-ratio:4/3;background:var(--color-background-soft);position:relative;overflow:hidden}.blog-index-card-image{object-fit:contain;object-position:center;width:100%;height:100%;transition:transform .4s;display:block}.blog-index-card-link:hover .blog-index-card-image,.blog-index-card-link:focus-visible .blog-index-card-image{transform:scale(1.04)}.blog-index-card-content{flex-direction:column;flex:1;padding:1.5rem;display:flex}.blog-index-card-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.blog-index-card-category{border:1px solid color-mix(in srgb, var(--color-primary) 34%, var(--color-border));border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-primary) 9%, transparent);width:fit-content;color:var(--color-primary-light);letter-spacing:.04em;text-transform:uppercase;padding:.375rem .625rem;font-size:.6875rem;font-weight:800;line-height:1.3;display:inline-flex}.blog-index-card-date{color:var(--color-soft);font-size:.75rem;line-height:1.4}.blog-index-card-title{color:var(--color-foreground);font-family:var(--font-heading);margin:0;font-size:1.375rem;font-weight:800;line-height:1.35}.blog-index-card-description{color:var(--color-muted);margin:.875rem 0 0;font-size:.875rem;line-height:1.75}.blog-index-card-action{color:var(--color-primary-light);align-items:center;gap:.5rem;margin-top:auto;padding-top:1.5rem;font-size:.875rem;font-weight:700;line-height:1.4;display:inline-flex}.blog-index-card-action-icon{flex-shrink:0;width:1rem;height:1rem;transition:transform .18s}.blog-index-card-link:hover .blog-index-card-action-icon,.blog-index-card-link:focus-visible .blog-index-card-action-icon{transform:translate(.1875rem)}.blog-index-empty{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);text-align:center;max-width:42rem;box-shadow:var(--shadow-soft);margin-inline:auto;padding:2rem}.blog-index-empty-title{color:var(--color-foreground);font-family:var(--font-heading);margin:0;font-size:1.25rem;font-weight:800;line-height:1.4}.blog-index-empty-description{color:var(--color-muted);margin:.75rem 0 0;font-size:.875rem;line-height:1.75}@media (width>=640px){.blog-index-card-content{padding:1.75rem}}@media (prefers-reduced-motion:reduce){.blog-index-card-link,.blog-index-card-image,.blog-index-card-title,.blog-index-card-action-icon{transition:none}.blog-index-card-link:hover,.blog-index-card-link:focus-visible,.blog-index-card-link:hover .blog-index-card-image,.blog-index-card-link:focus-visible .blog-index-card-image,.blog-index-card-link:hover .blog-index-card-action-icon,.blog-index-card-link:focus-visible .blog-index-card-action-icon{transform:none}}}