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

   Every photograph on this site looks out of a wall of glass at a mountain,
   a lake or a forest, so the daylight version is built as glass: a snow-white
   page, graphite ink, and one accent taken from the water and the sky in
   their own pictures. The warm wood stays where it belongs, in the
   photographs. Jost, the free Futura-line face the old site uses, is kept.
   The generated starting palette put a green on everything; that green was
   not theirs and it is gone. */

:root {
  --bg: #ffffff;
  --surface: #ffffff;
  --surface-2: #eef2f4;
  --line: #d7dee2;
  --line-strong: #9eadb5;

  --text: #15191c;
  --text-2: #5d6a71;

  --accent: #2f5f7a;
  --accent-deep: #24495f;
  --accent-soft: rgba(47, 95, 122, 0.12);
  --on-accent: #ffffff;

  --dark-bg: #15191c;
  --dark-text: #ffffff;
  --dark-text-2: #a4aeb4;

  /* Contrast bands: sections that flip to the other side of the palette. */
  --band-bg: #eef2f4;
  --band-surface: #ffffff;
  --band-text: #15191c;
  --band-text-2: #5d6a71;
  --band-line: #cfd9de;
  --band-accent: #24495f;

  --font-display: 'Jost', system-ui, sans-serif;
  --font-body: 'Jost', system-ui, sans-serif;
  --font-eyebrow: 'Jost', system-ui, sans-serif;
  --display-weight: 400;
  --display-tracking: -0.025em;
  --display-transform: none;
  --display-size: 4.6rem;
  --h1-size: 3.2rem;
  --h2-size: 2.5rem;
  --h3-size: 1.35rem;
  --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: 999px;
  --radius-card: 18px;
  --radius-image: 20px;
  --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, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.1) 60%, rgba(0, 0, 0, 0) 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)
*/