/* =========================================================
   Mumford Company — Contact Us
   Layout only — static form CSS removed.
   ========================================================= */

.contact-main{ padding-top:150px; padding-bottom:84px; background:#fff; }

/* page head */
.contact-head{ padding:6px 0 2px; text-align:center; }
.contact-head .page-title{
  font-family:var(--f-head); font-weight:400; color:var(--forest);
  font-size:clamp(28px,3.6vw,40px); letter-spacing:.03em; margin:0; line-height:1.12;
}
.contact-head .title-rule{ width:120px; height:3px; background:var(--forest); margin:18px auto 0; border:0; }

/* two-column shell */
.contact-layout{
  display:grid; grid-template-columns:380px 1fr; gap:40px;
  align-items:start; max-width:1100px; margin:46px auto 0;
}

/* LEFT — info rail */
.contact-rail{
  background:#363D40; color:#D7DEE0; border-radius:16px; overflow:hidden;
  position:sticky; top:118px; align-self:start; display:flex; flex-direction:column;
}
.contact-rail .rail-photo{ display:none; }
.contact-rail .rail-body{ padding:34px 30px 32px; position:relative; z-index:2; }
.contact-rail h2{
  font-family:var(--f-head); font-weight:700; color:#fff; font-size:23px; margin:0 0 10px; letter-spacing:.01em;
}
.contact-rail .rail-intro{ font-size:14.5px; line-height:1.6; color:#AEB9BC; margin:0 0 24px; }

.rail-line{ display:flex; align-items:flex-start; gap:14px; padding:14px 0; border-top:1px solid rgba(255,255,255,.1); }
.rail-line:first-of-type{ border-top:0; }
.rail-line .ic{ flex:none; width:38px; height:38px; border-radius:50%; background:var(--forest);
  display:grid; place-items:center; }
.rail-line .ic svg{ width:18px; height:18px; color:#fff; }
.rail-line .lab{ font-family:var(--f-head); font-weight:700; font-size:11px; letter-spacing:.13em;
  text-transform:uppercase; color:#8C989B; margin:2px 0 3px; }
.rail-line .val{ font-size:15.5px; color:#EAEFF0; line-height:1.5; }
.rail-line .val a{ color:#EAEFF0; }
.rail-line .val a:hover{ color:var(--lime); }

.rail-offices{ margin-top:8px; padding-top:18px; border-top:1px solid rgba(255,255,255,.1); }
.rail-offices .lab{ font-family:var(--f-head); font-weight:700; font-size:11px; letter-spacing:.13em;
  text-transform:uppercase; color:#8C989B; margin:0 0 12px; }
.rail-offices ul{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:9px 16px; }
.rail-offices li{ position:relative; padding-left:16px; font-size:14px; color:#CDD6D8; }
.rail-offices li::before{ content:""; position:absolute; left:0; top:.6em; width:6px; height:6px;
  border-radius:50%; background:var(--lime); }

/* RIGHT — form card */
.contact-card{ background:#E7ECEF; border-radius:16px; padding:38px 40px 40px; }
.contact-content-area{ margin-bottom:24px; }
.contact-content-area p{ font-size:15px; line-height:1.7; color:var(--ink); margin:0 0 14px; }

/* RESPONSIVE */
@media (max-width:880px){
  .contact-layout{ grid-template-columns:1fr; gap:28px; max-width:640px; }
  .contact-rail{ order:2; }
}
@media (max-width:560px){
  .contact-main{ padding-top:120px; }
  .contact-card{ padding:28px 22px 30px; }
  .rail-offices ul{ grid-template-columns:1fr; }
}