.blog-card{padding:var(--space-4);border:1px solid var(--opacity-black-medium);border-radius:var(--radius-8);background-color:var(--opacity-white-dark);-webkit-backdrop-filter:blur(16px);color:inherit;flex-direction:column;text-decoration:none;transition:border-color .2s;display:flex;position:relative}a.blog-card:hover{border-color:var(--neutral-border-active,#0000003d)}a.blog-card:focus-visible{outline:var(--stroke-focus,2px) solid var(--color-content-primary);outline-offset:2px}.blog-card-body{gap:var(--space-32);padding:var(--space-32) var(--space-32) var(--space-48);flex-direction:column;display:flex}.blog-card-meta{justify-content:space-between;align-items:center;gap:var(--space-16);font-size:var(--size-overline);color:var(--color-content-primary);white-space:nowrap;line-height:14px;display:flex}.blog-card-meta-item{opacity:.5}.blog-card-text{gap:var(--space-16);flex-direction:column;display:flex}.blog-card-title{color:var(--color-content-primary);-webkit-line-clamp:3;-webkit-box-orient:vertical;min-height:3lh;display:-webkit-box;overflow:hidden}.blog-card-copy{color:var(--neutral-content-body);-webkit-line-clamp:3;-webkit-box-orient:vertical;min-height:3lh;display:-webkit-box;overflow:hidden}.blog-card-media{aspect-ratio:16/9;border-radius:var(--radius-6);width:100%;position:relative;overflow:hidden}.blog-card-image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.blog-card{transition:none}}
.section-blog-preview{background-color:var(--neutral-surface-main)}.blog-preview-row{gap:var(--space-4);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;width:100%;padding-block:var(--space-8);display:flex;overflow-x:auto}.blog-preview-row>.blog-preview-card{scroll-snap-align:start;flex:none;width:clamp(300px,30vw,378px);display:flex}.blog-preview-row>.blog-preview-card>.blog-card{flex:auto;width:100%}@media (max-width:640px){.blog-preview-row>.blog-preview-card{width:85%}}