.desktop-nav,
.inner-nav {
  font-size: 15px;
  justify-content: flex-end;
}

.site-header {
  grid-template-columns: auto 1fr auto;
  column-gap: clamp(18px, 2vw, 30px);
}

.desktop-nav {
  justify-self: end;
}

/* Shared dark brand frame for inner pages. */
.inner-header {
  color: #fff;
  background: rgba(8, 6, 21, .96);
  border-bottom-color: rgba(255, 255, 255, .14);
}

.inner-logo img,
.fun-footer-brand img {
  filter: brightness(0) invert(1);
}

.inner-nav a::after {
  background: #caff42;
}

.inner-nav a.active {
  color: #caff42;
}

.fun-footer {
  color: #fff;
  background: #080615;
}

.fun-footer-top {
  border-bottom-color: rgba(255, 255, 255, .14);
}

.fun-footer-top nav a {
  color: #d7d2e0;
  transition: color .2s;
}

.fun-footer-top nav a:hover,
.fun-footer-top nav a.active {
  color: #caff42;
}

.fun-instagram {
  color: #fff;
  border-color: rgba(255, 255, 255, .45);
}

.fun-footer-bottom {
  color: #928c9f;
}

.fun-footer-bottom nav {
  color: #d7d2e0;
}

@media (max-width: 1180px) {
  .desktop-nav,
  .inner-nav {
    font-size: 13px;
  }
}

@media (min-width: 861px) and (max-width: 1100px) {
  .inner-header {
    grid-template-columns: 190px 1fr;
  }

  .inner-actions {
    display: none;
  }
}

@media (min-width: 761px) and (max-width: 900px) {
  .site-header {
    column-gap: 18px;
  }
}

@media (max-width: 860px) {
  .mobile-nav > a:not(.pill),
  .inner-mobile > a:not(.mobile-book) {
    font-size: 16px;
  }

  .inner-toggle i {
    background: #fff;
  }

  .inner-mobile {
    color: #fff;
    background: rgba(8, 6, 21, .99);
    border-top-color: rgba(255, 255, 255, .12);
    box-shadow: 0 18px 30px rgba(4, 2, 14, .34);
  }

  .inner-mobile > a:not(.mobile-book) {
    border-bottom-color: rgba(255, 255, 255, .13);
  }

  .inner-mobile a.active {
    color: #caff42;
  }
}