/* Marc Infotech — contact page. Configure surface: form hierarchy first, restrained sidebar. */
.contact { padding-top:var(--space-16); }
.contact__header { max-width:680px; margin-bottom:var(--space-12); }
.contact__title { font-size:var(--fs-display); }
.contact__intro { margin-top:var(--space-4); color:var(--color-text-muted); font-size:1.125rem; }
.contact__grid { display:grid; gap:var(--space-10); align-items:start; }
.contact-form { display:grid; gap:var(--space-6); max-width:700px; }
.contact-form__note { font-size:var(--fs-small); color:var(--color-text-subtle); }
.contact-form .btn { justify-self:start; }
.contact-sidebar { border-top:1px solid var(--color-border); }
.contact-sidebar__block { padding-block:var(--space-6); border-bottom:1px solid var(--color-border); }
.contact-sidebar__block h2 { font-size:var(--fs-h3); margin:var(--space-3) 0; }
.contact-sidebar__block h3 { font-family:var(--font-sans); font-size:var(--fs-small); text-transform:uppercase; letter-spacing:var(--tracking-wide); margin-bottom:var(--space-2); }
.contact-sidebar__block p { color:var(--color-text-muted); }
.contact-sidebar__block a { color:var(--color-accent); text-decoration:underline; text-underline-offset:3px; overflow-wrap:anywhere; }
.contact-sidebar__block--meta { display:flex; flex-direction:column; gap:var(--space-2); font-family:var(--font-mono); font-size:var(--fs-eyebrow); color:var(--color-text-subtle); text-transform:uppercase; letter-spacing:var(--tracking-wide); }
@media (min-width:1024px){ .contact__grid { grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr); gap:var(--space-16); } .contact-sidebar { position:sticky; top:110px; } }