section.news {
  --gap: clamp(10px, 0.87vi + 3.33px, 20px);
  --card-padding: clamp(20px, 1.74vi + 6.67px, 40px);
}
section.news .news-container {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--gap);
}
section.news .news-container:where(:not(:first-child)) {
  margin-top: clamp(4rem, 3.47vi + 1.33rem, 8rem);
}
@media (min-width: 630px) {
  section.news .news-container {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  section.news .news-container {
    grid-template-columns: repeat(3, 1fr);
  }
}
section.news .news-card {
  background-color: var(--wp--preset--color--light-electric-blue);
}
section.news .news-card:nth-of-type(2n + 1), section.news .news-card:nth-of-type(5n) {
  background-color: var(--wp--preset--color--light-green);
}
section.news .news-card:nth-of-type(4n + 1) {
  background-color: var(--wp--preset--color--light-blue);
}
section.news .news-card:nth-of-type(5n + 4) {
  background-color: var(--wp--preset--color--light-green);
}
section.news .news-card a:hover img {
  transform: scale(1.05);
}
section.news .news-card figure {
  position: relative;
  aspect-ratio: 3/2;
  overflow: hidden;
  margin: 0;
}
section.news .news-card figure img {
  object-fit: cover;
  block-size: 100%;
  inline-size: 100%;
  transition: transform 0.3s ease;
}
section.news .news-card .content {
  display: inline-block;
  padding: var(--card-padding);
}
section.news .news-card .content h4 {
  margin-block-start: 0.3em;
}
section.news .news-card .content span {
  font-size: var(--wp--preset--font-size--tiny);
  opacity: 0.7;
}
section.news .news-card .content p, section.news .news-card .content h4, section.news .news-card .content span {
  color: var(--wp--preset--color--electric-blue);
}

[data-type="acf/news"] section.news .news-card a {
  pointer-events: none;
}