.ngc-about-hero{
  padding:8rem 0 6rem;
}

.ngc-about-hero-title,
.ngc-about-section-title,
.ngc-about-closing-title{
  font-size:3.4rem;
  line-height:1.02;
  color:#1d1d1d;
}

.ngc-about-hero-text,
.ngc-about-text{
  font-size:1.05rem;
  line-height:1.95;
  color:var(--ngc-muted);
}

.ngc-about-section{
  padding:6rem 0;
  border-top:1px solid rgba(0,0,0,.06);
}

.ngc-about-section-soft{
  background:#f7f4ee;
}

.ngc-about-side-label{
  display:inline-block;
  font-size:.72rem;
  text-transform:uppercase;
  letter-spacing:.18em;
  color:var(--ngc-red);
  font-weight:600;
  padding-top:.4rem;
}

.ngc-about-hero-media,
.ngc-about-ecosystem-media{
  background:#ebe5da;
  padding:1rem;
  border:1px solid rgba(0,0,0,.06);
}

.ngc-about-hero-image,
.ngc-about-ecosystem-image{
  width:100%;
  display:block;
  object-fit:cover;
}

.ngc-about-ecosystem{
  padding:6rem 0;
  border-top:1px solid rgba(0,0,0,.06);
}

.ngc-about-closing{
  padding:7rem 0;
  border-top:1px solid rgba(0,0,0,.06);
  background:#fff;
}

.ngc-about-closing-title{
  max-width:980px;
  margin:.8rem auto 1.5rem;
}

.ngc-about-closing-signature{
  font-size:.82rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--ngc-red);
}

@media(max-width:991.98px){

  .ngc-about-hero{
    padding:5rem 0 4rem;
  }

  .ngc-about-hero-title,
  .ngc-about-section-title,
  .ngc-about-closing-title{
    font-size:2.5rem;
  }

  .ngc-about-section,
  .ngc-about-ecosystem,
  .ngc-about-closing{
    padding:4rem 0;
  }
}

@media(max-width:575.98px){

  .ngc-about-hero-title,
  .ngc-about-section-title,
  .ngc-about-closing-title{
    font-size:2.1rem;
  }

  .ngc-about-hero-text,
  .ngc-about-text{
    font-size:1rem;
    line-height:1.85;
  }
}