.vip-hero {
  padding-top: var(--space-3xl);
  padding-bottom: var(--space-3xl);
}

.vip-hero__frame {
  position: relative;
  border-radius: var(--radius-xl);
  border: 1px solid rgba(255, 255, 255, 0.12);
  padding: clamp(var(--space-xl), 4vw, var(--space-2xl));
  box-shadow: var(--shadow-sharp);
  background: radial-gradient(circle at 0 0, rgba(246, 226, 127, 0.16), transparent 55%), radial-gradient(circle at 100% 100%, rgba(31, 165, 106, 0.24), transparent 55%), rgba(5, 0, 8, 0.96);
  overflow: hidden;
}

.vip-hero__accent-orbit {
  position: absolute;
  inset: -40%;
  border-radius: 999px;
  border: 1px solid rgba(163, 18, 43, 0.18);
  transform: rotate(-8deg);
  pointer-events: none;
}

.vip-hero__glow {
  position: absolute;
  inset: 10% 15% auto;
  height: 40%;
  background: radial-gradient(circle at 20% 0, rgba(210, 31, 62, 0.45), transparent 60%), radial-gradient(circle at 80% 100%, rgba(15, 90, 58, 0.5), transparent 60%);
  opacity: 0.9;
  pointer-events: none;
}

.vip-hero__grid {
  align-items: flex-start;
}

.vip-hero__content {
  position: relative;
  z-index: 1;
}

.vip-hero__media {
  position: relative;
  z-index: 1;
}

.vip-hero__media-stack {
  position: relative;
  max-width: 30rem;
  margin-left: auto;
}

.vip-hero__media-main {
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-soft);
}

.vip-hero__image {
  filter: saturate(1.1) contrast(1.1);
}

.vip-hero__floating-card {
  position: absolute;
  right: -4%;
  left: auto;
  min-width: 12rem;
  max-width: 16rem;
  padding: var(--space-sm) var(--space-md);
  border-radius: var(--radius-lg);
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: radial-gradient(circle at 0 0, rgba(246, 226, 127, 0.18), transparent 60%), rgba(5, 0, 10, 0.96);
  box-shadow: var(--shadow-subtle);
}

.vip-hero__floating-card--primary {
  top: 10%;
}

.vip-hero__floating-card--accent {
  bottom: 4%;
  right: 18%;
}

.vip-hero__floating-label {
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: var(--color-text-muted);
  margin-bottom: var(--space-2xs);
}

.vip-hero__floating-value {
  font-size: 0.9rem;
  color: var(--color-text);
}

.vip-hero__actions {
  margin-top: var(--space-lg);
}

.vip-hero__meta {
  margin-top: var(--space-xl);
}

@media (max-width: 1023.98px) {
  .vip-hero__frame {
    padding: var(--space-xl);
  }
  .vip-hero__media-stack {
    margin-left: 0;
    max-width: 100%;
  }
  .vip-hero__floating-card--primary {
    top: 6%;
    right: 4%;
  }
  .vip-hero__floating-card--accent {
    bottom: 6%;
    right: 26%;
  }
}

@media (max-width: 767.98px) {
  .vip-hero {
    padding-top: var(--space-2xl);
    padding-bottom: var(--space-2xl);
  }
  .vip-hero__frame {
    padding: var(--space-lg);
  }
  .vip-hero__media-stack {
    max-width: 22rem;
    margin-inline: auto;
  }
  .vip-hero__floating-card {
    position: static;
    margin-top: var(--space-sm);
  }
  .vip-hero__floating-card--accent {
    margin-top: var(--space-sm);
  }
  .vip-hero__actions {
    margin-top: var(--space-md);
  }
  .vip-hero__meta {
    margin-top: var(--space-lg);
  }
}

.vip-section-header {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-md);
  align-items: flex-start;
  margin-bottom: var(--space-xl);
}

.vip-section-header__eyebrow {
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  color: var(--color-text-muted);
}

.vip-section-header__main {
  flex: 1 1 16rem;
  min-width: 0;
}

.vip-section-header__lead {
  margin-top: var(--space-sm);
  max-width: 60ch;
}

.vip-section-header--center {
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.vip-section-header__main--narrow {
  max-width: 48rem;
}

.vip-benefits__layout {
  margin-top: var(--space-md);
}

.vip-benefits__grid {
  align-items: stretch;
}

.vip-benefits__card {
  height: 100%;
}

.vip-benefits__list {
  margin-top: var(--space-sm);
}

.vip-benefits__media-row {
  align-items: center;
}

.vip-benefits__image-frame {
  border-radius: var(--radius-xl);
  overflow: hidden;
  box-shadow: var(--shadow-soft);
}

.vip-benefits__image {
  filter: saturate(1.05) contrast(1.08);
}

.vip-benefits__copy {
  max-width: 34rem;
}

@media (max-width: 1023.98px) {
  .vip-benefits__media-row {
    flex-direction: column-reverse;
  }
  .vip-benefits__copy {
    max-width: 100%;
  }
}

.vip-experiences__layout {
  margin-top: var(--space-md);
}

.vip-experiences__card {
  height: 100%;
}

.vip-experiences__list {
  margin-top: var(--space-sm);
}

.vip-experiences__image-frame {
  border-radius: var(--radius-xl);
  overflow: hidden;
  box-shadow: var(--shadow-soft);
}

.vip-experiences__copy {
  max-width: 34rem;
}

.vip-experiences__cta {
  align-items: center;
}

@media (max-width: 1023.98px) {
  .vip-experiences__bottom {
    flex-direction: column;
  }
  .vip-experiences__copy {
    max-width: 100%;
  }
}

.vip-cta__shell {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}

.vip-cta .card__title {
  font-size: clamp(1.4rem, 1.2rem + 0.6vw, 1.8rem);
}

.vip-cta .card__footer {
  flex-wrap: wrap;
}

@media (max-width: 479.98px) {
  .vip-cta .card__footer {
    flex-direction: column;
    align-items: stretch;
  }
}

.vip-benefits__list,
.vip-experiences__list {
  margin-bottom: 0;
}

.vip-benefits__list li,
.vip-experiences__list li {
  margin-top: var(--space-xs);
}

.vip-benefits__list li:first-child,
.vip-experiences__list li:first-child {
  margin-top: 0;
}

.vip-hero__content .chip-row {
  margin-top: var(--space-sm);
}

.vip-hero__content .chip {
  background: radial-gradient(circle at 0 0, rgba(210, 31, 62, 0.6), rgba(15, 90, 58, 0.5));
}

.vip-hero__content .chip--primary {
  border-color: rgba(210, 31, 62, 0.9);
}

.vip-hero__content .chip--accent {
  border-color: rgba(31, 165, 106, 0.9);
}

.vip-benefits__media,
.vip-benefits__copy,
.vip-experiences__media,
.vip-experiences__copy,
.vip-benefits__column {
  min-width: 0;
}

.vip-hero__content,
.vip-hero__media {
  min-width: 0;
}