/* Reither Woodworking Inc: brand style sheet
   Colours, type, spacing and shape for the whole site, in one file.
   Change a value here and it changes everywhere.
   Generated by John Kaplar (johnkaplar.ai) from the original site and the chosen design. */

/* Theme: Moody. The paneled room after dark.
   - page #15100c and surfaces are the shadow tones of their cherry and walnut work; text a warm ivory
   - accent #d0975a is polished cherry under lamp light; contrast bands in maple #efe7da
   - headlines in Young Serif, cut into the photo like their carved lettering; body in Lato (theirs) */

:root {
  --bg: #15100c;
  --surface: #1c1510;
  --surface-2: #251c15;
  --line: #33271d;
  --line-strong: #4d3c2d;

  --text: #f3ece2;
  --text-2: #b5a797;

  --accent: #d0975a;
  --accent-deep: #e0ad75;
  --accent-soft: rgba(208, 151, 90, 0.14);
  --on-accent: #15100c;

  --dark-bg: #0d0906;
  --dark-text: #f3ece2;
  --dark-text-2: #b5a797;

  /* Contrast bands: sections that flip to the other side of the palette. */
  --band-bg: #efe7da;
  --band-surface: #f7f1e7;
  --band-text: #1c1510;
  --band-text-2: #655a4e;
  --band-line: #d4c8b6;
  --band-accent: #8a4f22;

  --font-display: 'Young Serif', Georgia, serif;
  --font-body: 'Lato', system-ui, sans-serif;
  --font-eyebrow: 'Lato', system-ui, sans-serif;
  --display-weight: 400;
  --display-tracking: -0.008em;
  --display-transform: none;
  --display-size: 5.6rem;
  --h1-size: 3.6rem;
  --h2-size: 2.7rem;
  --h3-size: 1.4rem;
  --body-size: 1.0625rem;
  --lead-size: 1.2rem;
  --eyebrow-size: 0.9rem;
  --eyebrow-tracking: 0;
  --eyebrow-transform: none;
  --btn-size: 0.95rem;
  --btn-tracking: 0;
  --btn-transform: none;
  --btn-pad: 15px 28px;

  --radius-control: 2px;
  --radius-card: 2px;
  --radius-image: 2px;
  --gutter: 24px;
  --gap: 24px;
  --gap-lg: 64px;
  --section-pad: clamp(80px, 11vw, 148px);
  --content-max: 1180px;
  --content-max-wide: 1440px;

  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --reveal-duration: 0ms;

  --hero-scrim: linear-gradient(to top, #15100c 0%, rgba(13, 9, 6, 0.42) 48%, rgba(13, 9, 6, 0.2) 100%);
}

/* ---- Captured from the original site (reference only) ----
   platform: unknown
   fonts: Lato | Kaushan Script | Roboto | Times New Roman
   colours: rgb(0, 0, 0) | rgb(247, 247, 247) | rgb(164, 164, 164) | rgb(127, 128, 128) | rgb(255, 255, 255) | rgb(226, 226, 226) | rgb(22, 22, 22) | rgb(145, 145, 145)
   Use the brand colour above as --accent if the designer has one. */

/* ---- Reither Woodworking: site rules ---- */
.brand-logo { height: 52px !important; }
/* Lettering cut into the wood: a dark upper edge, a lit lower edge. */
.hc-title { text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.6), 0 1px 0 rgba(255, 236, 205, 0.22), 0 20px 48px rgba(0, 0, 0, 0.55); max-width: 12ch; }
body .st-photo { aspect-ratio: 4 / 3; }
.band .brand-logo { filter: brightness(0); }
body .service-more { display: inline-block; margin-top: 10px; font-weight: 700; border-bottom: 2px solid var(--accent); padding-bottom: 2px; }