/* ==========================================================================
   Page hero shared structure
   ========================================================================== */

.products-hero,
.solutions-hero,
.cases-hero,
.news-hero,
.services-hero,
.about-hero,
.contact-hero {
  position: relative;
  min-height: 100svh;
  padding-top: var(--header-h);
  display: flex;
  align-items: center;
  overflow: hidden;
  color: #fff;
}

.products-hero__bg,
.solutions-hero__bg,
.cases-hero__bg,
.news-hero__bg,
.services-hero__bg,
.about-hero__bg,
.contact-hero__bg {
  position: absolute;
  inset: 0;
  transform: scale(1.02);
}

.products-hero__inner,
.solutions-hero__inner,
.cases-hero__inner,
.news-hero__inner,
.services-hero__inner,
.about-hero__inner,
.contact-hero__inner {
  position: relative;
  z-index: 1;
}

.about-hero__inner,
.contact-hero__inner {
  z-index: 2;
}

.products-hero__copy h1,
.solutions-hero h1,
.cases-hero h1,
.news-hero h1,
.services-hero h1,
.about-hero__copy h1,
.contact-hero h1 {
  color: #fff;
  font-size: var(--fs-h1);
  margin-bottom: var(--space-3);
}

.products-hero__copy p,
.solutions-hero p,
.cases-hero p,
.news-hero p,
.services-hero p,
.about-hero__copy p,
.contact-hero p {
  color: #c2d1df;
  font-size: var(--fs-lg);
  line-height: 1.85;
}

.products-hero__actions,
.solutions-hero__actions,
.cases-hero__actions,
.news-hero__actions,
.about-hero__actions,
.contact-hero__actions {
  display: flex;
  flex-wrap: wrap;
}