@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/dm-sans/dm-sans-medium.ttf') format('truetype');
}

/* Colors sampled from the reference site's .menu-scrolled rules. */
:root {
  --header-background: #ffffff;
  --header-text: #a88e80;
}

html.header-overlay .page {
  padding-top: 0;
}

.header-overlay .page-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1100;
  background: linear-gradient(to bottom, rgba(0, 0, 0, .38), transparent);
  transition: background-color .25s ease, box-shadow .25s ease;
}

.header-overlay .page-header .rd-navbar {
  background: transparent;
}

.header-overlay .page-header .rd-navbar-nav li > a {
  font-family: 'DM Sans', sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0;
}

.header-overlay .page-header .rd-navbar-static,
.header-overlay .page-header .rd-navbar-fullwidth {
  position: relative;
}

.header-overlay .page-header .rd-navbar-wrap {
  height: auto !important;
}

.header-overlay .page-header + .section,
.header-overlay .page-header + .section-breadcrumb.section-breadcrumb {
  margin-top: 0;
}

.header-overlay .page-header .rd-navbar-static .rd-navbar-nav > li > a,
.header-overlay .page-header .rd-navbar-fullwidth .rd-navbar-nav > li > a,
.header-overlay .page-header .rd-navbar-search-toggle,
.header-overlay .page-header .rd-navbar-toggle {
  color: #fff;
}

.header-overlay .page-header .rd-navbar-brand img {
  width: 176px;
  height: 47px;
  object-fit: contain;
  object-position: left center;
  filter: brightness(0) invert(1);
  transition: filter .25s ease;
}

.header-overlay.header-scrolled .page-header {
  background: var(--header-background);
  box-shadow: 0 3px 18px rgba(42, 32, 26, .09);
}

.header-overlay.header-scrolled .page-header .rd-navbar-brand img {
  filter: none;
}

.header-overlay.header-scrolled .page-header .rd-navbar-nav > li > a,
.header-overlay.header-scrolled .page-header .rd-navbar-search-toggle,
.header-overlay.header-scrolled .page-header .rd-navbar-toggle {
  color: var(--header-text);
}

.header-overlay .page-header .rd-navbar-nav > li > a:hover,
.header-overlay .page-header .rd-navbar-nav > li > a:focus-visible {
  text-decoration: underline;
  text-underline-offset: 6px;
}

.header-overlay .page-header .rd-navbar-fixed .rd-navbar-panel:before {
  background: linear-gradient(to bottom, rgba(0, 0, 0, .38), transparent);
  box-shadow: none;
  transition: background-color .25s ease;
}

.header-overlay.header-scrolled .page-header .rd-navbar-fixed .rd-navbar-panel:before {
  background: var(--header-background);
  box-shadow: 0 3px 18px rgba(42, 32, 26, .09);
}

/* The expanded mobile menu always needs an opaque, readable background. */
.header-overlay .page-header .rd-navbar-fixed .rd-navbar-nav-wrap,
.header-overlay .page-header .rd-navbar-fixed .rd-navbar-nav {
  background: var(--header-background);
}

.header-overlay .page-header .rd-navbar-fixed .rd-navbar-nav li > a {
  color: var(--header-text);
}

.header-overlay .section-breadcrumb .parallax-content {
  padding-top: 130px;
}

@media (min-width: 992px) {
  .header-overlay.header-scrolled .page-header .rd-navbar-inner {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .header-overlay .section-breadcrumb .parallax-content {
    padding-top: 180px;
  }

  .header-overlay .swiper-modern .swiper-slide-caption .section-lg {
    padding-top: max(160px, 12vw);
  }
}

@media (prefers-reduced-motion: reduce) {
  .header-overlay .page-header,
  .header-overlay .page-header .rd-navbar-inner,
  .header-overlay .page-header .rd-navbar-brand img,
  .header-overlay .page-header .rd-navbar-panel:before {
    transition: none;
  }
}