/* =====================================================
   R1 ReadyFirst – Contact Page Layout
   Requires: shared.css
   v23 – Single column, meeting callout + form
   ===================================================== */

/* HERO */
.contact-hero{padding:var(--lg) var(--md) var(--xl);background:var(--g-deep);text-align:center;position:relative;overflow:hidden;color:var(--white)}
.contact-hero::before{content:'';position:absolute;top:-100px;left:-60px;width:280px;height:280px;border-radius:50%;background:rgba(var(--jade-lt-rgb),.04)}
.contact-hero__inner{max-width:620px;margin:0 auto;position:relative;z-index:1}
.contact-hero .section-eyebrow{color:var(--eyebrow-dark)}
.contact-hero h1{font-size:clamp(2rem,5vw,2.75rem);font-weight:800;color:var(--white);margin-bottom:var(--sm);line-height:1.1}
.contact-hero p{font-family:var(--font-prose);font-size:clamp(1.0625rem,2vw,1.1875rem);color:rgba(var(--sand-rgb),.85);line-height:1.7;max-width:560px;margin:0 auto}

/* MAIN */
.contact-main{background:var(--sand);padding:var(--lg) var(--md);position:relative;overflow:hidden}
.contact-main__inner{max-width:1040px;margin:0 auto;position:relative;z-index:1}

/* PEOPLE – two booking cards */
.contact-people{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--lg);align-items:start;max-width:880px;margin:0 auto}
.contact-person__photo{width:100%;height:320px;border-radius:12px;overflow:hidden;margin-bottom:var(--md)}
.contact-person__photo img{width:100%;height:100%;object-fit:cover;object-position:center top}
.contact-person__photo--pending{display:flex;align-items:center;justify-content:center;background:var(--sand-dk);font-family:var(--font-ui);font-size:.9375rem;font-weight:600;color:var(--wgray)}
.contact-person__name{font-family:var(--font-display);font-size:1.375rem;font-weight:700;color:var(--char)}
.contact-person__role{font-family:var(--font-ui);font-size:.875rem;color:var(--char);margin-bottom:var(--sm)}
.contact-person__context{font-family:var(--font-ui);font-size:.9375rem;color:var(--char);line-height:1.65;margin-bottom:var(--md)}
.contact-person__cta{display:flex;flex-wrap:wrap;gap:var(--sm)}
.contact-person__cta .btn[disabled]{opacity:.55;cursor:not-allowed}

/* FOOTNOTE */
.contact-main__footnote{text-align:center;max-width:480px;margin:var(--lg) auto 0}
.contact-main__footnote p{font-family:var(--font-ui);font-size:.875rem;color:var(--wgray);line-height:1.5}
.contact-main__footnote a{color:var(--jade);text-decoration:none;font-weight:500}
.contact-main__footnote a:hover{color:var(--jade-dk)}

/* RESPONSIVE */
@media(max-width:1024px){
  .contact-people{grid-template-columns:1fr 1fr}
}
@media(max-width:767px){
  .contact-hero{padding:52px 20px var(--lg)}
  .contact-main{padding:52px 20px;overflow-x:hidden}
  .contact-people{grid-template-columns:1fr;gap:var(--lg)}
  .contact-person__photo{height:240px}
}

/* Force two-line hero headline on desktop; hide break on small screens */
.contact-hero__break{display:block}
@media(max-width:767px){.contact-hero__break{display:none}}