/* =========================
   CONTACT PAGE
========================= */

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

.contact-hero{
  max-width:1050px;
  margin:0 auto;
}

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

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

.contact-intro{
  color:rgba(255,255,255,.68);
  font-size:1.05rem;
  line-height:1.9;
  max-width:880px;
  margin:1.5rem auto 0;
}

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

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

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

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

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

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

.contact-form-wrap{
  margin-top:7rem;
}

.contact-form .form-control{
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.08);
  border-radius:0;
  min-height:58px;
  color:#fff;
  padding:1rem 1.2rem;
}

.contact-form textarea.form-control{
  min-height:220px;
}

.contact-form .form-control::placeholder{
  color:rgba(255,255,255,.42);
}

.contact-form .form-control:focus{
  background:rgba(255,255,255,.04);
  border-color:rgba(255,255,255,.16);
  box-shadow:none;
  color:#fff;
}

.contact-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:58px;
  padding:0 2rem;
  background:#c21d1d;
  border:1px solid #c21d1d;
  color:#fff;
  text-transform:uppercase;
  letter-spacing:.16em;
  font-size:.76rem;
  font-weight:700;
  transition:all .3s ease;
}

.contact-btn:hover{
  background:#fff;
  color:#111;
  border-color:#fff;
}

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

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

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

@media(max-width:991px){

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

}

@media(max-width:768px){

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

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

}