/* Homepage first impression: compact, readable, product-first. */
.catalog-home {
  --ch-blue: #24397e;
  --ch-navy: #1d2e66;
  --ch-text: #4c4d57;
  --ch-orange: #ff5c00;
}

.mh-home-hero {
  height: auto;
  min-height: clamp(340px, 31vw, 410px);
}
.mh-home-hero-copy {
  min-height: 100%;
  padding: clamp(30px, 3vw, 40px) clamp(24px, 3vw, 48px)
    clamp(30px, 3vw, 40px) clamp(34px, 7vw, 104px);
}
.mh-home-hero-copy::after { right: -20px; width: 40px; }
.mh-home-hero-copy h1 {
  max-width: 440px;
  font-size: clamp(29px, 2.25vw, 36px);
  line-height: 1.08;
  letter-spacing: -.035em;
}
.mh-home-hero-kicker { margin-bottom: 14px; }
.mh-home-hero-copy p {
  max-width: 390px;
  font-size: 14px;
  font-weight: 500;
}
.mh-home-hero-visual {
  position: relative;
  min-width: 0;
  min-height: inherit;
  padding: 0;
  background-color: var(--ch-navy);
  overflow: hidden;
}
.mh-home-hero-backdrop {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.mh-home-hero-visual::before { display: none; }
.mh-home-hero-controls { right: 20px; bottom: 12px; }
.mh-home-hero-backdrop.mh-home-build-tool-photo {
  object-fit: cover;
  background: var(--ch-navy);
  padding: 0;
  box-sizing: border-box;
}
.mh-home-hero-controls {
  background: #24397E;
  padding: 5px 10px;
  border-radius: 3px;
}

.mh-home-intro {
  max-width: 1080px;
  padding: 54px 24px 30px;
}
.mh-home-intro h2 {
  margin-bottom: 8px;
  font-size: clamp(23px, 2vw, 28px);
  line-height: 1.2;
}
.mh-home-intro p {
  max-width: 850px;
  font-size: 13px;
  line-height: 1.65;
}

.mh-home-section-heading h2 { font-size: clamp(23px, 2.2vw, 30px); }
.mh-home-category-card,
.mh-home-industry-card,
.mh-home-guide-card {
  transition: border-color .16s ease, transform .16s ease;
}
.mh-home-category-card:hover,
.mh-home-industry-card:hover,
.mh-home-guide-card:hover { transform: translateY(-2px); }
.mh-home-category-copy p,
.mh-home-guide-copy p { color: #5f626d; }

@media (min-width: 1201px) {
  .mh-home-hero {
    min-height: clamp(370px, 31vw, 430px);
  }
  .mh-home-hero-copy {
    padding-left: clamp(72px, 8vw, 116px);
    padding-right: clamp(30px, 3vw, 48px);
  }
  .mh-home-intro { padding-top: 64px; padding-bottom: 36px; }
}

@media (max-width: 760px) {
  .mh-home-hero { height: auto; min-height: 0; }
  .mh-home-hero-copy { min-height: 0; padding: 30px 24px 32px; }
  .mh-home-hero-copy::after { right: 10%; width: 80%; }
  .mh-home-hero-copy h1 { font-size: clamp(28px, 7.5vw, 36px); }
  .mh-home-hero-visual { min-height: 230px; padding: 0; }
  .mh-home-intro { padding: 36px 20px 25px; }
}

@media (prefers-reduced-motion: reduce) {
  .mh-home-category-card,
  .mh-home-industry-card,
  .mh-home-guide-card { transition: none; }
}