.blog-card{position:relative;display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid transparent;border-radius:12px;background:#fff;color:#18324c;font-family:Arial,Helvetica,sans-serif;transition:border-color .2s ease,box-shadow .2s ease}.blog-card *,.blog-card *:before,.blog-card *:after{box-sizing:border-box}.blog-card__media{display:block;overflow:hidden;aspect-ratio:16 / 10;background:#e6ebf1}.blog-card__image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.blog-card__image--placeholder{fill:#b7c3d0}.blog-card__body{display:flex;flex:1;flex-direction:column;gap:8px;padding:16px 16px 18px}.blog-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0;color:#6b7b8d;font-size:12px;line-height:1.4}.blog-card__title{margin:0;color:#0a2f5a;font-family:inherit;font-size:16px;font-weight:700;line-height:1.35;letter-spacing:normal;text-transform:none}.blog-card__title a{display:-webkit-box;overflow:hidden;color:inherit;text-decoration:none;-webkit-box-orient:vertical;-webkit-line-clamp:3}.blog-card__title a:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:""}.blog-card__title a:focus-visible{outline:none}.blog-card:has(.blog-card__title a:focus-visible){outline:2px solid var(--blog-accent, #ff6701);outline-offset:2px}.blog-card__excerpt{display:-webkit-box;overflow:hidden;margin:0;color:#4b5b6c;font-size:13px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:3}.blog-card__more{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:6px;color:var(--blog-primary, #004aad);font-size:13px;font-weight:700}.blog-card__more .site-header__icon{width:16px;height:16px;stroke-width:2.2;transition:transform .2s ease}@media(hover:hover)and (pointer:fine){.blog-card:hover{border-color:var(--blog-accent, #ff6701);box-shadow:0 6px 20px #0a2f5a0f}.blog-card:hover .blog-card__image{transform:scale(1.04)}.blog-card:hover .blog-card__more{color:var(--blog-accent, #ff6701)}.blog-card:hover .blog-card__more .site-header__icon{transform:translate(3px)}}@media(prefers-reduced-motion:reduce){.blog-card,.blog-card__image,.blog-card__more .site-header__icon{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/blog-post-card.css.map */
