main.pokerovy-page {
  background:
    radial-gradient(circle at 88% 4%, rgba(184, 120, 85, 0.1), transparent 25rem),
    var(--color-ink-night);
}

.pokerovy-page .pv-hero {
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 45rem;
  align-items: flex-end;
  overflow: hidden;
  isolation: isolate;
  background: var(--color-ink-night);
}

.pokerovy-page .pv-hero__media,
.pokerovy-page .pv-hero__media img,
.pokerovy-page .pv-hero__shade {
  position: absolute;
  inset: 0;
}

.pokerovy-page .pv-hero__media {
  z-index: -2;
  width: 100%;
  height: 100%;
  margin: 0;
}

.pokerovy-page .pv-hero__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 65% 55%;
}

.pokerovy-page .pv-hero__shade {
  z-index: -1;
  background:
    linear-gradient(90deg, rgba(23, 23, 25, 0.97) 0%, rgba(23, 23, 25, 0.84) 37%, rgba(23, 23, 25, 0.34) 69%, rgba(23, 23, 25, 0.18) 100%),
    linear-gradient(0deg, rgba(23, 23, 25, 0.94) 0%, rgba(23, 23, 25, 0.12) 58%, rgba(23, 23, 25, 0.24) 100%);
}

.pokerovy-page .pv-hero__inner {
  width: 100%;
  padding-top: 9rem;
  padding-bottom: var(--space-9);
}

.pokerovy-page .pv-hero__copy {
  display: flex;
  width: min(53%, 38.125rem);
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-5);
}

.pokerovy-page .pv-hero__copy .eyebrow,
.pokerovy-page .pv-hero__copy h1,
.pokerovy-page .pv-hero__copy p {
  margin: 0;
}

.pokerovy-page .pv-hero__lead {
  max-width: 54ch;
}

.pokerovy-page .pv-hero__actions {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-4);
}

.pokerovy-page .pv-hero__actions > * {
  min-width: 0;
}

.pokerovy-page .pv-hero__private-link {
  display: inline-flex;
  min-height: 2.75rem;
  align-items: center;
  color: var(--color-cream-light);
  font-size: var(--text-nav);
  font-weight: 700;
}

.pokerovy-page .pv-tempo {
  background:
    linear-gradient(145deg, var(--color-ink-plum) 0%, var(--color-ink-night) 72%);
}

.pokerovy-page .pv-section-intro {
  width: min(100%, 58ch);
}

.pokerovy-page .pv-section-intro--timeline {
  width: min(100%, 38.75rem);
}

.pokerovy-page .pv-section-intro h2,
.pokerovy-page .pv-section-intro p {
  margin-bottom: 0;
}

.pokerovy-page .pv-section-intro {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-4);
}

.pokerovy-page .pv-tempo__cards {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-4);
  margin-top: var(--space-6);
}

.pokerovy-page .pv-tempo__cards > * {
  min-width: 0;
}

.pokerovy-page .pv-tempo-card {
  display: flex;
  min-width: 0;
  min-height: 100%;
  flex-direction: column;
  gap: var(--space-4);
  padding: var(--space-5);
}

.pokerovy-page .pv-tempo-card:hover {
  background: #433c3a;
  transform: translateY(-2px);
}

.pokerovy-page .pv-tempo-card__number,
.pokerovy-page .pv-timeline__number {
  color: var(--color-copper-warm);
  font-size: var(--text-small);
  font-weight: 700;
  letter-spacing: 0.12em;
  line-height: var(--line-small);
}

.pokerovy-page .pv-tempo-card__tag {
  color: var(--color-sage-muted);
  font-size: var(--text-small);
  font-weight: 700;
  letter-spacing: 0.12em;
  line-height: var(--line-small);
  text-transform: uppercase;
}

.pokerovy-page .pv-tempo-card__rule {
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, var(--color-copper-warm), transparent);
}

.pokerovy-page .pv-tempo-card h3,
.pokerovy-page .pv-tempo-card p {
  margin: 0;
}

.pokerovy-page .pv-tempo-card p {
  max-width: 40ch;
}

.pokerovy-page .pv-flow {
  padding-bottom: var(--space-8);
}

.pokerovy-page .pv-timeline {
  display: flex;
  width: min(100%, 47.5rem);
  min-width: 0;
  flex-direction: column;
  margin-top: var(--space-7);
  margin-inline: auto;
}

