.pokerove-vecery-page {
  overflow: clip;
  background: var(--color-graphite);
}

.pokerove-vecery-page [data-pv-reveal] {
  opacity: 0;
  transform: translateY(12px);
  transition: opacity 500ms ease-out, transform 500ms ease-out;
}

.pokerove-vecery-page [data-pv-reveal].is-visible {
  opacity: 1;
  transform: translateY(0);
}

.pv-hero {
  position: relative;
  display: grid;
  min-height: clamp(47.5rem, 64vw, 53.75rem);
  isolation: isolate;
  overflow: hidden;
  background: var(--color-dark-marble);
}

.pv-hero__image,
.pv-hero__overlay,
.pv-hero__content {
  grid-area: 1 / 1;
}

.pv-hero__image {
  width: 100%;
  min-width: 0;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: 66% center;
}

.pv-hero__overlay {
  z-index: 1;
  background: linear-gradient(90deg, rgba(23, 24, 23, 0.9) 0%, rgba(23, 24, 23, 0.74) 35%, rgba(23, 24, 23, 0.2) 66%, rgba(23, 24, 23, 0.08) 100%);
}

.pv-hero__content {
  z-index: 2;
  display: flex;
  align-items: flex-end;
  width: min(100% - (var(--gutter-desktop) * 2), var(--container-max));
  min-width: 0;
  padding-block: 9.5rem 8rem;
}

.pv-hero__copy {
  display: flex;
  flex: 0 1 36.875rem;
  min-width: 0;
  max-width: 36.875rem;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-5);
}

.pv-hero__copy .status,
.pv-hero__copy h1,
.pv-hero__copy p {
  margin: 0;
}

.pv-hero__copy .status {
  color: #8e9765;
}

.pv-hero__copy p:not(.status) {
  max-width: 31.25rem;
  color: var(--color-warm-ivory);
  font-size: var(--text-18);
}

.pv-rhythm__intro {
  width: 55%;
  min-width: 0;
  max-width: 42.5rem;
  padding-inline-start: var(--space-5);
  border-inline-start: var(--border-copper);
}

.pv-rhythm__intro .eyebrow,
.pv-rhythm__intro h2,
.pv-rhythm__intro p {
  margin: 0;
}

.pv-rhythm__intro {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.pv-rhythm__intro > p:last-child {
  max-width: 38.75rem;
  font-size: var(--text-18);
}

.pv-rhythm__details {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 4fr);
  gap: var(--space-7);
  margin-block-start: var(--space-8);
}

.pv-rhythm__detail {
  display: flex;
  min-width: 0;
  max-width: 26.875rem;
  flex-direction: column;
  gap: var(--space-3);
  padding-block-start: var(--space-5);
  border-top: var(--border-copper);
}

.pv-rhythm__detail--offset {
  margin-block-start: var(--space-7);
}

.pv-rhythm__detail .meta,
.pv-rhythm__detail h3,
.pv-rhythm__detail p {
  margin: 0;
}

.pv-table__layout {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(23.75rem, 5fr);
  align-items: end;
  gap: clamp(var(--space-6), 6vw, var(--space-9));
}

.pv-table__media {
  width: 100%;
  min-width: 0;
  aspect-ratio: 4 / 3;
  margin: 0;
}

.pv-table__copy {
  display: flex;
  min-width: 0;
  max-width: 29.375rem;
  flex-direction: column;
  gap: var(--space-4);
  margin-block-end: var(--space-7);
  padding-inline-start: var(--space-5);
  border-inline-start: var(--border-copper);
}

.pv-table__copy .eyebrow,
.pv-table__copy h2,
.pv-table__copy > p {
  margin: 0;
}

.pv-table__note {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  padding-block-start: var(--space-5);
  border-top: var(--border-quiet);
}

.pv-table__note .meta,
.pv-table__note h3,
.pv-table__note p {
  margin: 0;
}

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

.pv-flow__intro .eyebrow,
.pv-flow__intro h2,
.pv-flow__intro p {
  margin: 0;
}

.pv-flow__steps {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-6);
  margin-block-start: var(--space-8);
}

