/* ==========================================================================
   Singularity Hypertech — INDUSTRIES PAGE responsive
   ========================================================================== */

@media (max-width: 1439px) {
  .industries-page .container {
    padding: 0 64px;
  }
  .iw-intro-grid {
    gap: 48px;
  }
}

@media (max-width: 1080px) {
  .iw-hero {
    padding: 150px 0 80px;
    min-height: 420px;
  }
  .iw-intro {
    padding: 80px 0;
  }
  /* the mark keeps its own column until the copy gets too narrow to read */
  .iw-intro-grid {
    grid-template-columns: 210px minmax(0, 1fr);
  }
  .iw-intro-mark {
    width: 170px;
  }
  .iw-intro-copy p {
    font-size: 26px;
  }
  .iw-expertise {
    padding: 80px 0;
  }
  .iw-expertise-title {
    margin-bottom: 48px;
  }
  .iw-grid {
    gap: 24px;
  }
  .iw-card {
    padding: 24px;
    gap: 24px;
  }
  .iw-card-img {
    height: 200px;
  }
}

@media (max-width: 860px) {
  .industries-page .container {
    padding: 0 32px;
  }
  .iw-hero {
    padding: 130px 0 70px;
    min-height: 360px;
  }
  .iw-intro {
    padding: 64px 0;
  }
  .iw-intro-grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .iw-intro-copy p {
    font-size: 20px;
  }
  .iw-expertise {
    padding: 64px 0;
  }
  /* one card per row — two columns of body copy get unreadable below this */
  .iw-grid {
    grid-template-columns: 1fr;
  }
  .iw-card-body h3 {
    font-size: 19px;
  }
  .iw-card-body p {
    font-size: 15px;
  }
  .iw-card-link {
    font-size: 15px;
  }
}

@media (max-width: 560px) {
  .industries-page .container {
    padding: 0 20px;
  }
  .iw-intro-mark {
    width: 150px;
  }
  .iw-intro-copy p {
    font-size: 18px;
  }
  .iw-card {
    padding: 20px;
    gap: 20px;
    border-radius: 24px;
  }
  .iw-card-img {
    height: 168px;
    border-radius: 16px;
  }
  .iw-hero .btn {
    width: 100%;
  }
}