.site-header {
  transition: height .32s ease, box-shadow .32s ease, background-color .32s ease;
}

.header-inner,
.logo img,
.logo span,
.header-contact {
  transition: transform .32s ease, opacity .32s ease;
}

.main-nav a {
  position: relative;
  padding: 8px 0;
  transition: color .22s ease, transform .22s ease;
}

.main-nav a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: #fff0d2;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform .28s ease;
}

.main-nav a:hover,
.main-nav a:focus-visible {
  color: #fff0d2;
  transform: translateY(-1px);
}

.main-nav a:hover::after,
.main-nav a:focus-visible::after {
  transform: scaleX(1);
  transform-origin: left;
}

.site-header.scrolled {
  height: 66px;
  box-shadow: 0 9px 25px rgba(73, 0, 7, .2);
}

.site-header.scrolled .logo img { transform: scale(.88); transform-origin: left center; }
.site-header.scrolled .logo span { transform: translateX(-10px); opacity: .8; }

@media (max-width: 800px) {
  .site-header.scrolled { height: 60px; }
  .site-header.scrolled .main-nav { top: 60px; }
}

@media (prefers-reduced-motion: reduce) {
  .site-header,
  .header-inner,
  .logo img,
  .logo span,
  .header-contact,
  .main-nav a,
  .main-nav a::after { transition: none; }
}