/* =========================================================
   CONTACT — page-specific styles (loaded after styles.css)
   ========================================================= */

/* ---------- Hero ---------- */
.contact-page-hero{
  background:linear-gradient(180deg,var(--purple-950),var(--purple-900) 60%,var(--purple-950));
  padding:170px 0 70px; color:#fff; text-align:center;
}
.contact-page-hero .section-eyebrow{ color:var(--gold-400); }
.contact-page-hero h1{ color:#fff; font-size:clamp(2.3rem,5vw,3.6rem); margin:0 auto 18px; }
.contact-page-hero .lead{ color:#e3d9f5; font-size:1.05rem; max-width:640px; margin:0 auto; }

/* ---------- Info cards ---------- */
.contact-info-section{ background:var(--cream); }
.contact-info-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.contact-info-card{
  background:#fff; border-radius:var(--radius); padding:32px 26px; text-align:center;
  box-shadow:0 16px 34px -22px rgba(23,4,48,0.4);
  transition:transform .35s ease, box-shadow .35s ease;
}
.contact-info-card:hover{ transform:translateY(-8px); box-shadow:0 22px 44px -20px rgba(23,4,48,0.5); }
.contact-info-icon{
  width:56px; height:56px; margin:0 auto 18px; border-radius:50%;
  background:linear-gradient(135deg,var(--gold-200),var(--gold-600));
  display:flex; align-items:center; justify-content:center; color:var(--purple-950);
}
.contact-info-icon svg{ width:24px; height:24px; }
.contact-info-card h4{ font-size:1rem; text-transform:uppercase; letter-spacing:0.1em; color:var(--gold-700); margin-bottom:10px; }
.contact-info-card p{ margin:0; color:var(--ink); font-size:0.98rem; line-height:1.6; }
.contact-info-card a{ color:var(--purple-800); font-weight:600; }
.contact-info-card a:hover{ color:var(--gold-700); }

/* ---------- Map ---------- */
.contact-map-section{ background:var(--cream); padding-top:0; }
.contact-map-frame{
  border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow-lg);
  border:1px solid rgba(59,17,112,0.1); height:420px;
}
.contact-map-frame iframe{ width:100%; height:100%; border:0; display:block; }

/* ---------- Responsive ---------- */
@media (max-width:860px){
  .contact-info-grid{ grid-template-columns:1fr; }
}
@media (max-width:640px){
  .contact-page-hero{ padding:130px 0 50px; }
  .contact-map-frame{ height:320px; }
}