:root {
  --luxury-gold: #9a7440;
  --luxury-ink: #111111;
}

body { letter-spacing: .005em; }

#header-group .announcement-bar { font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }

#header-component { backdrop-filter: saturate(140%) blur(12px); }

.header__row { transition: background-color .25s ease, color .25s ease; }

.header-menu__link,
.menu-list__link { font-size: 12px; font-weight: 650; letter-spacing: .075em; text-transform: uppercase; }

.section-resource-list__header h2,
.section-resource-list__header h3 { font-family: var(--font-heading--family); font-size: clamp(28px, 3.2vw, 42px); font-weight: 400; letter-spacing: -.02em; }

.product-card { transition: transform .25s ease; }
.product-card:hover { transform: translateY(-3px); }
.product-card__content { padding-top: 12px; }

.button,
button[class*='button'] { letter-spacing: .08em; }

@media (min-width: 990px) {
  #header-component .header { min-height: 82px; }
}