/* Shared visual anchors for the five primary navigation destinations. */

nexora-header {
  display: block;
  min-height: 148px;
  background: #031a36;
}

@media (min-width: 821px) {
  nexora-header[active="about"] + main .hero,
  nexora-header[active="about"] + main .hero-inner,
  .catalog-intro,
  .intro-layout,
  .news-hero,
  .news-hero__inner,
  .services-hero,
  .services-hero__inner {
    min-height: 400px;
  }

  nexora-header[active="about"] + main .hero-inner,
  .catalog-intro .catalog-container,
  .news-hero .page-container,
  .services-hero .page-container {
    width: min(calc(100% - 176px), 1220px);
    margin-inline: auto;
  }

  nexora-header[active="about"] + main .hero-inner,
  .news-hero__inner,
  .services-hero__inner {
    justify-content: flex-start;
    padding-top: 54px;
    padding-bottom: 54px;
  }

  .catalog-intro .intro-layout {
    align-items: start;
    padding-top: 54px;
    padding-bottom: 54px;
  }

  .catalog-intro .intro-rule {
    margin-bottom: 14px;
  }

  .catalog-intro .eyebrow {
    margin-bottom: 12px;
  }

  nexora-header[active="about"] + main .hero h1,
  .catalog-intro h1,
  .news-hero h1,
  .services-hero h1 {
    font-size: clamp(52px, 5vw, 72px);
    line-height: 1;
    letter-spacing: -.045em;
  }

  /* Keep the page trail on the same horizontal anchor on every primary page. */
  nexora-header[active="products"] + main .product-hero .detail-container {
    width: min(calc(100% - 176px), 1220px);
  }
}

/* About Us is the visual source of truth for page breadcrumbs. */
nexora-header[active="about"] + main .breadcrumb,
nexora-header[active="products"] + main .breadcrumb,
.news-hero .breadcrumb,
.services-hero .breadcrumb {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}

nexora-header[active="about"] + main .breadcrumb a,
nexora-header[active="products"] + main .breadcrumb a,
.news-hero .breadcrumb a,
.services-hero .breadcrumb a {
  color: #fff;
  font-weight: 400;
  text-decoration: none;
}

nexora-header[active="about"] + main .breadcrumb span,
nexora-header[active="products"] + main .breadcrumb span,
.news-hero .breadcrumb span,
.services-hero .breadcrumb span {
  color: #ff4d0a;
  font-weight: 700;
}

nexora-header[active="about"] + main .breadcrumb b,
nexora-header[active="products"] + main .breadcrumb b,
.news-hero .breadcrumb b,
.services-hero .breadcrumb b {
  color: #fff;
  font-weight: 700;
}

.news-hero .breadcrumb,
.services-hero .breadcrumb {
  margin-bottom: 20px;
}

@media (max-width: 820px) {
  nexora-header {
    min-height: 126px;
  }
}

@media (max-width: 560px) {
  nexora-header {
    min-height: 122px;
  }
}