.pv-flow__steps::before {
  position: absolute;
  top: 1.3rem;
  right: 6%;
  left: 6%;
  height: 1px;
  background: var(--color-border-copper);
  content: "";
}

.pv-flow__step {
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  min-width: 0;
}

.pv-flow__step--middle {
  margin-block-start: var(--space-7);
}

.pv-flow__number {
  position: relative;
  z-index: 1;
  width: max-content;
  padding-inline-end: var(--space-3);
  background: var(--color-graphite);
  color: var(--color-burnt-copper);
  font-family: var(--font-heading);
  font-size: var(--text-44);
  line-height: 0.8;
}

.pv-flow__step--middle .pv-flow__number {
  color: var(--color-warm-ivory);
  text-shadow: 0 0 0 var(--color-deep-burgundy), 4px 0 0 var(--color-deep-burgundy);
}

.pv-flow__step-copy {
  display: flex;
  min-width: 0;
  max-width: 21.25rem;
  flex-direction: column;
  gap: var(--space-3);
  padding-block-start: var(--space-5);
}

.pv-flow__step-copy .meta,
.pv-flow__step-copy h3,
.pv-flow__step-copy p {
  margin: 0;
}

.pv-experience {
  border-block: var(--border-copper);
  background: var(--color-deep-burgundy);
}

.pv-experience__inner {
  padding-block: clamp(var(--space-9), 10vw, var(--space-10));
}

.pv-experience__heading {
  display: flex;
  width: 100%;
  min-width: 0;
  max-width: 37.5rem;
  flex-direction: column;
  gap: var(--space-4);
  margin-inline: auto;
  text-align: center;
}

.pv-experience__heading .eyebrow,
.pv-experience__heading h2 {
  margin: 0;
}

.pv-experience__columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-8);
  margin-block-start: var(--space-8);
}

.pv-experience__column {
  display: flex;
  min-width: 0;
  max-width: 29.375rem;
  flex-direction: column;
  gap: var(--space-4);
}

.pv-experience__column--offset {
  justify-self: end;
  margin-block-start: var(--space-8);
}

.pv-experience__column h3,
.pv-experience__column p {
  margin: 0;
}

.pv-experience__emphasis {
  color: var(--color-warm-ivory);
  font-family: var(--font-heading);
  font-size: var(--text-24);
  line-height: var(--leading-compact);
}

.pv-experience__closing {
  width: 100%;
  min-width: 0;
  max-width: 28.125rem;
  margin: var(--space-8) 0 0;
  color: var(--color-warm-ivory);
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  line-height: 1;
}

.pv-taste__layout {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  align-items: center;
  gap: clamp(var(--space-6), 7vw, var(--space-10));
}

.pv-taste__copy {
  display: flex;
  min-width: 0;
  max-width: 31.25rem;
  flex-direction: column;
  gap: var(--space-4);
}

.pv-taste__copy .eyebrow,
.pv-taste__copy h2,
.pv-taste__copy > p {
  margin: 0;
}

.pv-taste__media {
  justify-self: end;
  width: 100%;
  min-width: 0;
  max-width: 37.5rem;
  aspect-ratio: 3 / 4;
  margin: 0;
}

.pv-taste__links {
  display: flex;
  min-width: 0;
  max-width: 26.25rem;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  margin-block-start: var(--space-4);
}

.pv-taste__links p,
.pv-taste__links a {
  margin: 0;
}

.pv-taste__links a,
.pv-before__item--links a,
.pv-final__contact {
  padding-block-end: var(--space-1);
  border-bottom: 1px solid var(--color-burnt-copper);
  color: var(--color-warm-ivory);
  font-size: var(--text-14);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-decoration: none;
}

.pv-taste__links a:hover,
.pv-before__item--links a:hover,
.pv-final__contact:hover {
  color: var(--color-burnt-copper);
}

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

.pv-groups__intro .eyebrow,
.pv-groups__intro h2,
.pv-groups__intro p {
  margin: 0;
}

.pv-groups__grid {
  display: grid;
  grid-template-columns: minmax(0, 4fr) minmax(0, 5fr) minmax(0, 3fr);
  align-items: start;
  gap: var(--space-6);
  margin-block-start: var(--space-8);
}

