.blog-page {
  padding-top: 0;
}
.blog-page .row {
  --bs-gutter-y: 24px;
}
.blog-page .blog-item {
  display: block;
}
.blog-page .blog-item .image {
  aspect-ratio: 1/1;
  margin-bottom: 12px;
  border-radius: clamp(12px, 8 * (100vw - 375px) / 905 + 12px, 20px);
}
.blog-page .blog-item .meta {
  margin-bottom: 12px;
}
.blog-page .blog-item .meta .date,
.blog-page .blog-item .meta .reading-time {
  font-size: clamp(8px, 4 * (100vw - 375px) / 905 + 8px, 12px);
  line-height: 110%;
  color: rgba(33, 27, 20, 0.6);
}
.blog-page .blog-item .meta .reading-time {
  text-align: right;
}
.blog-page .blog-item .title {
  margin-bottom: 12px;
  font-size: clamp(12px, 6 * (100vw - 375px) / 905 + 12px, 18px);
  line-height: 110%;
  color: rgb(33, 27, 20);
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: color var(--transition), -webkit-text-decoration var(--transition);
  transition: color var(--transition), text-decoration var(--transition);
  transition: color var(--transition), text-decoration var(--transition), -webkit-text-decoration var(--transition);
}
.blog-page .blog-item .more {
  font-size: clamp(12px, 2 * (100vw - 375px) / 905 + 12px, 14px);
  line-height: 130%;
  color: rgb(33, 27, 20);
  text-decoration: underline;
  text-transform: uppercase;
}
.blog-page .blog-item:hover .title {
  text-decoration: underline;
  color: var(--color-brown);
}
/*# sourceMappingURL=blog.css.map */