body.lounge-page main,
.lounge-main {
  background: radial-gradient(circle at top, rgba(255, 221, 186, 0.16), transparent 48%), var(--color-bg);
}

.lounge-hero {
  padding-top: clamp(4rem, 9vh, 6rem);
}

.lounge-hero-mosaic {
  align-items: stretch;
}

.lounge-hero-primary {
  box-shadow: var(--shadow-soft-high);
}

.lounge-hero-tile {
  box-shadow: var(--shadow-soft);
}

.lounge-hero-copy {
  max-width: 32rem;
}

.lounge-hero-ctas {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-top: var(--space-5);
}

.lounge-hero-notice {
  margin-top: var(--space-4);
}

.lounge-section-header {
  max-width: 44rem;
  margin-inline: auto;
}

.lounge-section-intro {
  font-size: var(--font-size-md);
}

.lounge-overview-grid {
  align-items: center;
}

.lounge-overview-figure {
  height: 100%;
  min-height: 260px;
}

.lounge-overview-figure img {
  height: 100%;
  object-fit: cover;
}

.lounge-overview-links {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
  margin-top: var(--space-4);
}

.lounge-mobile-grid {
  align-items: flex-start;
  gap: var(--space-8);
}

.lounge-pill-list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-top: var(--space-4);
}

.lounge-mobile-ctas {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-top: var(--space-4);
}

.lounge-signature-openair .media-frame {
  max-height: 260px;
}

.lounge-design-grid {
  align-items: stretch;
}

.lounge-amenities-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

.lounge-amenities-list li {
  display: flex;
  align-items: center;
  gap: var(--space-2);
}

.lounge-packages-cta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-top: var(--space-4);
}

.lounge-custom-grid {
  align-items: center;
}

.lounge-custom-figure {
  min-height: 260px;
}

.lounge-custom-figure img {
  height: 100%;
  object-fit: cover;
}

.lounge-custom-steps {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  margin-top: var(--space-4);
}

.lounge-custom-step {
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
}

.lounge-custom-step .badge {
  margin-top: 0.15rem;
}

.lounge-custom-cta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-top: var(--space-4);
}

.lounge-integration-grid {
  align-items: stretch;
}

.lounge-brand-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 0.9fr);
  gap: var(--space-8);
}

.lounge-brand-ctas {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-top: var(--space-4);
}

.lounge-quick-links {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

.lounge-final-cta-card {
  border-radius: var(--radius-xl);
}

.lounge-final-cta-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-6);
}

.lounge-final-cta-actions {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

@media (max-width: 1024px) {
  .lounge-brand-grid {
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr);
  }
}

@media (max-width: 900px) {
  .lounge-hero-copy {
    max-width: none;
  }
  .lounge-overview-figure {
    max-height: 360px;
  }
  .lounge-custom-figure {
    max-height: 320px;
  }
  .lounge-brand-grid {
    grid-template-columns: 1fr;
  }
  .lounge-final-cta-content {
    flex-direction: column;
    align-items: flex-start;
  }
  .lounge-final-cta-actions {
    flex-direction: row;
    flex-wrap: wrap;
  }
}

@media (max-width: 640px) {
  .lounge-hero-ctas,
  .lounge-mobile-ctas,
  .lounge-custom-cta,
  .lounge-packages-cta,
  .lounge-brand-ctas {
    flex-direction: column;
    align-items: stretch;
  }
}