.pokerovy-page .pv-timeline__item {
  display: grid;
  min-width: 0;
  grid-template-columns: 6.25rem minmax(0, 1fr);
  column-gap: var(--space-5);
  padding-bottom: var(--space-6);
}

.pokerovy-page .pv-timeline__item:last-child {
  padding-bottom: 0;
}

.pokerovy-page .pv-timeline__marker {
  position: relative;
  min-width: 0;
  padding-top: 0.35rem;
}

.pokerovy-page .pv-timeline__item:not(:last-child) .pv-timeline__marker::after {
  position: absolute;
  top: 2rem;
  bottom: -2rem;
  left: 0.35rem;
  width: 1px;
  background: linear-gradient(var(--color-copper-warm), rgba(184, 120, 85, 0.12));
  content: "";
}

.pokerovy-page .pv-timeline__content {
  min-width: 0;
  max-width: 62ch;
}

.pokerovy-page .pv-timeline__content h3,
.pokerovy-page .pv-timeline__content p {
  margin: 0;
}

.pokerovy-page .pv-timeline__content {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

.pokerovy-page .pv-host {
  padding-top: var(--space-8);
  background: linear-gradient(180deg, var(--color-ink-night), #1d191c);
}

.pokerovy-page .pv-host__grid {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 42fr) minmax(0, 58fr);
  align-items: center;
  gap: var(--space-8);
}

.pokerovy-page .pv-host__copy,
.pokerovy-page .pv-host__media {
  min-width: 0;
}

.pokerovy-page .pv-host__copy {
  display: flex;
  max-width: 33.125rem;
  flex-direction: column;
  gap: var(--space-5);
}

.pokerovy-page .pv-host__copy h2,
.pokerovy-page .pv-host__copy p,
.pokerovy-page .pv-host__copy blockquote {
  margin: 0;
}

.pokerovy-page .pv-host__copy p {
  max-width: 58ch;
}

.pokerovy-page .pv-host__quote {
  padding: var(--space-4) 0 var(--space-4) var(--space-5);
}

.pokerovy-page .pv-host__media {
  position: relative;
  width: 100%;
  min-height: 37.5rem;
  margin: 0;
  overflow: hidden;
  border-radius: var(--radius-feature);
  background: var(--color-stone-deep);
}

.pokerovy-page .pv-host__media > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.pokerovy-page .pv-host__media::after {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(23, 23, 25, 0.04) 35%, rgba(23, 23, 25, 0.72) 100%),
    rgba(184, 120, 85, 0.08);
  content: "";
  pointer-events: none;
}

.pokerovy-page .pv-host__caption {
  position: absolute;
  z-index: 1;
  bottom: var(--space-5);
  left: var(--space-5);
  display: flex;
  width: min(72%, 25rem);
  min-width: 0;
  flex-direction: column;
  gap: var(--space-2);
  padding: var(--space-5);
}

.pokerovy-page .pv-host__caption h3,
.pokerovy-page .pv-host__caption p {
  margin: 0;
}

.pokerovy-page .pv-host__caption p {
  max-width: 38ch;
}

.pokerovy-page .pv-participation {
  background: var(--color-ink-night);
}

.pokerovy-page .pv-participation__intro {
  display: flex;
  width: min(100%, 37.5rem);
  min-width: 0;
  flex-direction: column;
  gap: var(--space-4);
}

.pokerovy-page .pv-participation__intro h2,
.pokerovy-page .pv-participation__intro p {
  margin: 0;
}

.pokerovy-page .pv-participation__selectors {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-4);
  margin-top: var(--space-6);
}

.pokerovy-page .pv-participation__selectors > * {
  min-width: 0;
}

.pokerovy-page .pv-selector {
  display: flex;
  min-width: 15.625rem;
  min-height: 6.5rem;
  flex-direction: column;
  justify-content: center;
  gap: var(--space-2);
  padding: var(--space-5);
  border: 1px solid rgba(255, 248, 237, 0.1);
  border-radius: var(--radius-panel);
  background: var(--color-stone-light);
  box-shadow: var(--shadow-raised);
  color: var(--color-cream-light);
  text-align: left;
  transition: background var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);
}

.pokerovy-page .pv-selector:hover {
  border-color: rgba(184, 120, 85, 0.72);
  background: #433c3a;
}

.pokerovy-page .pv-selector:active,
.pokerovy-page .pv-selector[aria-pressed="true"] {
  border-color: var(--color-copper-warm);
  background: var(--color-stone-deep);
  box-shadow: var(--shadow-inset);
  transform: translateY(1px);
}

