/*
  CN2G typography polish
  Scope: conservative font-size and rhythm tuning only.
*/

:root {
  --cn2g-display-line: 1.15;
  --cn2g-heading-line: 1.2;
}

.hero-copy h1 {
  font-size: clamp(38px, 3.8vw, 48px) !important;
  line-height: var(--cn2g-display-line) !important;
  letter-spacing: 0 !important;
  max-width: 640px;
}

.section-intro h2,
.warehouse-standard-copy .section-intro h2,
.live-metrics-head .section-intro h2,
.destination-copy .section-intro h2,
.home-control-copy .section-intro h2,
.home-steps-head .section-intro h2 {
  font-size: clamp(28px, 2.7vw, 34px) !important;
  line-height: var(--cn2g-heading-line) !important;
  letter-spacing: 0 !important;
  max-width: 760px;
}

.section-intro p,
.hero-copy p,
.home-control-copy p,
.warehouse-standard-copy p,
.destination-copy p {
  line-height: 1.72;
}

.hero-copy .hero-actions,
.home-steps-head,
.live-metrics-head {
  gap: clamp(14px, 2vw, 22px);
}

@media (max-width: 920px) {
  .hero-copy h1 {
    font-size: clamp(27px, 6.8vw, 32px) !important;
    line-height: 1.17 !important;
    max-width: 360px;
  }

  .section-intro h2,
  .warehouse-standard-copy .section-intro h2,
  .live-metrics-head .section-intro h2,
  .destination-copy .section-intro h2,
  .home-control-copy .section-intro h2,
  .home-steps-head .section-intro h2 {
    font-size: clamp(22px, 5.9vw, 25px) !important;
    line-height: 1.22 !important;
    max-width: 100%;
  }

  .section-intro p,
  .hero-copy p,
  .home-control-copy p,
  .warehouse-standard-copy p,
  .destination-copy p {
    font-size: 15px;
    line-height: 1.68;
  }
}

@media (max-width: 430px) {
  .hero-copy h1 {
    font-size: 28px !important;
  }

  .section-intro h2,
  .warehouse-standard-copy .section-intro h2,
  .live-metrics-head .section-intro h2,
  .destination-copy .section-intro h2,
  .home-control-copy .section-intro h2,
  .home-steps-head .section-intro h2 {
    font-size: 23px !important;
  }
}