@charset "UTF-8";.pagination{display:flex;flex-direction:row;align-items:center;justify-content:center}.pagination__item{display:block;width:32px;height:32px;line-height:32px;border-radius:50%;background:var(--color-green-300);text-align:center;font-style:normal;border:1px solid var(--color-green-300);margin:var(--space-xs);color:var(--color-white-100);font-weight:400}.pagination__link{display:block;width:32px;height:32px;line-height:32px;border-radius:50%;text-align:center;font-style:normal;border:1px solid var(--color-gray-300);margin:var(--space-xs);font-weight:400;background:#fff;color:var(--color-navy-300)}.pagination__link:hover{border-color:var(--color-green-300);color:var(--color-green-300);text-decoration:none}.pagination__empty{width:32px;text-align:center}.post-list{display:grid;grid-gap:var(--space-md);grid-template-columns:repeat(1,minmax(0,1fr))}@media(min-width:768px){.post-list{grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--space-ml)}}.post-card{display:block;color:var(--color-navy-300);background:var(--color-gray-100);border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--color-gray-100)}.post-card__img{width:100%;object-fit:cover;aspect-ratio:3/2}.post-card__content{padding:var(--space-md) var(--space-md) var(--space-sm) var(--space-md)}.post-card__title{font-size:var(--font-size-md);margin:0;font-weight:600;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.post-card__description{font-weight:400;font-size:var(--font-size-xm);margin-top:var(--space-xs)}.post-card__footer{font-weight:400;padding:0 var(--space-md) var(--space-md) var(--space-md);font-size:var(--font-size-xm)}.post-card:hover{background-color:#fff;text-decoration:none;border-color:var(--color-green-300)}.post-card:active{border-color:var(--color-green-500)}body.blog-list .main-post{display:block;position:relative;font-weight:400;border:1px solid var(--color-gray-100);border-radius:var(--radius-xl);overflow:hidden;margin-bottom:var(--space-md)}body.blog-list .main-post img{width:100%;object-fit:cover;aspect-ratio:3/2}@media(max-width:991px){body.blog-list .main-post{background:var(--color-gray-100);border-radius:var(--radius-md);color:var(--color-navy-300)}body.blog-list .main-post__content{padding:var(--space-md) var(--space-md) var(--space-sm) var(--space-md)}body.blog-list .main-post__content h2{font-size:var(--font-size-md);margin:0;font-weight:600;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}body.blog-list .main-post__content p{font-weight:400;font-size:var(--font-size-xm);margin-top:var(--space-xs)}body.blog-list .main-post__footer{font-weight:400;padding:0 var(--space-md) var(--space-md) var(--space-md);font-size:var(--font-size-xm)}}@media(min-width:992px){body.blog-list .main-post{aspect-ratio:21/9;margin-bottom:var(--space-xl)}body.blog-list .main-post img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;z-index:1}body.blog-list .main-post h2{font-weight:600;font-size:var(--font-size-xl);margin-bottom:var(--space-md)}body.blog-list .main-post__content{position:absolute;z-index:2;left:0;bottom:0;right:0;padding:var(--space-lg);color:var(--color-white-100);background:linear-gradient(0deg,#262626f2,#0000);border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}body.blog-list .main-post__content>*{max-width:500px}body.blog-list .main-post__footer{display:none}}body.blog-list .main-post:hover{text-decoration:none;border-color:var(--color-green-300)}body.blog-list .main-post:active{border-color:var(--color-green-500)}
