/* Adapt the Avalon artwork to the original Avalon application templates. */
.avalon-site .navbar > .navbar-container {
  gap: 1rem;
  padding-inline: clamp(1rem, 2vw, 3rem);
}
.avalon-site .navbar > .navbar-container > .navbar-menu { gap: clamp(.6rem, 1vw, 1.5rem); }
.avalon-site .navbar > .navbar-container > .navbar-menu a { white-space: nowrap; font-size: clamp(.65rem, .8vw, .85rem); }
.avalon-nav-dropdown { position: relative; }
.avalon-site .avalon-nav-dropdown__menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 150px;
  padding: .5rem;
  border: 1px solid rgb(255 140 0 / 30%);
  background: #151515;
  box-shadow: 0 12px 24px rgb(0 0 0 / 40%);
}
.avalon-nav-dropdown:hover .avalon-nav-dropdown__menu,
.avalon-nav-dropdown:focus-within .avalon-nav-dropdown__menu { display: grid; }
.avalon-site .avalon-nav-dropdown__menu a { padding: .6rem; }
.avalon-site .avalon-development-credit { font-size: .8rem; }
.avalon-site .avalon-development-credit a { color: #ffb84d; }
.scene-unavailable .scene-wrap,
.scene-unavailable .classes-nav,
.scene-unavailable .sound-toggle { display: none; }
.scene-unavailable.home-route .hero-section {
  background: linear-gradient(90deg, rgb(15 15 15 / 95%), rgb(15 15 15 / 35%)),
    url('../assets/avalon/hero/hero-bg.webp') center / cover;
}
@media (min-width: 1241px) and (max-width: 1550px) {
  .avalon-site .navbar .brand-text { font-size: 1.05rem; }
  .avalon-site .navbar .nav-logo { height: 30px; margin-right: .5rem; }
  .avalon-site .navbar-menu .btn-play { min-width: auto; padding: .7rem .8rem; }
}