/* contact.css: styles for .ekgm-contact (page 16, /contact/).
   Moved out of the page's own <style> on 2026-10-15 (ekg-marketing 0.7.0) and set in Readout.
   The shared parts (tokens, type, wrap, hero, buttons, cards, bands) are in ../pages.css;
   this file keeps only what this page alone has.
   Loaded only where the markup uses .ekgm-contact (functions.php, ekgm_page_styles). Edit here, never in the page. */
.ekgm-contact .pheroIn{ padding-top:72px; padding-bottom:76px; }
.ekgm-contact .phero h1{ font-size:clamp(42px,5.94vw,68px); max-width:8.1em; }

.ekgm-contact .heroPulse{ height:150px; opacity:.4; }
.ekgm-contact section{ padding:76px 0; }

.ekgm-contact .cgrid{ display:grid; grid-template-columns:.95fr 1.05fr; gap:52px; align-items:start; }
.ekgm-contact .cinfo h2{ font-size:clamp(26px,3.08vw,35px); margin:0 0 18px; }
.ekgm-contact .cinfo p{ color:#33373C; font-size:17px; line-height:1.7; margin:0 0 18px; max-width:26em; }
.ekgm-contact .expect{ list-style:none; padding:0; margin:24px 0 0; }
.ekgm-contact .expect li{ position:relative; padding:10px 0 10px 34px; font-size:15.5px; color:var(--ink); border-top:1px solid var(--line); }
.ekgm-contact .expect li:first-child{ border-top:none; }
.ekgm-contact .expect li::before{ content:""; position:absolute; left:0; top:15px; width:16px; height:16px; border-radius:50%; background:var(--pulse); }
.ekgm-contact .details{ margin-top:30px; display:grid; gap:6px; }
.ekgm-contact .details .k{ font-family:var(--mono); font-size:12px; letter-spacing:.12em; text-transform:uppercase; color:var(--sub); font-weight:600; }
.ekgm-contact .details a,
.ekgm-contact .details span.v{ font-size:17px; color:var(--ink); text-decoration:none; }
.ekgm-contact .details a:hover{ color:var(--indigo); }
.ekgm-contact .formcard{ background:var(--panel); border:1px solid var(--line); border-radius:16px; padding:40px; box-shadow:0 14px 40px rgba(22,38,58,.08); }
@media (max-width:880px){
  .ekgm-contact .cgrid{ grid-template-columns:1fr; }
}

/* ---- Moved out of the page body's inline styles (October 2026) ---- */
.ekgm-contact .formcard h2{ font-size:31px; margin:10px 0 16px; }   /* was 28px */
.ekgm-contact .formcard .formIntro{ color:#33373C; font-size:16px; line-height:1.7; margin:0 0 28px; }
.ekgm-contact .sect-sand .wrap{ text-align:center; }
.ekgm-contact .sect-sand .lead{ max-width:30.5em; margin:0 auto; font-size:22px; color:var(--ink); font-family:var(--head); font-style:italic; }   /* was 60ch, 20px */