/* Shared transparent diamond lettering, with accessible text retained in HTML. */
.brand-header .brand-wordmark.diamond-wordmark {
  width: clamp(110px, calc(100vw - 216px), 360px);
  min-height: 44px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translate(-50%, -50%);
}
.diamond-wordmark img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 2px 3px #000b) drop-shadow(0 0 10px #0005);
}
.brand-header .diamond-wordmark img { max-height: 84px; }
.menu-head .menu-wordmark.diamond-wordmark {
  display: flex;
  align-items: center;
  width: min(65vw, 820px);
  min-height: 44px;
  transform: none;
  margin: 0 auto;
}
.menu-head .diamond-wordmark img { max-height: 230px; }
#room-menu {
  background: linear-gradient(90deg, #03060b55, #03060b1a 55%, #03060b33), url('assets/brand/diamond-gallery.webp') center / cover fixed, #05070b;
}
#room-menu::backdrop { background: #05070b; }
#room-menu .menu-head { height: clamp(150px, 24vh, 235px); background: transparent; }
#room-menu .menu-close { position: absolute; right: var(--gutter); top: 32px; background: #070b12b3; }
#room-menu .menu-stage { min-height: calc(100svh - 320px); }
#room-menu .house-gallery .room-link { border-radius: 6px; box-shadow: 0 0 0 1px #d4e9ff40, 0 12px 28px #0007; }
#room-menu .house-gallery .room-link img { opacity: .9; }
#room-menu .house-gallery .room-link:hover,
#room-menu .house-gallery .room-link:focus-visible { box-shadow: 0 0 0 1px #eaf7ff, 0 0 24px #a6d2ff35; }
#room-menu .menu-dancer { height: min(60vh, 640px); }
#room-menu .menu-dancer::before { background: radial-gradient(ellipse, #acd9ff12, transparent 67%); }
#room-menu .menu-controls button { background: #060b15b3; padding: 0 14px; border-radius: 24px; border: 1px solid #c5ddff30; }
@media (max-width: 600px) {
  #room-menu { background-size: auto, auto 650px; background-position: center, right top; background-attachment: scroll; background-repeat: no-repeat; }
  #room-menu .menu-head { height: 175px; padding: 60px 20px 0; background: linear-gradient(#05080eee, #05080e80, transparent); }
  .menu-head .menu-wordmark.diamond-wordmark { width: 100%; max-width: 420px; }
  .menu-head .diamond-wordmark img { max-height: 115px; }
  #room-menu .menu-close { right: 16px; top: 8px; width: 36px; height: 36px; }
  #room-menu .menu-dancer { height: 260px; }
  #room-menu .menu-stage { min-height: 0; }
}
@media (forced-colors: active) {
  .diamond-wordmark img { display: none; }
  .diamond-wordmark .sr-only {
    position: static !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    overflow: visible !important;
    clip-path: none !important;
    font-size: 20px;
    color: LinkText;
  }
}