/* Cases page specific banner */
#cases-page .news-page-hero-bg {
  background:
    linear-gradient(90deg, rgb(0 0 0 / 0.54), rgb(0 0 0 / 0.16) 52%, rgb(0 0 0 / 0.3)),
    url("../images/materials1920-900-2.jpg") center / cover no-repeat;
}

#cases-page .news-page-head {
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: clamp(26px, 3vw, 42px);
}

#cases-page .news-page-head > div:first-child {
  min-width: 0;
}

#cases-page .news-page-head h2 {
  max-width: 900px;
  overflow-wrap: anywhere;
  text-align: left;
}

#cases-page .news-page-tabs {
  width: 100%;
  justify-content: flex-start;
}

#cases-page .news-page-tabs button {
  min-width: 0;
  min-height: 48px;
  height: auto;
  padding: 11px 26px;
  line-height: 1.25;
  overflow-wrap: anywhere;
  text-align: left;
  white-space: normal;
}

@media (max-width: 640px) {
  #cases-page .news-page-hero-bg {
    background:
      linear-gradient(90deg, rgb(0 0 0 / 0.64), rgb(0 0 0 / 0.22) 54%, rgb(0 0 0 / 0.4)),
      url("../images/materials1920-900-2.jpg") center top / cover no-repeat;
  }

  #cases-page .news-page-tabs {
    flex-wrap: wrap;
    overflow: visible;
    padding-bottom: 0;
    scroll-snap-type: none;
  }

  #cases-page .news-page-tabs button {
    flex: 0 1 auto;
    min-width: 0;
    padding: 10px 18px;
    scroll-snap-align: none;
  }
}