/* D. Van Zant Associates: 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: Your Brand, Modernized. Built from the original site's own
   typefaces and colours, applied to the modern layout.
   - white page, #151515 headings and #5e5e5e body text, as on the old site (the scaffold read the transparent body background as black; corrected by hand)
   - the old site has no colour: its one accent is the charcoal #1b1b1b button with white tracked capitals, kept here
   - the pale grey #f3f3f3 panel beside their hero photo is the surface tone
   - headline typeface Playfair Display kept (the old site used "Playfair Display")
   - body typeface Open Sans kept
   - corner radius 0px from the old site's buttons */

:root {
  --bg: #ffffff;
  --surface: #f3f3f3;
  --surface-2: #e9e9e9;
  --line: #e2e2e2;
  --line-strong: #9a9a9a;

  --text: #151515;
  --text-2: #5e5e5e;

  --accent: #1b1b1b;
  --accent-deep: #3c3c3c;
  --accent-soft: rgba(27, 27, 27, 0.06);
  --on-accent: #ffffff;

  --dark-bg: #1b1b1b;
  --dark-text: #ffffff;
  --dark-text-2: #b9b9b9;

  --font-display: 'Playfair Display', Georgia, serif;
  --font-body: 'Open Sans', system-ui, sans-serif;
  --font-eyebrow: 'Open Sans', system-ui, sans-serif;
  --display-weight: 400;
  --display-tracking: 0.015em;
  --display-transform: none;
  --display-size: 4rem;
  --h1-size: 3.1rem;
  --h2-size: 2.3rem;
  --h3-size: 1.45rem;
  --body-size: 1.0625rem;
  --lead-size: 1.22rem;
  --eyebrow-size: 0.76rem;
  --eyebrow-tracking: 0.2em;
  --eyebrow-transform: uppercase;
  --btn-size: 0.78rem;
  --btn-tracking: 0.2em;
  --btn-transform: uppercase;
  --btn-pad: 16px 30px;

  --radius-control: 0px;
  --radius-card: 0px;
  --radius-image: 0px;
  --gutter: 24px;
  --gap: 24px;
  --gap-lg: 60px;
  --section-pad: clamp(72px, 10vw, 132px);
  --content-max: 1160px;
  --content-max-wide: 1400px;

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

  --hero-scrim: linear-gradient(to top, rgba(0, 0, 0, 0.62) 0%, rgba(0, 0, 0, 0.18) 55%, rgba(0, 0, 0, 0) 100%);
}

/* ---- Captured from the original site (reference only) ----
   platform: unknown
   fonts: Open Sans | Playfair Display | Times New Roman
   colours: rgb(0, 0, 0) | rgb(94, 94, 94) | rgb(27, 27, 27) | rgb(255, 255, 255) | rgb(60, 60, 60) | rgb(87, 87, 87) | rgb(89, 89, 89) | rgb(128, 128, 128)
   Use the brand colour above as --accent if the designer has one. */