.drinks {
  position: relative;
  background:
    radial-gradient(circle at 8% 15%, rgba(21,231,255,.12), transparent 26%),
    radial-gradient(circle at 90% 80%, rgba(241,57,255,.14), transparent 30%),
    #09070d;
  overflow: hidden;
}

.drinks-heading {
  display: grid;
  grid-template-columns: 1.35fr .65fr;
  gap: 7vw;
  align-items: end;
  margin-bottom: 4.5rem;
}

.drinks-heading .section-kicker {
  margin-bottom: 2.5rem;
}

.drinks-heading h2 {
  font-size: clamp(3.6rem, 7.2vw, 7.4rem);
}

.drinks-heading p {
  max-width: 470px;
  margin: 0;
  color: #b8b2c0;
  font-size: 1.05rem;
  line-height: 1.7;
}

.drinks-shell {
  display: grid;
  grid-template-columns: minmax(280px, .7fr) 1.3fr;
  min-height: 800px;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(255,255,255,.025);
}

.drinks-film {
  position: relative;
  min-height: 800px;
  overflow: hidden;
  border-right: 1px solid rgba(255,255,255,.16);
}

.drinks-film video,
.drinks-film .video-fallback {
  display: block;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(.92) contrast(1.1);
}

.drinks-film-wash {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(6,3,12,.05), rgba(6,3,12,.75)), radial-gradient(circle at 50% 30%, transparent 15%, rgba(6,3,12,.28));
}

.drinks-film > span {
  position: absolute;
  top: 1.5rem;
  left: 1.5rem;
  font: 700 .6rem/1.6 Orbitron, sans-serif;
  letter-spacing: .2em;
  color: rgba(255,255,255,.72);
}

.drinks-film > strong {
  position: absolute;
  left: 1.5rem;
  bottom: 2rem;
  font: 800 clamp(3.2rem, 6vw, 6rem)/.8 Orbitron, sans-serif;
  letter-spacing: -.08em;
  color: #eef0f5;
  text-shadow: 7px 0 0 rgba(21,231,255,.3), -7px 0 0 rgba(241,57,255,.3);
}

.drinks-menu {
  min-width: 0;
  padding: 2rem;
}

.drink-filters {
  display: flex;
  gap: .55rem;
  overflow-x: auto;
  padding-bottom: 1.25rem;
  border-bottom: 1px solid rgba(255,255,255,.15);
  scrollbar-width: none;
}

.drink-filters::-webkit-scrollbar {
  display: none;
}

.drink-filters button {
  flex: 0 0 auto;
  border: 1px solid rgba(255,255,255,.22);
  background: transparent;
  color: #bdb8c5;
  border-radius: 99px;
  padding: .72rem 1rem;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: .11em;
  font-size: .62rem;
  transition: .25s;
}

.drink-filters button:hover,
.drink-filters button.active {
  color: #07050c;
  border-color: #edf0f5;
  background: linear-gradient(105deg, #858792, #fff 48%, #858792);
  box-shadow: 0 0 24px rgba(21,231,255,.16);
}

.drink-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 2rem;
}

.drink-list article {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  min-height: 124px;
  padding: 1.35rem 0;
  border-bottom: 1px solid rgba(255,255,255,.12);
  transition: opacity .25s, transform .25s;
}

.drink-list article.hidden {
  display: none;
}

.drink-list article > div > span {
  color: var(--cyan);
  font-size: .55rem;
  letter-spacing: .15em;
}

.drink-list h3 {
  margin: .55rem 0 .4rem;
  font: 700 1rem/1.15 Orbitron, sans-serif;
  letter-spacing: -.025em;
}

.drink-list p {
  margin: 0;
  color: #8f8998;
  font-size: .72rem;
  line-height: 1.45;
}

.drink-list article > b {
  align-self: flex-start;
  color: #dad7df;
  font: 600 .66rem Orbitron, sans-serif;
  white-space: nowrap;
}

.menu-note {
  margin: 1.4rem 0 0;
  color: #6f6977;
  font-size: .65rem;
}

@media (max-width: 900px) {
  .drinks-heading {
    grid-template-columns: 1fr;
    gap: 1.5rem;
    margin-bottom: 3rem;
  }

  .drinks-heading h2 {
    font-size: clamp(3.1rem, 13.8vw, 5.7rem);
  }

  .drinks-shell {
    grid-template-columns: 1fr;
  }

  .drinks-film {
    min-height: 68vh;
    max-height: 760px;
    border-right: 0;
    border-bottom: 1px solid rgba(255,255,255,.16);
  }

  .drinks-menu {
    padding: 1.25rem;
  }

  .drink-list {
    grid-template-columns: 1fr;
  }

  .drink-list article {
    min-height: 110px;
  }
}

/* Expanded drinks list in the original V//BAR menu design. */
.drinks { overflow:clip; }
.drinks-shell { align-items:start; }
.drinks-film {
  position:sticky;
  top:90px;
  height:800px;
}
.drink-filters button:focus-visible { outline:2px solid var(--cyan); outline-offset:3px; }
.menu-result-label { margin:1.15rem 0 1.8rem; color:#a5a0af; font-size:.8125rem; }
.drink-list { display:block; }
.menu-group { margin-bottom:2.5rem; }
.menu-group.hidden { display:none; }
.menu-group-heading {
  display:flex;
  align-items:center;
  gap:.8rem;
  margin-bottom:.75rem;
}
.menu-group-heading > span { color:var(--cyan); font:600 .75rem Orbitron,sans-serif; letter-spacing:.08em; }
.menu-group-heading h3 { margin:0; font:700 1rem/1.25 Orbitron,sans-serif; letter-spacing:-.025em; text-transform:uppercase; }
.menu-group-items { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 2rem; }
.drink-list article { align-items:start; }
.drink-list article > div { min-width:0; }
.drink-list h4 { margin:.55rem 0 .4rem; font:700 1rem/1.35 Orbitron,sans-serif; letter-spacing:-.025em; }
.drink-list p { font-size:.875rem; line-height:1.55; color:#a9a3b3; }
.drink-serve { flex-shrink:0; max-width:5.5rem; text-align:right; color:#dad7df; font:600 .75rem/1.45 Orbitron,sans-serif; }
.bottle-service-note { padding:1.7rem 0 0; border-top:1px solid rgba(255,255,255,.2); }
.bottle-service-note span { color:var(--cyan); font:700 .75rem/1.4 Oxanium,sans-serif; letter-spacing:.14em; }
.bottle-service-note p { color:#b8b2c3; line-height:1.6; font-size:.9375rem; max-width:32rem; }
.bottle-service-note .pill { margin-top:.6rem; }
.menu-note { color:#9f98ac; font-size:.8125rem; line-height:1.55; }

@media(max-width:1200px) {
  .menu-group-items { grid-template-columns:1fr; }
}
@media(max-width:900px) {
  .drinks-film { position:relative; top:0; min-height:340px; height:68svh; max-height:760px; }
  .menu-group-items { grid-template-columns:1fr; }
}