/* ==========================================================================
   KREATED V2 — /contact/ · PAGE-SPECIFIC
   Built on services.css + leaf.css. The form itself is styled by styles.css
   (.kform / .formwrap / .field), which is loaded here for that reason and no
   other — the form markup is the homepage's, unchanged, so it has to keep the
   homepage's form styling or the two would drift apart visually.
   ========================================================================== */
.ct__hero{padding-bottom:clamp(24px,2.8vw,38px)}
/* hero weight now comes from .shero__h in leaf.css — see the note there */
.ct__h span{display:block;color:var(--ink-4)}

/* the two facts a buyer wants before writing anything */
.ct__facts{margin:0}
.ct__facts > div{padding:clamp(12px,1.4vw,17px) 0;
  border-bottom:1px solid var(--line-faint)}
.ct__facts > div:first-child{border-top:1px solid var(--line-faint)}
.ct__facts > div:last-child{border-bottom:0}
.ct__facts dt{font:600 10.5px/1.5 'General Sans',system-ui;letter-spacing:.2em;
  text-transform:uppercase;color:var(--accent)}
.ct__facts dd{margin:6px 0 0;max-width:56ch;
  font-size:clamp(15.5px,1.3vw,17.5px);line-height:1.55;
  color:var(--ink-1)}
.ct__note{margin:clamp(16px,1.8vw,22px) 0 0;max-width:56ch;
  font-size:14.5px;line-height:1.6;color:var(--gray)}

/* the two options, asymmetric on purpose: the form is the primary path and
   should look like it, and the audit sits beside it rather than beneath */
.ct__main{padding-bottom:clamp(40px,5vw,72px)}
.ct__grid{display:grid;grid-template-columns:minmax(0,58fr) minmax(0,42fr);
  gap:clamp(30px,4.4vw,72px);align-items:start}
.ct__label{margin:0 0 12px;font:600 10.5px/1 'General Sans',system-ui;
  letter-spacing:.2em;text-transform:uppercase;color:var(--gray)}
.ct__h2{margin:0;font-size:clamp(24px,2.5vw,34px);font-weight:600;
  letter-spacing:-.02em;line-height:1.1;color:var(--white)}
.ct__lead{margin:14px 0 clamp(24px,2.8vw,34px);max-width:46ch;
  font-size:clamp(15.5px,1.3vw,17px);line-height:1.6;color:var(--gray)}

.ct__aside{padding-top:clamp(0px,0.5vw,6px)}
.ct__go{margin:0}
.ct__go .btn{width:100%;justify-content:space-between}
.ct__direct{margin-top:clamp(30px,3.6vw,48px);padding-top:clamp(22px,2.6vw,32px)}
.ct__d{margin:0 0 8px;font-size:clamp(16px,1.35vw,18px);line-height:1.5}
.ct__dnote{margin:14px 0 0;max-width:38ch;font-size:14px;line-height:1.6;
  color:var(--gray)}

/* the lifted form keeps the homepage's own styling; only its box changes */
.ct__col .formwrap{margin-top:0;max-width:none}
.ct__col .kform{border-top:0;padding-top:0}

@media (max-width:900px){
  .ct__grid{grid-template-columns:1fr;gap:clamp(34px,6vw,52px)}
  .ct__aside{padding-top:0}
  .ct__lead{max-width:none}
}

/* ⚠ This page loads styles.css for the form, and styles.css carries its own
   tap-target rule for the homepage footer wordmark at a higher specificity
   than services.css — which drops the shared footer mark to 23px here, one
   pixel under the 24px minimum. Restored locally rather than touching either
   shared stylesheet. */
.foot .foot__mark{padding-block:8px}

/* ==========================================================================
   SELECTED PROJECT — carried in from the pricing builder, 2026-09-01
   Quiet. It is a receipt of a decision already made, not a second sales
   surface, so it sits above the form in the page's own hairline language.
   ========================================================================== */
.bsum{margin:0 0 clamp(26px,3vw,38px);padding:18px 20px;
  border-left:2px solid var(--cobalt);
  background:color-mix(in srgb, var(--ink-1) 4%, transparent);
  border-radius:0 10px 10px 0}
.bsum__h{margin:0 0 12px;font:600 11px/1 'General Sans',system-ui;
  letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3)}
.bsum__list{list-style:none;margin:0 0 12px;padding:0}
.bsum__list li{display:flex;justify-content:space-between;gap:16px;
  padding:5px 0;border-bottom:1px solid color-mix(in srgb, var(--ink-1) 8%, transparent);
  font-size:14px;line-height:1.45;color:var(--ink-2)}
.bsum__list li span:last-child{flex:none;font-weight:600;color:var(--ink-1)}
.bsum__t{display:flex;justify-content:space-between;gap:16px;margin:0;padding:6px 0;
  font:600 11px/1.6 'General Sans',system-ui;letter-spacing:.14em;
  text-transform:uppercase;color:var(--ink-3)}
.bsum__t b{font-size:17px;letter-spacing:-.01em;text-transform:none;color:var(--ink-1)}
.bsum__fit{margin:8px 0 0;padding-top:10px;
  border-top:1px solid color-mix(in srgb, var(--ink-1) 12%, transparent);
  font-size:14px;color:var(--ink-2)}
.bsum__fit b{color:var(--ink-1)}
.bsum__note{margin:10px 0 0;font-size:12.5px;line-height:1.55;color:var(--ink-4)}