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

.contact-page{
  padding-top:0 !important;
  margin-top:0 !important;
  padding:120px 0;
}

.contact-title{

  margin-bottom:14px;

}

.contact-intro{
   margin-bottom:0;

  line-height:1.7;

}

/* HERO */

.contact-hero{

padding-top:40px !important;

  padding-bottom:20px !important;
   
text-align:center;

}

.contact-kicker{

  font-size:.72rem;

  letter-spacing:.24em;

  text-transform:uppercase;

  color:var(--panea-yellow);

  margin-bottom:18px;

  font-weight:700;

}

.contact-title{

  font-family:"Playfair Display", serif;

  font-size:clamp(3.5rem, 7vw, 6rem);

  line-height:.92;

  color:var(--panea-white);

  margin-bottom:14px;

}

.contact-subtitle{

  max-width:620px;

  margin:0 auto;

  line-height:1.9;

  color:rgba(255,255,255,.72);

}

/* GRID */

.contact-cards{

  width:min(1180px, 90%);

  margin:0 auto;

}

.contact-cards .container{

  display:grid;

  grid-template-columns:repeat(3,1fr);

  gap:28px;

}

/* CARD */

.contact-card{

  padding:40px 34px;

  border-radius:30px;

  background:rgba(255,255,255,.03);

  border:1px solid rgba(255,255,255,.06);

  backdrop-filter:blur(10px);

  transition:.3s ease;

  text-align:center;

}

.contact-card:hover{

  transform:translateY(-6px);

  border-color:rgba(253,193,3,.18);

}

.contact-card i{

  font-size:1.6rem;

  color:var(--panea-yellow);

  margin-bottom:24px;

}

.contact-card h3{

  font-family:"Playfair Display", serif;

  font-size:.85rem;

  line-height: 1;
   
  color:var(--panea-yellow);

  margin-bottom:18px;

}

.contact-card p{

  line-height:1.8;

  color:rgba(255,255,255,.72);

  margin-bottom:24px;

}

.contact-card a{

  color:var(--panea-yellow);

  text-decoration:none;

  transition:.25s ease;

}

.contact-card a:hover{

  opacity:.8;

}

.contact-mail{

  display:inline-block;

  margin-top:10px;

  font-size:1.1rem;

  font-weight:600;

  color:#f5f1ea;

  text-decoration:none;

  transition:.25s ease;

}

.contact-mail:hover{

  color:#f3c433;

}