.pokerovy-page .pv-selector[aria-pressed="true"]::after {
  width: 1.75rem;
  height: 2px;
  background: var(--color-copper-warm);
  content: "";
}

.pokerovy-page .pv-selector__title {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 1.8vw, 1.5rem);
  line-height: 1.15;
}

.pokerovy-page .pv-selector__hint {
  color: var(--color-cream-muted);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.4;
}

.pokerovy-page .pv-participation__detail {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-3);
  margin-top: var(--space-4);
  padding: var(--space-6);
}

.pokerovy-page .pv-participation__detail h3,
.pokerovy-page .pv-participation__detail p {
  margin: 0;
}

.pokerovy-page .pv-participation__detail p {
  max-width: 62ch;
}

.pokerovy-page .pv-principles {
  background: linear-gradient(180deg, #1d191c, var(--color-ink-night));
}

.pokerovy-page .pv-principles__intro {
  width: min(100%, 35rem);
}

.pokerovy-page .pv-principles__intro h2 {
  margin-bottom: 0;
}

.pokerovy-page .pv-principles__grid {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.2fr) minmax(0, 0.9fr);
  align-items: start;
  gap: var(--space-5);
  margin-top: var(--space-7);
}

.pokerovy-page .pv-principles__grid > * {
  min-width: 0;
}

.pokerovy-page .pv-principle {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-4);
  padding-top: var(--space-4);
}

.pokerovy-page .pv-principle h3,
.pokerovy-page .pv-principle p {
  margin: 0;
}

.pokerovy-page .pv-principle p {
  max-width: 42ch;
}

.pokerovy-page .pv-principle__marker {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: var(--color-copper-warm);
}

.pokerovy-page .pv-principle--safety {
  order: 0;
  min-height: 100%;
  padding: var(--space-6);
  transform: translateY(1.25rem);
}

.pokerovy-page .pv-principle--safety p {
  max-width: 48ch;
  color: var(--color-cream-light);
  font-size: 1.0625rem;
  font-weight: 500;
}

.pokerovy-page .pv-principle__link {
  display: inline-flex;
  min-height: 2.75rem;
  align-items: center;
  align-self: flex-start;
  font-size: var(--text-nav);
  font-weight: 700;
}

.pokerovy-page .pv-dinner {
  background: var(--color-ink-night);
}

.pokerovy-page .pv-dinner__grid {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 55fr) minmax(0, 45fr);
  align-items: center;
  gap: var(--space-8);
}

.pokerovy-page .pv-dinner__media,
.pokerovy-page .pv-dinner__copy {
  min-width: 0;
}

.pokerovy-page .pv-dinner__media {
  width: 100%;
  margin: 0;
  overflow: hidden;
  border-radius: var(--radius-feature);
  aspect-ratio: 3 / 2;
  background: var(--color-stone-deep);
}

.pokerovy-page .pv-dinner__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: filter var(--transition-fast);
}

.pokerovy-page .pv-dinner__media:hover img {
  filter: sepia(8%) brightness(1.04);
}

.pokerovy-page .pv-dinner__copy {
  display: flex;
  max-width: 29.375rem;
  flex-direction: column;
  gap: var(--space-5);
}

.pokerovy-page .pv-dinner__copy h2,
.pokerovy-page .pv-dinner__copy p,
.pokerovy-page .pv-dinner__copy hr {
  margin: 0;
}

.pokerovy-page .pv-dinner__copy p {
  max-width: 52ch;
}

.pokerovy-page .pv-dinner__link {
  display: inline-flex;
  min-height: 2.75rem;
  align-items: center;
  align-self: flex-start;
  font-size: var(--text-nav);
  font-weight: 700;
}

.pokerovy-page .pv-private {
  background: linear-gradient(180deg, var(--color-ink-night), var(--color-ink-plum));
}

.pokerovy-page .pv-private__panel {
  position: relative;
  display: grid;
  min-width: 0;
  min-height: 36.875rem;
  grid-template-columns: minmax(0, 52fr) minmax(0, 48fr);
  overflow: hidden;
}

