/* Seven destinations share the existing accessible industry tabs. */
.industries-page .industry-tabs {
  gap: clamp(18px, 2.2vw, 32px);
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scrollbar-width: thin;
  scrollbar-color: #a9bbc8 transparent;
  padding: 6px 6px 12px;
  margin-inline: -6px;
  margin-bottom: 45px;
}
.industries-page .industry-tabs button {
  flex: 0 0 auto;
  min-height: 48px;
  white-space: nowrap;
  scroll-margin-top: 140px;
  scroll-margin-inline: 8px;
  font-size: 14px;
}
.industries-page .industry-panel {
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
  gap: clamp(35px, 6vw, 85px);
  scroll-margin-top: 140px;
}
.industries-page .industry-panel > div {
  min-width: 0;
}
.industries-page .industry-panel h2 {
  font-size: clamp(35px, 4.2vw, 58px);
}
.industries-page .industry-panel > img {
  justify-self: end;
  width: 100%;
  max-width: 445px;
  height: auto;
  aspect-ratio: 3 / 4;
  object-fit: cover;
  border-radius: 5px;
  background: #edf1f4;
}
.industries-page .industry-panel[tabindex]:focus-visible {
  outline: 2px solid var(--blue);
  outline-offset: 8px;
}
@media (max-width: 760px) {
  .industries-page .industry-panel {
    grid-template-columns: minmax(0, 1fr);
    gap: 30px;
  }
  .industries-page .industry-panel > img {
    justify-self: start;
    max-width: 420px;
  }
  .industries-page .industry-tabs {
    gap: 22px;
    margin-bottom: 32px;
  }
  .industries-page .industry-tabs button {
    font-size: 13px;
  }
}

.industries-page .industry-case-link { margin: 22px 0 0; }
.industries-page .industry-case-link .text-link { margin: 0; }
