/* ============================================================
   Contact Page — page-specific CSS
   Shared: gold-divider, cta-finale, faq-exposed, eyebrow
   ============================================================ */

/* Hero (white, text-centered, Services Hub pattern) */
.ct-hero{background:var(--white);padding:120px 40px 32px;text-align:center}
.ct-hero-inner{max-width:1000px;margin:0 auto}
.ct-hero-eyebrow{display:block;font-size:13px;font-weight:800;letter-spacing:0.35em;text-transform:uppercase;color:var(--electric-blue);margin-bottom:40px}
.ct-hero-h1{font-size:clamp(44px,8vw,100px);font-weight:900;line-height:0.9;letter-spacing:-0.04em;color:var(--black);margin-bottom:28px}
.ct-hero-h1 .h1-gold{color:var(--gold-dark);display:block}
.ct-hero-sub{font-size:clamp(16px,1.8vw,21px);font-weight:300;color:rgba(0,0,0,0.52);max-width:680px;margin:0 auto 40px;line-height:1.55}
.ct-hero-cta{display:flex;justify-content:center;margin-bottom:28px}
.ct-hero-phone{text-align:center}
.ct-hero-phone a{font-size:18px;font-weight:700;color:var(--gold-dark);letter-spacing:0.02em;text-decoration:none;transition:color 0.2s}
.ct-hero-phone a:hover{color:var(--black)}
.ct-hero-phone span{display:block;font-size:11px;font-weight:700;letter-spacing:0.30em;text-transform:uppercase;color:var(--mid-grey);margin-top:6px}

/* Responsive */
@media (max-width: 768px) {
  .ct-hero{padding:80px 24px 32px}
}