.global-narrowhero {
  position: relative;
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  padding: 6rem 0;
  min-height: 380px;
  display: flex;
  align-items: flex-start;
}

.global-narrowhero .nh-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.52);
  pointer-events: none;
}

.global-narrowhero .nh-inner {
  position: relative;
  z-index: 1;
  max-width: 640px;
}

.global-narrowhero .nh-title {
  font-size: var(--fs-h1);
  color: var(--color-white);
  margin-bottom: var(--space-md);
  line-height: var(--lh-tight);
}

.global-narrowhero .nh-desc {
  font-size: var(--fs-l);
  line-height: var(--lh-relaxed);
  color: var(--color-white);
  opacity: 0.9;
  margin-bottom: 0;
  max-width: 520px;
}

.global-narrowhero .nh-highlight {
  color: var(--color-primary);
}

.global-narrowhero.nh-text-dark .nh-overlay {
  background: rgba(255, 255, 255, 0.45);
}

.global-narrowhero.nh-text-dark .nh-title,
.global-narrowhero.nh-text-dark .nh-desc {
  color: var(--color-heading);
}

@media (max-width: 900px) {
  .global-narrowhero {
    min-height: 280px;
    padding: var(--space-3xl) 0;
  }

  .global-narrowhero .nh-title {
    font-size: var(--fs-h2);
  }

  .global-narrowhero .nh-desc {
    font-size: var(--fs-m);
  }
}