.blog-articles{--blog-accent: var(--brand-blue, #006bea);padding:2rem 0 3.5rem}.blog-articles__title{margin-bottom:1.75rem;text-align:center;font-size:clamp(1.875rem,5vw,3.25rem);font-weight:700;line-height:1.1;letter-spacing:-.03em;color:#000}.blog-articles__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem;width:100%}@media(min-width:640px){.blog-articles{padding:2.5rem 0 4rem}.blog-articles__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.75rem}}@media(min-width:1024px){.blog-articles__title{margin-bottom:2rem}.blog-articles__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem 1.75rem}}.blog-article-card{display:flex;width:100%;max-width:100%;min-width:0;flex-direction:column;background:#fff}.blog-article-card__media{position:relative;aspect-ratio:4 / 3;overflow:hidden;border-radius:.75rem;background:#e8e8e8}.blog-article-card__image{height:100%;width:100%;object-fit:cover;transition:transform .5s ease}.blog-article-card:hover .blog-article-card__image{transform:scale(1.03)}.blog-article-card__category{position:absolute;top:.875rem;left:.875rem;border-radius:.125rem;background:#fff;padding:.35rem .55rem;font-size:.6875rem;font-weight:800;letter-spacing:.04em;color:#000}.blog-article-card__body{display:flex;flex:1;flex-direction:column;min-width:0;padding-top:1.25rem}.blog-article-card__title{font-size:clamp(1.125rem,2.5vw,1.5rem);font-weight:700;line-height:1.25;letter-spacing:-.02em;color:#000;transition:color .2s ease}.blog-article-card:hover .blog-article-card__title{color:var(--blog-accent)}.blog-article-card__excerpt{margin-top:.75rem;font-size:.9375rem;line-height:1.55;color:#767676}.blog-article-card__footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1rem;margin-top:auto;padding-top:1.125rem}.blog-article-card__read{display:inline-flex;align-items:center;gap:.625rem;font-size:.875rem;font-weight:600;color:#000}.blog-article-card__read-icon{display:grid;height:2rem;width:2rem;place-items:center;border:1px solid #000;transition:background .2s ease,color .2s ease}.blog-article-card:hover .blog-article-card__read-icon{background:#000;color:#fff}.blog-article-card__date-wrap{display:flex;min-width:0;flex:1;align-items:center;gap:.75rem}.blog-article-card__date{flex-shrink:0;font-size:.8125rem;color:#767676}.blog-article-card__date-line{height:1px;flex:1;min-width:1rem;background:#d9d9d9}.blog-articles__empty{padding:3rem 1rem;text-align:center;font-size:1rem;color:#767676}.blog-articles__skeleton{width:100%;min-width:0}