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

/* HERO */
.contact-hero{padding:var(--xxl) 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(--xxl) var(--md);position:relative;overflow:hidden}
.contact-main__inner{max-width:760px;margin:0 auto;position:relative;z-index:1}

/* TWO-COLUMN LAYOUT: cal left, Matt right */
.contact-layout{display:grid;grid-template-columns:2fr 3fr;gap:var(--lg);align-items:start}

/* Matt context panel */

.contact-respondent__photo{width:100%;height:320px;border-radius:12px;overflow:hidden;margin-bottom:var(--md)}
.contact-respondent__photo img{width:100%;height:100%;object-fit:cover;object-position:center top;transform:scale(1.08);transform-origin:center top}
.contact-respondent__name{font-family:var(--font-display);font-size:1.375rem;font-weight:700;color:var(--char)}
.contact-respondent__role{font-family:var(--font-ui);font-size:.875rem;color:var(--char);margin-bottom:var(--sm)}
.contact-respondent__context{font-family:var(--font-ui);font-size:.9375rem;color:var(--char);line-height:1.65}

/* CAL.COM EMBED – jade top bar + embed frame */
.contact-cal{overflow:visible}
.contact-cal__bar{background:var(--jade);padding:.875rem 1.25rem;display:flex;align-items:center;justify-content:flex-start;border-radius:12px;margin-bottom:2px}
.contact-cal__bar-text{font-family:var(--font-ui);font-size:.875rem;font-weight:600;color:var(--white)}
.contact-cal__embed{border-radius:12px;overflow:hidden}

/* 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:767px){
  .contact-hero{padding:var(--xl) var(--sm) var(--lg)}
  .contact-main{padding:var(--xl) var(--sm);overflow-x:hidden}
  .contact-layout{grid-template-columns:1fr;gap:var(--md)}
  .contact-respondent{order:-1}
  .contact-respondent__photo{height:200px}
  .contact-cal,.contact-cal__embed{max-width:100%;overflow:hidden}
}

/* 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}}