/* Contact page (contact.html). Uses the colour tokens and header/footer styles from
   style-brand-blue.css and the button styles from cta-buttons.css. */

.contact-hero{padding:84px 0 76px;background:linear-gradient(135deg,var(--ivory) 0%,var(--cream) 100%);border-bottom:1px solid var(--line);text-align:center}
.contact-hero-inner{max-width:760px}
.contact-hero h1{font-family:var(--serif);font-weight:500;font-size:clamp(2.5rem,5vw,4rem);line-height:1.05;margin:.55rem 0 0;text-wrap:balance}
.contact-hero .gold-rule{margin:22px auto 22px}
.contact-hero p{max-width:58ch;margin:0 auto;font-size:1.08rem;line-height:1.65;color:#3a4252;text-wrap:pretty}
.contact-hero p + p{margin-top:16px}

/* "Schedule a Conversation": the same Retirement Review questionnaire as the homepage buttons. */
.schedule-cta{margin-top:36px;text-align:center}
.schedule-cta .btn{min-width:min(300px,100%);min-height:58px;padding:16px 34px;font-size:1.12rem}
.schedule-cta .btn:focus-visible{outline:3px solid var(--blue-deep);outline-offset:3px}
.contact-hero .schedule-note{margin:14px auto 0;font-size:.95rem;color:var(--muted)}

/* Quieter alternative: email. */
.contact-alt{padding:56px 0 84px;text-align:center}
.contact-alt-inner{max-width:640px}
.contact-alt h2{margin:0;font-family:var(--serif);font-weight:500;font-size:1.5rem;line-height:1.25;color:var(--ink)}
.contact-alt p{margin:10px 0 0;font-size:1.02rem;line-height:1.6;color:#3a4252}
.contact-alt a{color:var(--blue-deep);font-weight:600;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.contact-alt a:hover{color:var(--blue)}
.contact-alt a:focus-visible{outline:2px solid var(--blue-deep);outline-offset:3px;border-radius:2px}

@media (max-width:620px){
  .contact-hero{padding:52px 0 48px}
  .contact-alt{padding:40px 0 60px}
  .contact-alt h2{font-size:1.32rem}
}
@media (max-width:380px){.schedule-cta .btn{min-width:0;padding:15px 20px;font-size:1.02rem}}