/* NIAWELL v48 — Exact hero height + customer heading motion control alignment.
   Loaded after older landing sheets; no changes to existing copy or interactions. */

/* Requested desktop hero size: 470px minimum, 44.5vw fluid, 696px maximum. */
.home-page .home-hero--classic {
  min-height: clamp(470px, 44.5vw, 696px);
  background: #0d1927;
}
@media (min-width: 761px) {
  .home-page .home-hero--classic {
    height: clamp(470px, 44.5vw, 696px);
    min-height: clamp(470px, 44.5vw, 696px);
  }
  /* The viewport, slides and overlay follow the same height. */
  .home-page .home-hero--classic .home-hero__viewport,
  .home-page .home-hero--classic .home-hero__slide,
  .home-page .home-hero--classic .home-hero__classic-content {
    height: 100%;
    min-height: 100%;
    box-sizing: border-box;
  }
}

/* The eyebrow stays above; title and functional play/pause share one row. */
.home-page .home-customers .home-customers__heading {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0;
}
.home-page .home-customers .home-customers__heading-copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: fit-content;
  max-width: 100%;
  min-width: 0;
}
.home-page .home-customers .home-customers__title-row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 14px;
  width: max-content;
  max-width: 100%;
}
.home-page .home-customers .home-customers__title-row .home-section-title {
  flex: 0 1 auto;
  margin: 0;
  white-space: nowrap;
  line-height: 1.5;
}
.home-page .home-customers .home-customers__title-row .home-customers__motion-toggle {
  display: inline-grid;
  place-items: center;
  flex: 0 0 36px;
  width: 36px;
  height: 36px;
  margin: 0;
  padding: 0;
  vertical-align: middle;
}
@media (max-width: 760px) {
  /* Retain the vertical mobile hero for readable content and undistorted art. */
  .home-page .home-customers .home-customers__title-row { gap: 11px; }
  .home-page .home-customers .home-customers__title-row .home-customers__motion-toggle {
    flex-basis: 34px;
    width: 34px;
    height: 34px;
  }
}
