/* 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: Your Brand, Modernized. Built from the original site's own
   typefaces and colours, applied to the modern layout.
   - background #ffffff kept from the old site
   - text #1b1b1b, the colour the old site sets its body copy in
   - secondary #6f6f6f, their grey nav tone darkened enough to read
   - no brand accent exists: the old site is black, white and grey from top
     to bottom, so the accent is their own near-black and the photographs
     carry every colour on the page
   - headline typeface Jost (the old site's face is a Futura-line geometric
     sans served under an obfuscated name)
   - body typeface Jost, kept light as the old site sets it
   - square corners, as the old site crops every photograph */

:root {
  --bg: #ffffff;
  --surface: #ffffff;
  --surface-2: #f4f3f1;
  --line: #e4e3e0;
  --line-strong: #b9b7b3;

  --text: #1b1b1b;
  --text-2: #6f6f6f;

  --accent: #1b1b1b;
  --accent-deep: #000000;
  --accent-soft: rgba(27, 27, 27, 0.07);
  --on-accent: #ffffff;

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

  --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.015em;
  --display-transform: none;
  --display-size: 4.2rem;
  --h1-size: 3rem;
  --h2-size: 2.2rem;
  --h3-size: 1.25rem;
  --body-size: 1.0625rem;
  --lead-size: 1.2rem;
  --eyebrow-size: 0.72rem;
  --eyebrow-tracking: 0.2em;
  --eyebrow-transform: uppercase;
  --btn-size: 0.78rem;
  --btn-tracking: 0.18em;
  --btn-transform: uppercase;
  --btn-pad: 16px 30px;

  --radius-control: 0px;
  --radius-card: 0px;
  --radius-image: 0px;
  --gutter: 24px;
  --gap: 20px;
  --gap-lg: 64px;
  --section-pad: clamp(76px, 10vw, 140px);
  --content-max: 1160px;
  --content-max-wide: 1480px;

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

  /* Their hero photographs are bright right across the top, so the scrim
     works from the left for the words and from the top for the header,
     and leaves the middle of the room alone. */
  --hero-scrim: linear-gradient(to right, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.26) 44%, rgba(0, 0, 0, 0) 74%),
    linear-gradient(to top, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.04) 42%, rgba(0, 0, 0, 0.14) 74%, rgba(0, 0, 0, 0.46) 100%);
}

/* The old site is a wall of photographs with a light, widely tracked
   geometric sans beside it. This keeps that voice on the new layout. */
body {
  font-weight: 300;
  line-height: 1.75;
  -webkit-font-smoothing: antialiased;
}
h1,
h2,
h3 {
  font-weight: var(--display-weight);
}

/* ---- 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)
*/