/* Elevation Design Group: 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: Dark and Moody, designed for Elevation Design Group.

   The thing their dusk photographs all share is warm light inside a cold
   dark landscape: lit windows on a lake, a fire going behind a wall of
   glass, lamps on in a great room at nightfall. So the page is a cold
   night, slightly blue rather than black, and the single accent is
   lamplight amber, used only on the small things a visitor touches. The
   contrast bands are moonlit stone, not cream. The generated starting
   palette put a green on everything; it was not theirs and it is gone.
   Jost, the free Futura-line face the old site uses, is kept, and its real
   italic is loaded because the cinematic hero sets the headline in it. */

:root {
  --bg: #0b0e12;
  --surface: #11151a;
  --surface-2: #171d24;
  --line: #232b34;
  --line-strong: #333d48;

  --text: #eef0f2;
  --text-2: #99a2ab;

  --accent: #d6a152;
  --accent-deep: #e2b56f;
  --accent-soft: rgba(214, 161, 82, 0.14);
  --on-accent: #0b0e12;

  --dark-bg: #06080b;
  --dark-text: #eef0f2;
  --dark-text-2: #87909a;

  /* Contrast bands: sections that flip to the other side of the palette. */
  --band-bg: #e6eaed;
  --band-surface: #f4f6f8;
  --band-text: #0e1319;
  --band-text-2: #5a646d;
  --band-line: #c9d0d6;
  --band-accent: #8a5f1c;

  --font-display: 'Jost', system-ui, sans-serif;
  --font-body: 'Jost', system-ui, sans-serif;
  --font-eyebrow: 'Jost', system-ui, sans-serif;
  --display-weight: 300;
  --display-tracking: -0.025em;
  --display-transform: none;
  --display-size: 5.4rem;
  --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: 4px;
  --radius-card: 6px;
  --radius-image: 4px;
  --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, #0b0e12 0%, rgba(11, 14, 18, 0.4) 46%, rgba(11, 14, 18, 0.18) 100%);
}

body {
  font-weight: 300;
  line-height: 1.72;
  -webkit-font-smoothing: antialiased;
}

/* ---- Captured from the original site (reference only) ----
   platform: lightgalleries
   fonts: Futura (served under the name "ns-mod-font-set-8")
   colours: rgb(140, 140, 140) | rgb(255, 255, 255) | rgba(76, 76, 76, 0.5) | rgb(76, 76, 76) | rgb(27, 27, 27) | rgb(128, 128, 128)
*/