.pokerovy-page .pv-private__panel::before {
  position: absolute;
  top: -10%;
  right: -4%;
  width: 53%;
  height: 120%;
  border-radius: 48% 0 0 48%;
  background:
    radial-gradient(circle at 42% 40%, rgba(244, 235, 221, 0.2) 0 1%, transparent 2% 100%),
    radial-gradient(circle at 64% 60%, rgba(184, 120, 85, 0.28), transparent 13rem),
    linear-gradient(145deg, rgba(244, 235, 221, 0.12), rgba(23, 23, 25, 0.12));
  box-shadow: inset 1px 0 0 rgba(255, 248, 237, 0.16);
  content: "";
}

.pokerovy-page .pv-private__plate {
  position: relative;
  z-index: 1;
  display: flex;
  width: 100%;
  min-width: 0;
  align-self: center;
  flex-direction: column;
  gap: var(--space-5);
  margin: var(--space-6);
  padding: var(--space-7);
}

.pokerovy-page .pv-private__plate > * {
  min-width: 0;
}

.pokerovy-page .pv-private__plate .eyebrow,
.pokerovy-page .pv-private__plate h2,
.pokerovy-page .pv-private__plate p,
.pokerovy-page .pv-private__plate hr {
  margin: 0;
}

.pokerovy-page .pv-private__plate .lead,
.pokerovy-page .pv-private__plate p {
  max-width: 52ch;
}

.pokerovy-page .pv-private__plate .button {
  align-self: flex-start;
}

.pokerovy-page .pv-close {
  text-align: center;
  background:
    radial-gradient(circle at 50% 24%, rgba(184, 120, 85, 0.2), transparent 24rem),
    var(--color-ink-plum);
}

.pokerovy-page .pv-close__content {
  display: flex;
  width: min(100%, 42.5rem);
  min-width: 0;
  flex-direction: column;
  align-items: center;
  gap: var(--space-5);
  margin-inline: auto;
}

.pokerovy-page .pv-close__content h2,
.pokerovy-page .pv-close__content p {
  margin: 0;
}

.pokerovy-page .pv-close__content p {
  max-width: 54ch;
}

.pokerovy-page .pv-close__actions {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--space-4);
}

.pokerovy-page .pv-close__actions > * {
  min-width: 0;
}

.pokerovy-page .pv-reveal {
  opacity: 0;
  transform: translateY(0.5rem);
  transition: opacity var(--transition-fast), transform var(--transition-fast);
}

.pokerovy-page .pv-reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

@media (max-width: 1023px) {
  .pokerovy-page .pv-hero {
    min-height: 40rem;
  }

  .pokerovy-page .pv-hero__copy {
    width: min(62%, 38.125rem);
  }

  .pokerovy-page .pv-tempo__cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pokerovy-page .pv-tempo__cards > :nth-child(3) {
    grid-column: 1 / -1;
  }

  .pokerovy-page .pv-host__grid {
    grid-template-columns: minmax(0, 52fr) minmax(0, 48fr);
    gap: var(--space-6);
  }

  .pokerovy-page .pv-host__media {
    min-height: 31rem;
  }

  .pokerovy-page .pv-participation__selectors {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pokerovy-page .pv-participation__selectors > :nth-child(3) {
    grid-column: 1 / -1;
  }

  .pokerovy-page .pv-principles__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pokerovy-page .pv-principle--safety {
    grid-column: 1 / -1;
    transform: none;
  }

  .pokerovy-page .pv-principle--respect {
    grid-column: 1;
  }

  .pokerovy-page .pv-principle--choice {
    grid-column: 2;
  }

  .pokerovy-page .pv-dinner__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-6);
  }

  .pokerovy-page .pv-private__panel {
    grid-template-columns: minmax(0, 58fr) minmax(0, 42fr);
  }

  .pokerovy-page .pv-private__panel::before {
    width: 46%;
  }
}

