/* Heart of Texas Fence Company — Theme C (Land & Ranch)
   Levers (per design-system.md §6 pre-assignment for this slug):
   green-forward palette + horizon divider + cream paper, plus an added
   header lever (bordered "plate" wordmark) picked to give the header a
   signpost/gate-plaque quality that fits a high-ticket fencing pitch.
   (see README.md for sibling-proof against sc-tree & lucky-t-feed) */
:root{
  --font-display:"Zilla Slab",Georgia,serif;
  --display-transform:none; --display-weight:700; --display-tracking:0; --display-lh:1.08;
  --paper:#f4efe3; --surface:#fbf8f0; --surface-2:#e7dfcd;
  --ink:#28271f; --ink-soft:#4c4a3c; --ink-faint:#78745f;
  --line:#d8cdb4; --line-strong:#b6a888;
  --brand:#2f4131; --on-brand:#f4efe3;             /* forest green */
  --accent:#8a5a2b; --on-accent:#fbf8f0;           /* saddle brown */
  --accent-2:#4a6b3c;
  --radius:6px; --radius-lg:10px; --border-w:2px; --rule-w:1px;
  --shadow:none; --lift:1px;
  --texture:radial-gradient(circle at 1px 1px, rgba(120,116,95,.10) 1px, transparent 0);
  --divider-color:#b6a888; --divider-accent:var(--accent);
  --slot-bg:#efe8d7; --slot-line:#b6a888; --slot-tag-bg:#2f4131;

  /* photo hero — Theme C green-brown tint (staged wire-fence/pasture photo,
     CC0, no footer credit required) */
  --hero-tint-a:#141a12;
  --hero-tint-b:#3b3524;
  --hero-bar:3px;
}
body{background-image:var(--texture); background-size:14px 14px;}

/* lever: cream header with a bordered "plate" wordmark — gate-plaque feel,
   distinct from sc-tree's plain-rule cream header */
.site-header{background:var(--paper);}
.wordmark--plate .wordmark__name{
  border:var(--border-w) solid var(--ink);
  border-radius:var(--radius);
  padding:.2em .55em;
  background:var(--surface);
}

/* quick anchor nav (desktop only — mobile relies on the sticky action bar) */
.quick-nav{display:none;gap:18px;margin:0;padding:0;list-style:none}
.quick-nav a{
  font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;
  text-transform:uppercase;color:var(--ink-soft);text-decoration:none;
}
.quick-nav a:hover{color:var(--ink)}
@media(min-width:760px){.quick-nav{display:flex}}

/* gallery intro copy above the portfolio grid */
.gallery-intro{max-width:56ch;margin-bottom:clamp(16px,3vw,24px)}

/* estimate-request sub-block inside the centerpiece panel, below the
   portfolio grid — same weight/pattern as sc-tree's storm callout */
.estimate-block{
  border:var(--border-w) solid var(--line);
  border-radius:var(--radius-lg);
  background:var(--surface-2);
  padding:clamp(18px,4vw,26px);
  margin-top:clamp(22px,4vw,30px);
}
.estimate-block__tag{
  font-family:var(--font-mono);font-size:.68rem;letter-spacing:.1em;
  text-transform:uppercase;color:var(--ink-faint);margin-bottom:.6em;display:block;
}
.estimate-block h3{font-size:1.3rem;margin-bottom:.4em}
.estimate-block>p{color:var(--ink-soft);max-width:52ch}
.estimate-block .form-wrap{margin-top:18px;max-width:44rem}

/* hours row for a not-yet-confirmed value gets the hatch/slot treatment */
.hours li.is-slot{background:var(--slot-bg);background-image:var(--hatch);
  margin-inline:-14px;padding-inline:14px;border-radius:var(--radius)}
.hours li.is-slot .time{color:var(--slot-ink,var(--ink-soft));font-weight:600;
  font-family:var(--font-mono);font-size:.78rem}