.blog-grid{display:grid;gap:24px;grid-template-columns:1fr;width:100%}@media (min-width:525px) and (max-width:785px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:786px) and (max-width:1024px){.blog-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1025px) and (max-width:1329px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1330px){.blog-grid{grid-template-columns:repeat(3,1fr)}}.blog-grid-item{margin:auto}.top-article-card{height:100%;padding-bottom:64px;width:100%}.top-article-card-link{border-radius:16px;display:inline-flex;height:100%;position:relative;transition:box-shadow .3s ease-in-out;width:100%}.top-article-card-link:before{background-color:#14162466;border-radius:16px;bottom:0;content:"";left:0;position:absolute;right:0;top:0;transition:background-color .3s ease-in-out,box-shadow .3s ease-in-out}.top-article-card-link:hover:before{background-color:#1416244d;box-shadow:0 4px 8px #0003}.top-article-card-link:active:before{background-color:#14162480}.top-article-card-image{aspect-ratio:16/9;border-radius:16px;-o-object-fit:cover;object-fit:cover;width:100%}@media (max-width:767px){.top-article-card-image{height:368px}}.top-article-card-content{align-items:flex-start;bottom:32px;color:var(--c-white);display:flex;flex-direction:column;gap:16px;justify-content:flex-start;left:32px;position:absolute;width:calc(100% - 64px)}.top-article-card-date{font-size:12px;font-weight:var(--fw-medium);line-height:14.4px}.top-article-card-title{display:-webkit-box;font-size:32px;font-weight:var(--fw-extrabold);line-height:38.4px;line-clamp:3;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3}