/* AURÉLIA dark-ground direction: neutral black, never brown. */
.families,
.finder,
footer,
.site-header nav.open {
  background-color: #050505;
}

.featured {
  background: #080808;
  color: var(--cream);
}

.featured .accord,
.featured .price {
  border-color: rgba(238, 232, 220, 0.28);
}

.featured .cta.dark {
  background: var(--cream);
  border-color: var(--cream);
  color: #080808;
}

.featured .cta.dark:hover,
.featured .cta.dark:focus-visible {
  background: transparent;
  color: var(--cream);
}

@media (max-width: 820px) {
  .site-header nav { background: #050505; }
}