/* Logo, hero carousel and map access refinements */
.site-header {
  width: 100%;
  margin: 0;
  padding-inline: max(32px, calc((100% - 1216px) / 2));
  background: rgba(244, 241, 233, .96);
  border-bottom: 1px solid rgba(17, 41, 43, .14);
  color: var(--ink);
}

.brand { filter: none; }
.nav-call:hover, .button:hover { background: var(--ink); color: var(--paper); }

.hero-media {
  width: auto;
  height: auto;
  object-fit: initial;
  object-position: initial;
  animation: none;
  overflow: hidden;
}

.hero-slide {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 52% center;
  opacity: 0;
  animation: hero-carousel 18s var(--ease) infinite;
}

.slide-one { opacity: 1; }
.slide-two { animation-delay: 6s; }
.slide-three { animation-delay: 12s; }

@keyframes hero-carousel {
  0%, 28% { opacity: 1; transform: scale(1.015); }
  33%, 95% { opacity: 0; transform: scale(1); }
  100% { opacity: 1; transform: scale(1.015); }
}

.map-link {
  display: inline-flex;
  align-items: center;
  gap: .65rem;
  margin-top: 1.1rem;
  border-bottom: 1px solid var(--gold);
  padding-bottom: .2rem;
  font-size: .85rem;
  font-weight: 800;
}

.map-link span { font-size: 1.1rem; }
.footer img { width: 150px; height: auto; }

@media (max-width: 780px) {
  .site-header { width: 100%; padding-inline: 20px; }
  .menu-toggle { color: var(--ink); }
  .site-header.menu-open .menu-toggle { color: #fff; }
  .nav { color: var(--paper); }
  .hero-slide { object-position: 62% center; }
}

@media (prefers-reduced-motion: reduce) {
  .hero-slide:not(.slide-one) { display: none; }
  .hero-slide.slide-one { animation: none; }
}