.archive h1 {
  margin-bottom: 55px;
  font-size: 6.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 80px;
}
@media (max-width: 768px) {
  .archive h1 {
    font-size: 3.2rem;
    line-height: 54px;
    margin-bottom: 25px;
  }
}
.archive h1 .text {
  font-size: 48px;
  font-style: normal;
  font-weight: 500;
  line-height: 58px;
}
@media (max-width: 768px) {
  .archive h1 .text {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
  }
}
.archive__grid {
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
}
.archive article {
  width: calc(33.3333333333% - 25px);
}
@media (max-width: 1024px) {
  .archive article {
    width: calc(50% - 25px);
  }
}
@media (max-width: 768px) {
  .archive article {
    width: 100%;
  }
}
/*# sourceMappingURL=archive.css.map */