.pv-groups__item {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-3);
  padding-block-start: var(--space-5);
  border-top: var(--border-copper);
}

.pv-groups__item--colleagues {
  margin-block-start: var(--space-7);
}

.pv-groups__item--private {
  gap: var(--space-4);
}

.pv-groups__item h3,
.pv-groups__item p,
.pv-groups__item .meta {
  margin: 0;
}

.pv-groups__item .button {
  align-self: flex-start;
  margin-block-start: var(--space-2);
}

.pv-before__intro {
  display: flex;
  width: 100%;
  min-width: 0;
  max-width: 38.75rem;
  flex-direction: column;
  gap: var(--space-4);
}

.pv-before__intro .eyebrow,
.pv-before__intro h2,
.pv-before__intro p {
  margin: 0;
}

.pv-before__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-7) var(--space-6);
  margin-block-start: var(--space-8);
}

.pv-before__item {
  display: flex;
  min-width: 0;
  max-width: 26.875rem;
  flex-direction: column;
  gap: var(--space-3);
  padding-block-start: var(--space-5);
  border-top: var(--border-copper);
}

.pv-before__item h3,
.pv-before__item p,
.pv-before__item .meta,
.pv-before__item a {
  margin: 0;
}

.pv-before__item--links {
  max-width: 24.375rem;
}

.pv-before__item--links a {
  align-self: flex-start;
}

.pv-final {
  border-block: var(--border-copper);
  background: var(--color-deep-burgundy);
}

.pv-final__inner {
  display: grid;
  grid-template-columns: minmax(0, 55%) minmax(0, 45%);
  padding-block: clamp(var(--space-9), 10vw, var(--space-10));
}

.pv-final__copy {
  display: flex;
  grid-column: 1;
  min-width: 0;
  max-width: 42.5rem;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
}

.pv-final__copy .eyebrow,
.pv-final__copy h2,
.pv-final__copy > p {
  margin: 0;
}

.pv-final__copy > p:last-of-type {
  max-width: 36.25rem;
  font-size: var(--text-18);
}

.pv-final__actions {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  margin-block-start: var(--space-2);
}

.pv-final .button--copper:hover {
  border-color: var(--color-burnt-copper);
  background: var(--color-graphite);
  color: var(--color-warm-ivory);
}

@media (max-width: 1020px) {
  .pv-hero__content {
    padding-block: 8rem 6rem;
  }

  .pv-table__layout,
  .pv-taste__layout {
    grid-template-columns: 1fr;
  }

  .pv-table__media,
  .pv-taste__media {
    max-width: none;
  }

  .pv-table__copy {
    max-width: 29.375rem;
    margin-block: 0;
  }

  .pv-taste__media {
    aspect-ratio: 4 / 3;
  }

  .pv-taste__copy {
    max-width: 31.25rem;
  }
}

@media (max-width: 980px) {
  .pv-rhythm__intro {
    width: 100%;
  }

  .pv-rhythm__details {
    grid-template-columns: 1fr;
    gap: var(--space-6);
  }

  .pv-rhythm__detail,
  .pv-rhythm__detail--offset {
    width: 100%;
    max-width: 26.875rem;
    margin-block-start: 0;
  }

  .pv-flow__steps {
    grid-template-columns: 1fr;
    gap: var(--space-6);
    margin-inline-start: 0;
  }

  .pv-flow__steps::before {
    top: 1.25rem;
    bottom: 1.25rem;
    left: 1.2rem;
    width: 1px;
    height: auto;
  }

  .pv-flow__step,
  .pv-flow__step--middle {
    grid-template-columns: 3.5rem minmax(0, 1fr);
    gap: var(--space-4);
    margin-block-start: 0;
  }

  .pv-flow__number {
    padding: 0;
  }

  .pv-flow__step-copy {
    max-width: 21.25rem;
    padding-block-start: 0;
  }
}

