.page-experiences .hero-experiences {
  position: relative;
}

.hero-experiences-inner {
  display: grid;
  gap: var(--space-3xl);
  align-items: center;
}

@media (min-width: 960px) {
  .hero-experiences-inner {
    grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
  }
}

.hero-experiences-content {
  max-width: 640px;
}

.hero-experiences-media {
  max-width: 520px;
  margin-inline: auto;
}

.hero-experiences-figure {
  position: relative;
  padding: var(--space-sm);
}

.hero-experiences-image {
  border-radius: var(--radius-xl);
  overflow: hidden;
}

.hero-experiences-caption {
  margin-top: var(--space-md);
  font-size: var(--text-xs);
}

.hero-experiences-caption .chip {
  white-space: nowrap;
}

.experiences-selection-inner {
  position: relative;
}

.experiences-selection-inner::before {
  content: "";
  position: absolute;
  inset-inline: 10%;
  top: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.25), transparent);
  opacity: 0.5;
}

.experiences-section-header {
  margin-bottom: var(--space-xl);
}

.experiences-filters {
  margin-bottom: var(--space-lg);
}

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

.experiences-card {
  display: flex;
  flex-direction: column;
  padding: var(--space-lg);
}

.experiences-card-media-wrap {
  position: relative;
  border-radius: var(--radius-lg);
  overflow: hidden;
  margin-bottom: var(--space-md);
}

.experiences-card-media-minimal {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--space-lg);
  background: radial-gradient(circle at 0 0, rgba(224, 177, 90, 0.22), transparent 60%), radial-gradient(circle at 100% 100%, rgba(60, 90, 255, 0.22), transparent 60%);
}

.experiences-card-media-gradient {
  width: 48px;
  height: 48px;
  border-radius: 999px;
  background: radial-gradient(circle at 30% 30%, #ffffff, #e0b15a);
  box-shadow: 0 0 0 10px rgba(224, 177, 90, 0.16);
}

.experiences-card-image {
  width: 100%;
  height: 220px;
  object-fit: cover;
}

@media (min-width: 768px) {
  .experiences-card-image {
    height: 260px;
  }
}

.experiences-card-badge {
  position: absolute;
  left: var(--space-md);
  bottom: var(--space-md);
}

.experiences-card-body {
  flex: 1;
}

.experiences-card-footer {
  margin-top: var(--space-lg);
}

.experiences-selection-note {
  margin-top: var(--space-xl);
}

.experiences-ambiance-inner {
  align-items: center;
  gap: var(--space-3xl);
}

.experiences-ambiance-media {
  padding: var(--space-sm);
  border-radius: var(--radius-xl);
}

.experiences-ambiance-image {
  border-radius: var(--radius-lg);
  height: 100%;
  object-fit: cover;
}

@media (max-width: 767px) {
  .experiences-ambiance-inner {
    display: flex;
    flex-direction: column-reverse;
  }
}

.experiences-ambiance-highlights {
  margin-top: var(--space-md);
}

.experiences-ambiance-timeline {
  margin-top: var(--space-md);
  padding: var(--space-lg);
  border-radius: var(--radius-lg);
}

.experiences-cta-inner {
  padding: var(--space-3xl) var(--space-2xl);
  border-radius: var(--radius-xl);
}

@media (max-width: 767px) {
  .experiences-cta-inner {
    padding: var(--space-2xl) var(--space-lg);
  }
}

.experiences-cta-layout {
  display: grid;
  gap: var(--space-2xl);
}

@media (min-width: 960px) {
  .experiences-cta-layout {
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
    align-items: flex-start;
  }
}

.experiences-cta-meta {
  margin-top: var(--space-md);
}

.experiences-cta-actions {
  margin-top: var(--space-md);
}

.experiences-cta-form-wrapper {
  border-radius: var(--radius-lg);
  background-color: rgba(5, 6, 8, 0.96);
  border: 1px solid rgba(255, 255, 255, 0.08);
  padding: var(--space-xl);
  box-shadow: var(--shadow-subtle);
}

@media (max-width: 767px) {
  .experiences-cta-form-wrapper {
    padding: var(--space-lg);
  }
}

.experiences-cta-form .form-row + .form-row {
  margin-top: var(--space-md);
}

.experiences-cta-form .form-error.hidden,
[data-form-success-message="hidden"] {
  display: none;
}

.experiences-cta-form .form-error {
  min-height: 1.2em;
}

[data-experiences-grid] .experiences-card[hidden] {
  display: none !important;
}