.news {

}
:where(.news) {
  .news__list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 10px;
    row-gap: 25px;
    @media screen and (min-width: 769px) {
      grid-template-columns: 1fr 1fr 1fr 1fr;
      column-gap: min(15px, calc(var(--vw) * 15));
      row-gap: min(35px, calc(var(--vw) * 35));
    }
  }
  .news__thumb {
    overflow: hidden;
    height: calc(var(--vw) * 120);
    margin-bottom: 10px;
    @media screen and (min-width: 769px) {
      height: min(220px, calc(var(--vw) * 220));
      margin-bottom: min(17px, calc(var(--vw) * 17));
    }
    img {
      height: 100%;
      object-fit: cover;
    }
  }
  .news__item {
    h2 {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
      font-size: calc(var(--rem) * 12);
      letter-spacing: 1.12px;
      margin-bottom: 6px;
      line-height: 18px;
      @media screen and (min-width: 769px) {
        font-size: calc(var(--rem) * 14);
        letter-spacing: 1.2px;
        margin-bottom: 8px;
        line-height: 23px;
      }
    }
    p {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
      font-size: calc(var(--rem) * 10);
      letter-spacing: 1px;
      opacity: 0.7;
      @media screen and (min-width: 769px) {
        font-size: calc(var(--rem) * 10);
        letter-spacing: 1px;
      }
    }
  }
  .news__categories {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
  }
  .news__item-meta {
    font-family: "Montserrat", sans-serif;
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 5px;
    @media screen and (min-width: 769px) {
      margin-bottom: 5px;
    }

    time {
      font-size: calc(var(--rem) * 10);
      letter-spacing: 1.7px;
    }
    li {
      padding: 2px 4px;
      border: 0.5px solid;
      font-size: calc(var(--rem) * 8);
      letter-spacing: 1.6px;
    }

  }
}