:root {
  --poker-emerald-glow: rgba(16, 185, 129, 0.18);
  --poker-teal-glow: rgba(45, 212, 191, 0.18);
}

.hero--poker {
  position: relative;
  background:
    radial-gradient(circle at top left, rgba(34, 211, 238, 0.22), transparent 55%),
    radial-gradient(circle at bottom right, rgba(16, 185, 129, 0.22), transparent 60%),
    linear-gradient(135deg, #020617 0%, #020617 40%, #020617 100%);
}

.hero__heading-block--poker {
  position: relative;
  padding-bottom: 2.5rem;
}

.hero__heading-block--poker .hero__title {
  max-width: 20ch;
}

.hero__subtitle {
  max-width: 52ch;
}

.hero__strip--poker {
  margin-top: -1.5rem;
}

.hero__heading-block--poker + .hero__strip--poker {
  margin-top: 2.5rem;
}

.hero__strip-card--wide {
  min-width: 320px;
  max-width: 460px;
}

.hero__strip-card--medium {
  min-width: 260px;
  max-width: 360px;
}

.hero__strip-card--compact {
  min-width: 220px;
  max-width: 300px;
}

.hero__title {
  font-size: clamp(2.4rem, 3.1vw + 1.4rem, 3.6rem);
}

.hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.hero__note {
  font-size: var(--font-size-sm);
  max-width: 60ch;
}

.poker-intro-grid,
.poker-how-grid,
.poker-chips-grid,
.poker-atmosphere-grid {
  align-items: flex-start;
  gap: var(--space-10);
}

.poker-inline-image,
.poker-type-image {
  border-radius: var(--radius-xl);
  border: 1px solid var(--color-border-subtle);
  box-shadow: var(--shadow-soft);
}

.poker-inline-image {
  max-height: 260px;
  width: 100%;
  object-fit: cover;
}

.poker-steps-list {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.poker-step {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.9rem 1.3rem;
  align-items: flex-start;
}

.poker-step__index {
  width: 2rem;
  height: 2rem;
  border-radius: var(--radius-full);
  border: 1px solid var(--color-border-strong);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--font-size-sm);
  background: radial-gradient(circle at 0 0, var(--poker-teal-glow), rgba(15, 23, 42, 0.96));
}

.poker-step__title {
  font-size: var(--font-size-base);
}

.poker-types-list {
  display: flex;
  flex-direction: column;
}

.poker-type-title {
  font-size: var(--font-size-lg);
}

.poker-type-title a {
  color: var(--color-text);
}

.poker-type-title a:hover {
  color: var(--color-turquoise-glow);
}

.poker-type-image {
  max-height: 220px;
  width: 100%;
  object-fit: cover;
}

.poker-reservation-info {
  max-width: 900px;
}

.poker-reservation-ctas {
  gap: 0.75rem;
}

.poker-legal-note {
  font-size: var(--font-size-sm);
  color: var(--color-text-soft);
}

@media (max-width: 960px) {
  .hero__heading-block--poker {
    padding-bottom: 1.5rem;
  }
  .hero__strip--poker {
    margin-top: 1.5rem;
  }
}

@media (max-width: 768px) {
  .hero__actions,
  .poker-intro-ctas,
  .poker-reservation-ctas {
    flex-direction: column;
    align-items: flex-start;
  }
  .poker-step {
    grid-template-columns: auto minmax(0, 1fr);
  }
}