/* ===========================================================================
   Curtis Austin Contracting Services
   Built to concept 2 - Built Around Your Story.
   Mockup: design/mockup/home-864.png (864px native, built at 1440px).

   Every value below traces to a measurement in design/SPEC.md. If a number
   here is not in SPEC.md, it is a bug - not a preference.
   =========================================================================== */

:root {
  /* --- Colour ------------------------------------------------------------
     Sampled off the mockup with `measure.py --probe X Y`, never named by eye.
     Rename these to their ROLE (--ink, --paper, --accent) as the design
     becomes clear; the hex values are already correct. */
  --c1: #F0E8E0;
  --c2: #686848;

  /* --- Layout ------------------------------------------------------------
     TODO Phase 1: measure and fill in. */
  --wrap: __px;            /* content max-width */
  --gut: __px;             /* left/right gutter at full width */

  /* --- Type --------------------------------------------------------------
     TODO Phase 1: one line per distinct size in the mockup. Line-height is
     measured baseline to baseline across two lines, never guessed. */
  --f-h1: __px;
  --f-h2: __px;
  --f-body: __px;

  /* --- Rhythm ------------------------------------------------------------
     The values most often inflated. Section top and bottom padding are
     frequently DIFFERENT - measure both. */
  --sec-pt: __px;
  --sec-pb: __px;
  --gap-head-body: __px;
}

/* A minimal reset. Everything else belongs to the design. */
*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; }
img, picture, svg, video { display: block; max-width: 100%; height: auto; }
h1, h2, h3, p, figure, blockquote { margin: 0; }
a { color: inherit; }

.wrap {
  max-width: var(--wrap);
  margin-inline: auto;
  padding-inline: var(--gut);
}