@layer components{.site-section[data-section=blog-index]{--section-header-max-width:52rem;--section-description-max-width:46rem;--section-highlight-color:var(--color-primary);background:linear-gradient(180deg, var(--color-background) 0%, color-mix(in srgb, var(--color-background-soft) 44%, var(--color-background)) 100%)}.blog-index-grid{gap:var(--space-6);grid-template-columns:minmax(0,1fr);width:100%;display:grid}.blog-index-list{width:100%}.blog-index-load-more{margin-top:var(--space-10);justify-content:center;display:flex}.blog-index-card{min-width:0;height:100%;overflow:hidden}.blog-index-card-link{border-radius:inherit;width:100%;height:100%;color:inherit;flex-direction:column;text-decoration:none;display:flex}.blog-index-card-link:focus-visible{outline:3px solid var(--color-primary-light);outline-offset:-3px}.blog-index-card-media{aspect-ratio:40/21;background:var(--color-background-soft);position:relative;overflow:hidden}.blog-index-card-image{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-normal) var(--transition-ease);display:block}.blog-index-card:is(:hover,:focus-within) .blog-index-card-image{transform:scale(1.035)}.blog-index-card-content{min-width:0;padding:var(--space-5);text-align:left;flex-direction:column;flex:1;display:flex}.blog-index-card-meta{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.blog-index-card-date{color:var(--color-soft)}.blog-index-card-title{color:var(--color-foreground);margin:0}.blog-index-card-description{margin:var(--space-3) 0 0;color:var(--color-text)}.blog-index-card-action{align-items:center;gap:var(--space-2);margin-top:auto;width:fit-content;padding-top:var(--space-5);color:var(--color-primary);transition:color var(--transition-fast) var(--transition-ease), transform var(--transition-fast) var(--transition-ease);margin-inline:auto;font-weight:800;display:inline-flex}.blog-index-card-action-icon{width:1rem;height:1rem;transition:transform var(--transition-fast) var(--transition-ease);flex-shrink:0}.blog-index-card-link:is(:hover,:focus-visible) .blog-index-card-action{color:var(--color-primary-hover)}.blog-index-card-link:is(:hover,:focus-visible) .blog-index-card-action-icon{transform:translate(.1875rem)}.blog-index-empty{text-align:center;max-width:42rem;margin-inline:auto}.blog-index-empty-title{color:var(--color-foreground);margin:0}.blog-index-empty-description{margin:var(--space-3) 0 0;color:var(--color-muted)}@media (width>=768px){.blog-index-grid{gap:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr))}.blog-index-card-content{padding:var(--space-6)}.blog-index-card:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:min(100%,22rem)}}@media (width>=1024px){.blog-index-grid{gap:var(--space-8);grid-template-columns:repeat(3,minmax(0,1fr))}.blog-index-card:last-child:nth-child(odd){grid-column:auto;justify-self:stretch;width:auto}}@media (prefers-reduced-motion:reduce){.blog-index-card-image,.blog-index-card-action,.blog-index-card-action-icon{transition:none}.blog-index-card:is(:hover,:focus-within) .blog-index-card-image,.blog-index-card-link:is(:hover,:focus-visible) .blog-index-card-action-icon{transform:none}}}