@layer components {
  .lounge-hero {
    padding-top: var(--space-32);
  }
  .section-header {
    max-width: 720px;
    margin-bottom: var(--space-20);
  }
  .section-header h2 {
    margin-bottom: var(--space-4);
  }
  .lounge-intro-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
    gap: var(--space-24);
    align-items: center;
  }
  .lounge-intro-figure img {
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-subtle);
  }
  .lounge-intro-figure figcaption {
    margin-top: var(--space-6);
    font-size: var(--font-size-sm);
    color: var(--color-text-muted);
  }
  .lounge-links {
    margin-top: var(--space-16);
  }
  .lounge-evenings-grid,
  .lounge-members-grid,
  .lounge-private-grid {
    gap: var(--space-20);
  }
  .lounge-cocktails-shell {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
    gap: var(--space-24);
    align-items: center;
  }
  .lounge-cocktails-figure img {
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-soft);
  }
  .lounge-cocktails-figure figcaption {
    margin-top: var(--space-6);
    font-size: var(--font-size-sm);
    color: var(--color-text-muted);
  }
  .lounge-cocktails-list {
    display: grid;
    gap: var(--space-10);
    margin-block: var(--space-16);
  }
  .lounge-cocktails-list h3 {
    margin-bottom: var(--space-3);
    font-size: var(--font-size-lg);
  }
  .lounge-etiquette-shell {
    display: flex;
    flex-direction: column;
    gap: var(--space-16);
  }
  .lounge-etiquette-grid {
    gap: var(--space-20);
  }
  .lounge-gallery-shell {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
    gap: var(--space-24);
    align-items: start;
  }
  .lounge-gallery-feature img {
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-soft);
  }
  .lounge-gallery-feature figcaption {
    margin-top: var(--space-6);
    font-size: var(--font-size-sm);
    color: var(--color-text-muted);
  }
  .lounge-gallery-copy {
    display: flex;
    flex-direction: column;
    gap: var(--space-12);
  }
  .lounge-reserve-shell {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
    gap: var(--space-20);
    align-items: start;
  }
  .lounge-reserve-copy {
    display: flex;
    flex-direction: column;
    gap: var(--space-10);
  }
  .lounge-reserve-details {
    display: grid;
    gap: var(--space-12);
  }
  .lounge-reserve-detail h3 {
    margin-bottom: var(--space-3);
    font-size: var(--font-size-md);
  }
  @media (max-width: 960px) {
    .lounge-intro-grid,
    .lounge-cocktails-shell,
    .lounge-gallery-shell,
    .lounge-reserve-shell {
      grid-template-columns: minmax(0, 1fr);
    }
  }
  @media (max-width: 640px) {
    .lounge-hero {
      padding-top: var(--space-24);
    }
    .section-header {
      margin-bottom: var(--space-16);
    }
  }
}

ul {
  list-style: none !important;
}

.nav-toggle {
  flex-direction: column;
}