main {
  background: radial-gradient(circle at top left, rgba(16, 185, 129, 0.08), transparent 55%),
              linear-gradient(160deg, #0c0f0e, #020617);
}

.hero--bar {
  border-radius: var(--radius-lg);
}

.hero__image--bar::before {
  background: url("/assets/images/emerald-bar-room.webp") center/cover no-repeat;
}

.bar-layout {
  align-items: stretch;
  gap: var(--space-8);
}

.bar-layout--reverse {
  align-items: stretch;
}

.bar-intro {
  height: 100%;
}

.bar-figure {
  position: relative;
  border-radius: var(--radius-lg);
  overflow: hidden;
  background: radial-gradient(circle at top left, rgba(16, 185, 129, 0.14), transparent 55%);
  border: 1px solid var(--color-border-subtle);
  box-shadow: var(--shadow-subtle);
}

.bar-figure__image {
  width: 100%;
  height: 100%;
  max-height: 460px;
  object-fit: cover;
}

.bar-figure__caption {
  padding: var(--space-3) var(--space-4);
  font-size: var(--font-size-sm);
  color: var(--color-text-muted);
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.3), rgba(15, 23, 42, 0.9));
}

.bar-grid {
  align-items: stretch;
}

.bar-card {
  height: 100%;
}

.bar-highlights,
.bar-list {
  display: grid;
  gap: var(--space-2);
  font-size: var(--font-size-sm);
  color: var(--color-text-muted);
}

.bar-dot {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 999px;
  margin-right: var(--space-2);
  background: radial-gradient(circle at 30% 0%, #6ee7b7, var(--color-primary));
}

.bar-cta {
  text-align: left;
}

.bar-cta__content {
  max-width: 720px;
}

@media (max-width: 900px) {
  .bar-figure__image {
    max-height: 320px;
  }
}

@media (max-width: 768px) {
  .bar-cta__content {
    align-items: flex-start;
  }
}

ul {
  list-style: none !important;
}

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