:root {
  --color-primary-forest: #16352E;
  --color-deep-forest: #0D2722;
  --color-warm-ivory: #F4F0E7;
  --color-soft-stone: #E6E0D4;
  --color-brass: #B59A68;
  --color-dark-ink: #172521;
  --color-muted-sage: #A9B1A5;
  --color-warm-white: #FAF8F2;
  --color-muted-text: color-mix(in srgb, var(--color-dark-ink) 72%, var(--color-warm-ivory));
  --font-headline: 'Instrument Serif', serif;
  --font-body: 'Manrope', sans-serif;
  --hero-title-size: clamp(72px, 6.1vw, 88px);
  --section-title-size: clamp(52px, 4.5vw, 64px);
  --content-width: 1240px;
  --page-gutter: clamp(24px, 7.8vw, 120px);
  --section-spacing: clamp(84px, 7.5vw, 116px);
  --button-radius: 7px;
  --image-radius: 0px;
  --nav-height: 104px;
  --transition-duration: 220ms;
  --line-color: rgba(22, 53, 46, .17);
  --hero-gradient-start: .90;
  --hero-gradient-mid: .68;
  --hero-gradient-end: .10;
  --hero-image-position: center;
}
@media (max-width: 700px) {
  :root {
    --hero-title-size: clamp(48px, 13.2vw, 58px);
    --section-title-size: clamp(36px, 10vw, 44px);
    --page-gutter: 24px;
    --section-spacing: 64px;
    --nav-height: 84px;
    --hero-image-position: 62% center;
  }
}