/* ============================================================
   v2a-contact.css
   New stylesheet for the Contact Us page. Enqueued after
   v2a-base.css, on the contact template only. Reuses the shared
   design system tokens and component classes already defined in
   v2a-base.css (.wrap, .eb, .sh, .fld, .fcard, .btn, .btn-o,
   .v2a-banner) and only adds what those do not already cover:
   the page hero band and the centered card wrapper.
   ============================================================ */

.v2a-contact-hero{background:var(--cream);border-bottom:1.5px solid var(--line);padding:112px 0}
.v2a-contact-hero .sh{max-width:720px;margin:0 auto 56px;text-align:center}
.v2a-contact-hero .sh .eb{justify-content:center}
.v2a-contact-hero .sh h1{font-family:var(--head);font-weight:800;color:var(--ink);
  font-size:clamp(2rem,4.4vw,3.2rem);letter-spacing:-.035em;line-height:1.05;margin-bottom:20px}
.v2a-contact-hero .sh p{font-size:1.08rem;color:var(--slate);max-width:56ch;margin:0 auto}

.v2a-contact-card-wrap{max-width:520px;margin:0 auto}
.v2a-contact-card-wrap .fcard{border:1.5px solid var(--line);box-shadow:0 24px 60px rgba(28,24,20,.08)}
.v2a-contact-card-wrap .fcard h3{color:var(--ink)}

@media(max-width:620px){
  .v2a-contact-hero{padding:72px 0}
  .v2a-contact-hero .sh{margin-bottom:40px}
}