.l-blog-index{padding-block:32px}.l-blog-index__container{margin-inline:auto;max-inline-size:80rem;padding-inline:1em;position:relative}.l-blog-index__container h1{color:#4d4d4d;margin-block-end:48px}.l-blog-index__content{display:grid;grid-template-columns:auto;grid-gap:20px}@media (min-width:992px){.l-blog-index__content{grid-template-columns:auto 320px}}.l-blog-index__top{margin-bottom:32px}.l-blog-index__sidebar{display:flex;flex-direction:column;gap:16px}.l-blog-index__listing{display:flex;flex-direction:column;gap:32px}.l-blog-index__listing.hot-posts,.l-blog-index__listing.popular{background-color:#f5f5f5;border-radius:10px;display:flex;flex-direction:column;gap:24px;padding:20px 24px 32px}.l-blog-index__listing.hot-posts h3,.l-blog-index__listing.popular h3{font-size:24px;font-weight:600}.l-blog-index__listing.hot-posts .l-blog-index__items,.l-blog-index__listing.popular .l-blog-index__items{display:flex;flex-direction:column;gap:12px}.l-blog-index__listing.hot-posts .l-blog-index__items .l-blog-index__item:not(:last-child),.l-blog-index__listing.popular .l-blog-index__items .l-blog-index__item:not(:last-child){border-bottom:1px solid #e8e8e8;padding-block-end:16px}.l-cards__items{gap:20px}.l-cards__item{padding:0!important}.l-cards__item img{aspect-ratio:16/9;border-radius:10px;object-fit:cover;width:fit-content}.c-blog-item{display:flex;gap:24px;position:relative}.c-blog-item__content{display:flex;flex-direction:column;gap:4px;justify-content:center}.c-blog-item__content p{color:#000;font-size:14px}.c-blog-item__content a{margin-block-start:auto}.c-blog-item__image img{aspect-ratio:2;border-radius:10px;height:100%;min-width:280px;object-fit:cover;width:280px}.c-blog-item__link{inset:0;position:absolute}.c-blog-item.pinned{gap:0}.c-blog-item.pinned .c-blog-item__image{width:100%}.c-blog-item.pinned .c-blog-item__image img{aspect-ratio:auto;width:100%}.c-blog-item.pinned .c-blog-item__content{background:linear-gradient(0deg,rgba(0,0,0,.8) 61.4%,transparent);background-position:bottom;background-repeat:no-repeat;background-size:100% 220px;border-radius:10px;display:flex;flex-direction:column;inset:0;justify-content:flex-end;padding:32px;position:absolute}