@media (max-width: 759px) {
  .pokerovy-page .pv-hero {
    min-height: 40.625rem;
  }

  .pokerovy-page .pv-hero__media img {
    object-position: 50% 35%;
  }

  .pokerovy-page .pv-hero__shade {
    background:
      linear-gradient(180deg, rgba(23, 23, 25, 0.24) 0%, rgba(23, 23, 25, 0.54) 40%, rgba(23, 23, 25, 0.97) 100%),
      linear-gradient(90deg, rgba(23, 23, 25, 0.72), transparent 78%);
  }

  .pokerovy-page .pv-hero__inner {
    padding-top: 7rem;
    padding-bottom: var(--space-7);
  }

  .pokerovy-page .pv-hero__copy {
    width: 100%;
    gap: var(--space-4);
  }

  .pokerovy-page .pv-hero__lead {
    max-width: 100%;
  }

  .pokerovy-page .pv-hero__actions {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    gap: var(--space-3);
  }

  .pokerovy-page .pv-hero__actions .button,
  .pokerovy-page .pv-hero__private-link {
    width: 100%;
  }

  .pokerovy-page .pv-tempo__cards,
  .pokerovy-page .pv-participation__selectors,
  .pokerovy-page .pv-principles__grid,
  .pokerovy-page .pv-dinner__grid,
  .pokerovy-page .pv-host__grid,
  .pokerovy-page .pv-private__panel {
    grid-template-columns: minmax(0, 1fr);
  }

  .pokerovy-page .pv-tempo__cards > :nth-child(3),
  .pokerovy-page .pv-participation__selectors > :nth-child(3),
  .pokerovy-page .pv-principle--safety,
  .pokerovy-page .pv-principle--respect,
  .pokerovy-page .pv-principle--choice {
    grid-column: auto;
  }

  .pokerovy-page .pv-tempo-card {
    padding: var(--space-5);
  }

  .pokerovy-page .pv-flow {
    padding-bottom: var(--space-7);
  }

  .pokerovy-page .pv-timeline {
    width: 100%;
    gap: var(--space-6);
    margin-top: var(--space-6);
  }

  .pokerovy-page .pv-timeline__item {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    padding-bottom: 0;
  }

  .pokerovy-page .pv-timeline__marker {
    display: flex;
    width: 100%;
    align-items: center;
    gap: var(--space-3);
    padding-top: 0;
  }

  .pokerovy-page .pv-timeline__marker::after,
  .pokerovy-page .pv-timeline__item:not(:last-child) .pv-timeline__marker::after {
    position: static;
    display: block;
    width: 2rem;
    height: 1px;
    background: var(--color-copper-warm);
    content: "";
  }

  .pokerovy-page .pv-timeline__content {
    max-width: none;
  }

  .pokerovy-page .pv-host {
    padding-top: var(--space-7);
  }

  .pokerovy-page .pv-host__copy {
    max-width: none;
  }

  .pokerovy-page .pv-host__media {
    min-height: 0;
    aspect-ratio: 4 / 5;
  }

  .pokerovy-page .pv-host__caption {
    right: var(--space-3);
    bottom: var(--space-3);
    left: var(--space-3);
    width: auto;
    max-width: none;
    padding: var(--space-4);
  }

  .pokerovy-page .pv-selector {
    width: 100%;
    min-width: 0;
    min-height: 3.5rem;
    padding: var(--space-4);
  }

  .pokerovy-page .pv-participation__detail {
    padding: var(--space-5);
  }

  .pokerovy-page .pv-principles__grid {
    gap: var(--space-5);
    margin-top: var(--space-6);
  }

  .pokerovy-page .pv-principle--safety {
    order: -1;
    padding: var(--space-5);
  }

  .pokerovy-page .pv-principle p,
  .pokerovy-page .pv-principle--safety p {
    max-width: none;
  }

  .pokerovy-page .pv-dinner__grid {
    gap: var(--space-6);
  }

  .pokerovy-page .pv-dinner__copy {
    max-width: none;
  }

  .pokerovy-page .pv-dinner__copy p {
    max-width: none;
  }

  .pokerovy-page .pv-private__panel {
    min-height: 0;
  }

  .pokerovy-page .pv-private__panel::before {
    position: static;
    display: block;
    width: 100%;
    height: 11.25rem;
    border-radius: 0;
    background:
      radial-gradient(circle at 60% 48%, rgba(184, 120, 85, 0.3), transparent 9rem),
      linear-gradient(145deg, var(--color-ink-plum), var(--color-stone-deep));
    box-shadow: inset 0 -1px 0 rgba(255, 248, 237, 0.15);
  }

  .pokerovy-page .pv-private__plate {
    margin: 0;
    padding: var(--space-5);
    border-radius: 0;
    border-inline: 0;
    border-bottom: 0;
  }

  .pokerovy-page .pv-private__plate .button {
    width: 100%;
    min-height: 3rem;
  }

  .pokerovy-page .pv-close__content {
    width: 100%;
  }

  .pokerovy-page .pv-close__actions {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    gap: var(--space-3);
  }

  .pokerovy-page .pv-close__actions .button {
    width: 100%;
    min-height: 3rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .pokerovy-page .pv-reveal {
    opacity: 1;
    transform: none;
  }
}