@media (max-width: 920px) {
  .pv-experience__heading {
    margin-inline: 0;
    text-align: left;
  }

  .pv-experience__columns {
    grid-template-columns: 1fr;
    gap: var(--space-6);
  }

  .pv-experience__column,
  .pv-experience__column--offset {
    width: 100%;
    max-width: 29.375rem;
    justify-self: start;
    margin-block-start: 0;
    padding-block-start: var(--space-5);
    border-top: var(--border-copper);
  }
}

@media (max-width: 899px) {
  .pv-hero__content {
    width: min(100% - (var(--gutter-tablet) * 2), var(--container-max));
  }

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

  .pv-groups__item--private {
    grid-column: 1 / -1;
    width: 100%;
    max-width: 34.375rem;
  }
}

@media (max-width: 850px) {
  .pv-before__grid {
    grid-template-columns: 1fr;
    gap: var(--space-6);
  }

  .pv-before__item,
  .pv-before__item--links {
    width: 100%;
    max-width: 26.875rem;
  }
}

@media (max-width: 720px) {
  .pv-groups__grid {
    grid-template-columns: 1fr;
    gap: var(--space-6);
  }

  .pv-groups__item--colleagues {
    margin-block-start: 0;
  }

  .pv-groups__item--private {
    grid-column: auto;
    max-width: 31.25rem;
  }
}

@media (max-width: 639px) {
  .pokerove-vecery-page [data-pv-reveal] {
    opacity: 1;
    transform: none;
  }

  .pv-hero {
    min-height: 43.125rem;
  }

  .pv-hero__image {
    object-position: 63% center;
  }

  .pv-hero__overlay {
    background: linear-gradient(180deg, rgba(23, 24, 23, 0.12) 0%, rgba(23, 24, 23, 0.32) 28%, rgba(23, 24, 23, 0.9) 69%, rgba(23, 24, 23, 0.98) 100%);
  }

  .pv-hero__content {
    width: min(100% - (var(--gutter-mobile) * 2), var(--container-max));
    padding-block: 7rem var(--space-6);
  }

  .pv-hero__copy {
    flex-basis: 100%;
    max-width: none;
    gap: var(--space-4);
  }

  .pv-hero__copy p:not(.status) {
    max-width: 31.25rem;
    font-size: var(--text-16);
  }

  .pv-rhythm__intro,
  .pv-table__copy {
    padding-inline-start: var(--space-4);
  }

  .pv-rhythm__intro > p:last-child {
    font-size: var(--text-16);
  }

  .pv-table.section {
    padding-block-start: var(--space-7);
  }

  .pv-table__layout {
    width: 100%;
  }

  .pv-table__media {
    width: 100%;
    aspect-ratio: 1 / 0.95;
    border-inline: 0;
    border-radius: 0;
  }

  .pv-table__copy {
    width: min(100% - (var(--gutter-mobile) * 2), var(--container-max));
    justify-self: center;
  }

  .pv-flow__steps {
    gap: var(--space-5);
    margin-block-start: var(--space-7);
  }

  .pv-flow__step,
  .pv-flow__step--middle {
    grid-template-columns: 2.5rem minmax(0, 1fr);
    gap: var(--space-4);
  }

  .pv-flow__number {
    font-size: var(--text-32);
  }

  .pv-flow__step-copy {
    max-width: none;
  }

  .pv-experience__inner {
    padding-block: var(--space-8);
  }

  .pv-experience__closing {
    margin-block-start: var(--space-7);
    font-size: var(--text-32);
  }

  .pv-taste__layout {
    gap: var(--space-6);
  }

  .pv-taste__media {
    width: 100%;
    aspect-ratio: 3 / 4;
    border-inline: 0;
    border-radius: 0;
  }

  .pv-taste__links {
    gap: var(--space-4);
  }

  .pv-final__inner {
    grid-template-columns: 1fr;
    padding-block: var(--space-8);
  }

  .pv-final__copy {
    grid-column: auto;
  }

  .pv-final__copy > p:last-of-type {
    font-size: var(--text-16);
  }
}

@media (prefers-reduced-motion: reduce) {
  .pokerove-vecery-page [data-pv-reveal] {
    opacity: 1;
    transform: none;
    transition: none;
  }
}