/* ==============================================================
   /contact/ + /get-started/ · Option B contact & intake
   ============================================================== */

.contact-hero-26 {
  position:relative; overflow:hidden;
  padding:var(--s-11) 0 var(--s-10);
  background:
    radial-gradient(ellipse 80% 60% at 50% 0%, rgba(239,41,41,.06), transparent 60%),
    linear-gradient(180deg, var(--c-ink-900) 0%, var(--c-ink-1000) 100%);
  color:var(--c-white);
}
.contact-hero-inner { max-width:860px; }
.contact-eyebrow { font-family:var(--font-mono); font-size:var(--t-xs); letter-spacing:.14em; color:var(--c-red-400); margin-bottom:var(--s-5); font-weight:600; }
.contact-title {
  font-family:var(--font-sans); font-size:var(--t-4xl); line-height:1.05; letter-spacing:-.035em; font-weight:800;
  color:var(--c-white); margin-bottom:var(--s-5);
}
.contact-title em { font-family:var(--font-serif); font-style:italic; font-weight:400; color:var(--c-red-400); letter-spacing:-.02em; }
@media (min-width:768px) { .contact-title { font-size:var(--t-5xl); } }
@media (min-width:1024px) { .contact-title { font-size:var(--t-6xl); } }
.contact-sub { font-size:var(--t-md); line-height:1.7; color:var(--c-ink-200); max-width:720px; }
@media (min-width:768px) { .contact-sub { font-size:var(--t-lg); } }

/* CONTACT BODY GRID ------------------------------------------- */
.contact-body-26 {
  padding:var(--s-12) 0;
  background:var(--c-white);
}
.contact-grid-26 {
  display:grid; gap:var(--s-8);
  grid-template-columns:1fr;
}
@media (min-width:900px) { .contact-grid-26 { grid-template-columns:2fr 1fr; gap:var(--s-11); } }

.contact-form-card {
  background:var(--c-white); border:1px solid var(--border-subtle); border-radius:var(--r-5);
  padding:var(--s-7);
}
@media (min-width:768px) { .contact-form-card { padding:var(--s-8); } }
.contact-form-title {
  font-family:var(--font-sans); font-size:var(--t-xl); font-weight:800; letter-spacing:-.015em;
  color:var(--text-primary); margin-bottom:var(--s-2);
}
.contact-form-sub { font-size:var(--t-sm); color:var(--text-secondary); margin-bottom:var(--s-6); line-height:1.55; }

.contact-form { display:grid; gap:var(--s-4); }
.contact-form label {
  display:block; font-family:var(--font-mono); font-size:var(--t-xs); letter-spacing:.08em;
  text-transform:uppercase; color:var(--text-muted); margin-bottom:var(--s-2); font-weight:600;
}
.contact-form input[type=text], .contact-form input[type=email], .contact-form input[type=tel],
.contact-form select, .contact-form textarea {
  width:100%; padding:12px 14px; border:1px solid var(--border-default); border-radius:var(--r-2);
  background:var(--c-white); color:var(--text-primary); font-family:var(--font-sans);
  font-size:var(--t-sm); transition:border-color var(--d-fast) var(--ease-out), box-shadow var(--d-fast);
}
.contact-form input:focus, .contact-form select:focus, .contact-form textarea:focus {
  outline:none; border-color:var(--c-red-600); box-shadow:0 0 0 3px rgba(239,41,41,.12);
}
.contact-form textarea { resize:vertical; min-height:140px; }
.contact-form-row { display:grid; gap:var(--s-4); grid-template-columns:1fr; }
@media (min-width:600px) { .contact-form-row { grid-template-columns:1fr 1fr; } }
.contact-form-submit {
  display:inline-flex; align-items:center; gap:var(--s-2); justify-content:center;
  padding:12px 22px; background:var(--c-red-600); color:var(--c-white); border:none; border-radius:var(--r-2);
  font-family:var(--font-sans); font-size:var(--t-sm); font-weight:600; cursor:pointer;
  transition:all var(--d-fast) var(--ease-out); align-self:start;
}
.contact-form-submit:hover { background:var(--c-red-700); box-shadow:var(--shadow-glow-strong); transform:translateY(-1px); }

/* SIDE PANEL ------------------------------------------------- */
.contact-side { display:flex; flex-direction:column; gap:var(--s-5); }
.contact-side-block {
  background:var(--c-ink-25); border:1px solid var(--border-subtle); border-radius:var(--r-5);
  padding:var(--s-6);
}
.contact-side-block h3 {
  font-family:var(--font-mono); font-size:var(--t-xs); letter-spacing:.12em; text-transform:uppercase;
  color:var(--text-muted); margin-bottom:var(--s-3); font-weight:600;
}
.contact-side-block .big {
  font-family:var(--font-sans); font-size:var(--t-lg); font-weight:700; color:var(--text-primary);
  letter-spacing:-.01em; margin-bottom:var(--s-2); line-height:1.25;
}
.contact-side-block a.big { display:block; color:var(--text-primary); text-decoration:none; }
.contact-side-block a.big:hover { color:var(--c-red-600); }
.contact-side-block p { font-size:var(--t-sm); color:var(--text-secondary); line-height:1.6; }

.contact-side-block.dark {
  background:var(--c-ink-900); color:var(--c-white); border-color:var(--c-ink-700);
}
.contact-side-block.dark h3 { color:var(--c-red-400); }
.contact-side-block.dark .big { color:var(--c-white); }
.contact-side-block.dark a.big:hover { color:var(--c-red-400); }
.contact-side-block.dark p { color:var(--c-ink-300); }