:root {
  --gold-text: #f4d58a;
  --gold-lettering: linear-gradient(175deg, #fff1bd 8%, #e2b45d 43%, #fff1bd 50%, #c99542 84%);
  --gold-metal: linear-gradient(165deg, #8a541c 2%, #e0ac4e 23%, #fff4bc 39%, #b67624 50%, #f4d681 69%, #fff0b0 76%, #a56922 98%);
}

.logo-mark { position: relative; display: block; flex-shrink: 0; }
.logo-mark .logo { width: clamp(215px, 21vw, 268px); height: auto; }
@media (max-width: 1100px) {
  .logo-mark .logo { width: clamp(175px, 22vw, 230px); }
}
@media (max-width: 740px) {
  .logo-mark .logo { width: min(55vw, 190px); }
}

@media (forced-colors: active) {
  .logo-mark .logo { opacity: 1; }
  .logo-mark::after { display: none; }
}

/* Keep the navigation readable at the larger size. */
.navlinks, .mobile-menu {
  font-family: "DM Sans", system-ui, sans-serif;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: .02em;
  text-transform: none;
}

.navlinks { gap: clamp(12px, 1.5vw, 24px); }

@media (max-width: 1050px) {
  .navlinks { display: none; }
  .mobile-menu { display: block; }
}