.BlogArticleCard-module-scss-module__xet8tq__card{border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface) 94%, transparent);transition:border-color .18s,transform .18s}.BlogArticleCard-module-scss-module__xet8tq__card:hover{border-color:var(--color-accent);transform:translateY(-3px)}.BlogArticleCard-module-scss-module__xet8tq__link{min-width:0;height:100%;color:inherit;grid-template-columns:6rem minmax(0,1fr);gap:.75rem;padding:.5rem;text-decoration:none;display:grid}.BlogArticleCard-module-scss-module__xet8tq__visual{aspect-ratio:1280/670;background:var(--color-background);place-items:center;width:6rem;display:grid;position:relative;overflow:hidden}.BlogArticleCard-module-scss-module__xet8tq__image{object-fit:cover;width:100%;height:100%;transition:transform .24s;display:block}.BlogArticleCard-module-scss-module__xet8tq__card:hover .BlogArticleCard-module-scss-module__xet8tq__image{transform:scale(1.025)}.BlogArticleCard-module-scss-module__xet8tq__placeholder{color:var(--color-accent-dark);font-family:var(--font-family-mono)}.BlogArticleCard-module-scss-module__xet8tq__index{color:var(--color-accent);background:color-mix(in srgb, var(--color-background) 88%, transparent);font-family:var(--font-family-mono);font-size:var(--font-size-small);padding:.15rem .25rem;position:absolute;top:.25rem;left:.25rem}.BlogArticleCard-module-scss-module__xet8tq__body{align-content:start;gap:.5rem;min-width:0;display:grid}.BlogArticleCard-module-scss-module__xet8tq__body h2{letter-spacing:.05em;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9375rem;line-height:1.45;display:-webkit-box;overflow:hidden}.BlogArticleCard-module-scss-module__xet8tq__date{color:var(--color-accent-dark);font-family:var(--font-family-mono);font-size:var(--font-size-small);letter-spacing:.06em;line-height:1.5}@media (min-width:768px){.BlogArticleCard-module-scss-module__xet8tq__link{padding:0;display:block}.BlogArticleCard-module-scss-module__xet8tq__visual{border-bottom:1px solid var(--color-border);width:100%}.BlogArticleCard-module-scss-module__xet8tq__index{padding:.3rem .5rem;top:.65rem;left:.65rem}.BlogArticleCard-module-scss-module__xet8tq__body{gap:.75rem;padding:.75rem}.BlogArticleCard-module-scss-module__xet8tq__body h2{-webkit-line-clamp:3;font-size:.9375rem}}