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

/* Hero Section */
.hero .hero-content{
  text-align:center;
  max-width:800px;
  margin:0 auto;
}

.hero .hero-content .lede{
  margin-left:auto;
  margin-right:auto;
  max-width:65ch;
}

.contact-grid{
  display:grid;
  grid-template-columns:1.5fr 1fr;
  gap:var(--spacing-xl);
  margin-top:var(--spacing-lg);
}
.contact-form{
  background:var(--surface);
  padding:var(--spacing-lg);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  border:1px solid rgba(15,59,47,0.06);
}
.form-group{
  margin-bottom:var(--spacing-md);
}
.form-group label{
  display:block;
  font-weight:600;
  color:var(--text);
  margin-bottom:var(--spacing-xs);
  font-size:0.9375rem;
}
.form-group input,
.form-group textarea,
.form-group select{
  width:100%;
  padding:0.75rem 1rem;
  border:2px solid rgba(15,59,47,0.12);
  border-radius:var(--radius-sm);
  font-family:inherit;
  font-size:1rem;
  color:var(--text);
  background:white;
  transition:all 0.2s ease;
}
.form-group input:focus,
.form-group textarea:focus,
.form-group select:focus{
  outline:none;
  border-color:var(--accent);
  box-shadow:0 0 0 3px rgba(199,154,58,0.1);
}
.contact-info{
  display:flex;
  flex-direction:column;
  gap:var(--spacing-md);
}
.contact-card{
  background:var(--surface);
  padding:var(--spacing-md);
  border-radius:var(--radius);
  border:1px solid rgba(15,59,47,0.06);
  box-shadow:var(--shadow-sm);
}
.contact-card h3{
  font-size:1.125rem;
  margin-bottom:var(--spacing-xs);
  color:var(--text);
}
.contact-card p{
  color:var(--text-soft);
  font-size:0.9375rem;
  margin-bottom:var(--spacing-xs);
}
.contact-card a{
  color:var(--accent);
  text-decoration:none;
  font-weight:500;
}
.contact-card a:hover{
  text-decoration:underline;
}
.contact-card address{
  font-style:normal;
  color:var(--text-soft);
  line-height:1.7;
}
.contact-card .social-links{
  display:flex;
  gap:var(--spacing-xs);
  flex-wrap:wrap;
}