/* Interim W.T. Moore Well Drilling homepage — Option 3 "Full Bleed" tokens.
   Token values copied from design-inventory.md §3 (website-2026), which in turn
   mirrors the approved preview commit 63ef8b6c. No external fonts or assets:
   system font stack only (Google Fonts from the preview are deliberately NOT
   referenced — this site must run with zero network dependencies). */

:root {
  --orange: #FCA03E;
  --orange-dk: #E48A12;
  --orange-tx: #B86400;
  --orange-soft: #FFF4E6;
  --dark: #231E1A;
  --dark-2: #302923;
  --ink: #262220;
  --ink-2: #655D56;
  --rule: #E8E2DA;
  --wash: #F8F5F0;
  --r: 10px;
}

* { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  font-family: "Libre Franklin", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: var(--ink);
  background: var(--wash);
  line-height: 1.55;
}

h1 {
  font-family: Bitter, Georgia, "Times New Roman", serif;
  font-weight: 800;
  font-size: clamp(30px, 4.2vw, 54px);
  line-height: 1.12;
  text-wrap: balance;
  margin: 0 0 16px;
  color: var(--dark);
}

.wrap {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 28px;
}

@media (max-width: 640px) {
  .wrap { padding: 0 20px; }
}

:focus-visible {
  outline: 3px solid var(--orange);
  outline-offset: 2px;
}

.hdr {
  background: var(--dark);
  padding: 18px 0;
}

.brand {
  margin: 0;
  color: #fff;
  font-weight: 800;
  font-size: 20px;
  letter-spacing: 0.2px;
}

.hero {
  padding: 88px 28px 96px;
  text-align: center;
}

@media (max-width: 640px) {
  .hero { padding: 56px 20px 64px; }
}

.eyebrow {
  margin: 0 0 14px;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--orange-tx);
}

.sub {
  max-width: 58ch;
  margin: 0 auto 36px;
  font-size: 18px;
  color: var(--ink-2);
}

.cta-line { margin: 0; }

.call {
  display: inline-block;
  background: var(--orange);
  color: var(--dark);
  text-decoration: none;
  font-weight: 800;
  font-size: clamp(24px, 3.4vw, 36px);
  padding: 14px 34px;
  border-radius: 999px;
}

.call:hover,
.call:active { background: var(--orange-dk); }

.ftr {
  background: var(--dark-2);
  color: #fff;
  padding: 22px 0;
  font-size: 14px;
}

.ftr p { margin: 0; }