/* Blue Ridge tokens, from the brand guide. Two faces: Cormorant Garamond (display), Average (text). */
:root {
  --beige: #FAF7F3;
  --green: #365251;
  --cool: #F5F5F5;
  --buttercup: #EBC65D;
  --sky: #CFE4E3;
  --ink: #020202;
  --display: "Cormorant Garamond", Georgia, serif;
  --text: "Average", Georgia, serif;
  --m: clamp(16px, 2.2vw, 32px);
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--beige); color: var(--ink); font: 18px/1.55 var(--text); }
img, video { display: block; max-width: 100%; }
a { color: inherit; }
h1, h2, h3 { font-family: var(--display); font-weight: 700; margin: 0; letter-spacing: -0.02em; line-height: 0.95; }
p { margin: 0; }
.btn {
  display: inline-block; padding: 16px 28px; border-radius: 0;
  background: var(--buttercup); color: var(--ink);
  font: 700 18px/1 var(--display); letter-spacing: 0.02em; text-decoration: none;
  transition: transform .2s ease, background-color .2s ease;
}
.btn:hover { background: var(--ink); color: var(--beige); }
.btn:active { transform: translateY(1px); }
:focus-visible { outline: 3px solid var(--buttercup); outline-offset: 3px; }
.bar { display: flex; align-items: center; justify-content: space-between; padding: 20px var(--m); gap: 24px; }
.bar img { height: 40px; width: auto; }
.bar nav { display: flex; gap: 28px; }
.bar nav a { text-decoration: none; font-size: 17px; }
.bar nav a:hover { text-decoration: underline; text-underline-offset: 4px; }
@media (max-width: 700px) { .bar nav a:not(:last-child) { display: none; } }