/* =========================
   ECOSYSTEM PAGE
========================= */

body.inner-page .nm-ecosystem,
.nm-ecosystem{
  padding:26rem 0 7rem !important;
  background:linear-gradient(180deg,#05080d 0%,#09111a 100%) !important;
  color:#f5f2ec !important;
}

body.inner-page .ecosystem-card,
.ecosystem-card{
  height:100%;
  border:1px solid rgba(255,255,255,.08) !important;
  background:rgba(255,255,255,.02) !important;
  padding:2rem;
  transition:all .35s ease;
}

body.inner-page .ecosystem-card h3,
.ecosystem-card h3{
  font-family:'Playfair Display', serif;
  color:#fff !important;
  font-size:1.5rem;
  margin-bottom:1rem;
}

body.inner-page .ecosystem-card p,
.ecosystem-card p{
  color:rgba(255,255,255,.65) !important;
  line-height:1.8;
  margin-bottom:0;
}

.ecosystem-hero{
  max-width:1100px;
  margin:0 auto;
}

.ecosystem-kicker{
  display:block;
  color:var(--nm-gold);
  font-size:.78rem;
  letter-spacing:.28em;
  text-transform:uppercase;
  font-weight:600;
  margin-bottom:1rem;
}

.ecosystem-title{
  font-family:'Playfair Display', serif;
  font-size:clamp(2rem,3.4vw,4.2rem);
  line-height:1;
  color:#fff;
  margin-bottom:1.5rem;
  max-width:980px;
  margin-left:auto;
  margin-right:auto;
}

.ecosystem-intro{
  color:rgba(255,255,255,.68);
  font-size:1.05rem;
  line-height:1.9;
  margin-top:1.5rem;
  max-width:920px;
  margin-left:auto;
  margin-right:auto;
}

.ecosystem-grid{
  margin-top:6rem;
}

.ecosystem-card{
  height:100%;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.02);
  padding:2rem;
  transition:all .35s ease;
}

.ecosystem-card:hover{
  transform:translateY(-3px);
  border-color:rgba(255,255,255,.14);
  background:rgba(255,255,255,.04);
}

.ecosystem-card span{
  display:block;
  color:#c21d1d;
  font-size:.78rem;
  letter-spacing:.2em;
  margin-bottom:1rem;
}

.ecosystem-card h3{
  font-family:'Playfair Display', serif;
  color:#fff;
  font-size:1.5rem;
  margin-bottom:1rem;
}

.ecosystem-card p{
  color:rgba(255,255,255,.65);
  line-height:1.8;
  margin-bottom:0;
}

.ecosystem-signature{
  margin-top:7rem;
}

.ecosystem-line{
  width:70px;
  height:1px;
  background:rgba(255,255,255,.16);
  margin:0 auto 1.5rem;
}

.ecosystem-signature p{
  color:rgba(255,255,255,.58);
  letter-spacing:.14em;
  text-transform:uppercase;
  font-size:.78rem;
}

@media(max-width:991px){

  .ecosystem-title{
    font-size:3rem;
    line-height:1;
  }

}

@media(max-width:768px){

  .nm-ecosystem{
    padding:20rem 0 6rem;
  }

  .ecosystem-title{
    font-size:2.4rem;
  }

}