@layer components{.blog-card{background-color:var(--g-color-white);border:1px solid var(--g-color-gray-200);border-radius:1rem;display:grid;gap:2.4rem;overflow:hidden;padding:2rem}@container ((width >= 992px)){.blog-card{gap:3rem;grid-template-columns:36.2rem minmax(0,1fr);min-height:28.8rem}}.blog-card__image-link{display:block;text-decoration:none}.blog-card__image{aspect-ratio:322/220;background-color:var(--g-color-light-400);border-radius:.6rem;margin:0;overflow:hidden;position:relative}@container ((width >= 992px)){.blog-card__image{aspect-ratio:unset;height:100%}}@media(hover:hover)and (pointer:fine){.blog-card__image:hover img{transform:scale(1.05)}}.blog-card__img{height:auto;left:0;min-height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;transition:transform var(--g-easing-duration-default) var(--g-easing-hover);width:100%}.blog-card__date-badge{background-color:var(--g-color-white);border-radius:.5rem;color:var(--g-color-black);font-family:var(--g-font-secondary);font-size:1.4rem;font-weight:600;left:1rem;line-height:normal;padding:.9rem 1.3rem;position:absolute;top:1rem}.blog-card__content{display:flex;flex-direction:column}@container ((width >= 992px)){.blog-card__content{min-height:24.8rem}}.blog-card__title{font-size:2.4rem;font-weight:600;line-height:1.42;margin:0 0 1.6rem}.blog-card__title a{color:var(--g-color-black);display:inline-block;text-decoration:none}@media(hover:hover)and (pointer:fine){.blog-card__title a:hover{color:var(--g-color-blue-400)}}.blog-card__excerpt{display:-webkit-box;font-family:var(--g-font-secondary);font-size:1.6rem;font-weight:500;line-height:1.42;margin:0 0 1.6rem;-webkit-line-clamp:4;line-clamp:4;overflow:hidden;-webkit-box-orient:vertical}@container ((width >= 992px)){.blog-card__excerpt{-webkit-line-clamp:3;line-clamp:3}}.blog-card__authors{align-items:center;display:flex;flex-wrap:wrap;gap:1.2rem 1.6rem;margin-top:auto}.blog-card__author{align-items:center;color:var(--g-color-black);display:inline-flex;font-family:var(--g-font-secondary);gap:.8rem;text-decoration:none}.blog-card__author-avatar{border-radius:50%;height:3.6rem;-o-object-fit:cover;object-fit:cover;width:3.6rem}.blog-card__author-name{font-size:1.5rem;font-weight:400;letter-spacing:-.03rem;line-height:1.4}.blog-card__author:hover{color:var(--g-color-blue-400)}}