.blog-card{display:flex;flex-direction:column;min-width:0;color:#094438}.blog-card[hidden]{display:none}.blog-card__image-link{position:relative;display:block;aspect-ratio:190 / 189;overflow:hidden;border-radius:5px;background:#e9eaea}.blog-card__image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}.blog-card__image--placeholder{padding:25%;fill:#c4c6c5}.blog-card__content{display:flex;flex:1;flex-direction:column;padding-top:8px}.blog-card__title{margin:0;font-family:var(--font-heading-family);font-size:14px;font-weight:400;line-height:20.5px;color:#094438;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:41px;overflow:hidden}.blog-card__title a{display:inline;color:inherit;text-decoration:none}.blog-card__excerpt{margin:4px 0 0;font-size:12px;line-height:15px;color:var(--color-grey-dark);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.blog-card__footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:16px}.blog-card__link{display:inline-block;border-bottom:1px solid #5B5C5E;font-family:var(--font-body-medium);font-size:14px;line-height:18px;color:#094438;text-decoration:none;white-space:nowrap}.blog-card__link:hover{border-bottom-color:#094438}.blog-card__date{font-size:10px;line-height:15px;letter-spacing:.04em;text-transform:uppercase;color:#54565a;white-space:nowrap}@media screen and (min-width:1024px){.blog-card__image-link{aspect-ratio:458.67 / 400;border-radius:0;transition:opacity .3s}.blog-card__image-link:hover{opacity:.85}.blog-card__content{padding-top:16px}.blog-card__title{font-size:24px;line-height:39px;max-height:78px}.blog-card__title a:hover{text-decoration:underline}.blog-card__excerpt{margin-top:16px;font-size:16px;line-height:24px}.blog-card__footer{padding-top:16px}.blog-card__link{box-sizing:border-box;min-width:103px;height:48px;padding:15px 12px 0;font-size:16px;line-height:16px}.blog-card__date{font-size:14px;line-height:21px}}@media screen and (max-width:370px){.blog-card__footer{flex-direction:column;align-items:flex-start}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/blog-card.css.map */