.pokerlounge-page {
  position: relative;
  isolation: isolate;
  overflow: clip;
  background: var(--color-abyss-950);
}

.pokerlounge-page > section,
.pokerlounge-page > .pokerlounge-page__glow {
  position: relative;
  z-index: 1;
}

.pokerlounge-page__glow {
  position: absolute !important;
  width: 34rem;
  height: 34rem;
  border-radius: 50%;
  pointer-events: none;
  filter: blur(54px);
  opacity: 0.28;
  background: rgba(105, 103, 201, 0.26);
}

.pokerlounge-page__glow--one {
  top: 32rem;
  right: -15rem;
}

.pokerlounge-page__glow--two {
  top: 118rem;
  left: -18rem;
  background: rgba(39, 102, 159, 0.2);
}

.pl-hero {
  padding-block: var(--space-6) var(--space-8);
}

.pl-hero__container {
  position: relative;
  min-width: 0;
}

.pl-hero__media {
  width: 100%;
  height: clamp(38.75rem, 56vw, 44rem);
  border: 1px solid var(--surface-border);
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-deep);
}

.pl-hero__media > img {
  object-position: 68% center;
}

.pl-hero__panel {
  position: absolute;
  bottom: var(--space-7);
  left: var(--space-7);
  display: flex;
  width: min(48%, 36.25rem);
  min-width: 0;
  flex-direction: column;
  gap: var(--space-4);
  margin: 0;
  padding: var(--space-6);
}

.pl-hero__panel > * {
  min-width: 0;
  margin: 0;
}

.pl-hero__panel h1 {
  max-width: 22ch;
}

.pl-hero__panel .lead {
  max-width: 42ch;
}

.pl-hero__actions {
  width: 100%;
}

.pl-hero__actions > * {
  flex: 0 1 auto;
}

.pl-hero__caption {
  color: var(--color-ice-300);
  font-size: var(--text-helper);
  line-height: var(--leading-helper);
}

.pl-narrative {
  padding-block-start: var(--space-8);
}

.pl-narrative__content {
  width: min(66.666%, 43.75rem);
  min-width: 0;
}

.pl-narrative__content > .eyebrow,
.pl-narrative__content > h2,
.pl-narrative__content > .pl-narrative__intro {
  min-width: 0;
}

.pl-narrative__content h2 {
  max-width: 22ch;
}

.pl-narrative__intro {
  max-width: 64ch;
}

.pl-narrative__units {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-7);
  margin-top: var(--space-7);
}

.pl-narrative__unit {
  width: min(100%, 58ch);
  min-width: 0;
  padding-top: var(--space-5);
  border-top: 1px solid var(--surface-border);
}

.pl-narrative__unit h3,
.pl-narrative__unit p {
  max-width: 58ch;
}

.pl-narrative__unit--lead p:last-child {
  color: var(--color-ice-100);
  font-size: var(--text-lead);
  line-height: var(--leading-lead);
}

.pl-details > .container > .eyebrow,
.pl-details > .container > h2 {
  max-width: 30ch;
}

.pl-details__layout {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  gap: 2.5rem;
  align-items: start;
  min-width: 0;
  margin-top: var(--space-7);
}

.pl-details__figure {
  width: 100%;
  min-width: 0;
  aspect-ratio: 4 / 5;
  margin: 0;
  border: 1px solid var(--surface-border);
  box-shadow: var(--shadow-deep);
}

.pl-details__figure img {
  width: 100%;
  height: 100%;
  object-position: center;
}

.pl-details__content {
  display: flex;
  width: 100%;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-6);
}

.pl-details__main-copy {
  width: min(100%, 44ch);
  min-width: 0;
}

.pl-details__main-copy h3,
.pl-details__main-copy p {
  max-width: 44ch;
}

.pl-details__cards {
  display: flex;
  width: 100%;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-4);
}

.pl-details__card {
  width: 100%;
  min-width: 0;
  transition: border-color var(--transition-base), background var(--transition-base);
}

.pl-details__card:hover {
  border-color: rgba(167, 165, 255, 0.48);
  background: linear-gradient(145deg, rgba(31, 67, 106, 0.76), rgba(11, 20, 36, 0.8));
}

.pl-details__card h3,
.pl-details__card p {
  max-width: 32ch;
}

.pl-evening__header {
  width: min(100%, 38.75rem);
  min-width: 0;
  margin-inline: auto;
  text-align: center;
}

.pl-evening__header h2,
.pl-evening__header p {
  max-width: 54ch;
  margin-inline: auto;
}

.pl-evening__steps {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-6);
  min-width: 0;
  margin-top: var(--space-7);
}

.pl-evening__steps::before {
  position: absolute;
  top: 1.3rem;
  right: 8%;
  left: 8%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(167, 165, 255, 0.65), transparent);
  content: "";
}

.pl-evening__step {
  position: relative;
  width: 100%;
  min-width: 0;
  padding-top: var(--space-6);
}

.pl-evening__number {
  position: relative;
  z-index: 1;
  width: max-content;
  margin-bottom: var(--space-4);
  padding-right: var(--space-3);
  background: var(--color-abyss-950);
  color: var(--color-violet-glow);
  font-size: var(--text-helper);
  font-weight: 700;
  letter-spacing: 0.08em;
}

.pl-evening__step h3,
.pl-evening__step p:not(.pl-evening__number) {
  max-width: 34ch;
}

.pl-interior__media {
  width: 100%;
  min-width: 0;
  aspect-ratio: 16 / 9;
  border: 1px solid var(--surface-border);
  box-shadow: var(--shadow-deep);
}

.pl-interior__media > img {
  object-position: center;
}

.pl-interior__quote {
  position: absolute;
  z-index: 1;
  bottom: var(--space-6);
  left: var(--space-6);
  width: min(100% - 3rem, 26.875rem);
  min-width: 0;
  margin: 0;
  padding: var(--space-5);
}

.pl-interior__quote p {
  max-width: 24ch;
  margin: 0;
  color: var(--color-ice-100);
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 2.5vw, 2rem);
  font-weight: 600;
  line-height: 1.1;
}

.pl-interior__copy {
  width: min(58.333%, 38.75rem);
  min-width: 0;
  margin-top: var(--space-6);
}

.pl-interior__copy h2,
.pl-interior__copy p {
  max-width: 54ch;
}

.pl-occasions__header,
.pl-related__header {
  width: min(100%, 38.75rem);
  min-width: 0;
  margin-inline: auto;
  text-align: center;
}

.pl-occasions__header h2,
.pl-occasions__header p,
.pl-related__header h2,
.pl-related__header p {
  max-width: 54ch;
  margin-inline: auto;
}

.pl-occasions__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-5);
  min-width: 0;
  margin-top: var(--space-7);
}

.pl-occasions__card {
  display: flex;
  width: 100%;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-4);
}

.pl-occasions__card > * {
  min-width: 0;
  margin: 0;
}

.pl-occasions__card p:not(.eyebrow) {
  max-width: 34ch;
}

.pl-occasions__card--cta {
  background: linear-gradient(145deg, rgba(34, 70, 108, 0.88), var(--surface-glass-strong));
}

.pl-occasions__link {
  width: max-content;
  max-width: 100%;
  min-height: 2.75rem;
  margin-top: auto;
  text-align: left;
}

.pl-menu-link__layout {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  gap: 3.5rem;
  align-items: start;
  min-width: 0;
}

.pl-menu-link__primary,
.pl-menu-link__secondary {
  width: 100%;
  min-width: 0;
}

.pl-menu-link__primary h2,
.pl-menu-link__primary p {
  max-width: 46ch;
}

.pl-menu-link__primary .lead {
  max-width: 46ch;
}

.pl-menu-link__cta-copy {
  color: var(--color-ice-100);
  font-size: var(--text-lead);
  line-height: var(--leading-lead);
}

.pl-menu-link__secondary {
  margin-top: var(--space-3);
  padding-left: var(--space-5);
  border-left: 1px solid rgba(167, 165, 255, 0.68);
}

.pl-menu-link__secondary h3,
.pl-menu-link__secondary p {
  max-width: 38ch;
}

.pl-clarity__panel {
  width: min(100%, 57.5rem);
  min-width: 0;
  margin-inline: auto;
}

.pl-clarity__panel > .eyebrow,
.pl-clarity__panel > h2 {
  max-width: 28ch;
}

.pl-clarity__rows {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-5);
  margin-top: var(--space-6);
}

.pl-clarity__row {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-4);
  width: 100%;
  min-width: 0;
  padding-top: var(--space-5);
  border-top: 1px solid var(--surface-border);
}

.pl-clarity__row-copy {
  width: 100%;
  min-width: 0;
}

.pl-clarity__row-copy h3,
.pl-clarity__row-copy p {
  max-width: 62ch;
}

.pl-clarity__row--action {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
}

.pl-clarity__row--action .button {
  width: max-content;
  min-width: 0;
}

.pl-related__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-4);
  min-width: 0;
  margin-top: var(--space-7);
}

.pl-related__card {
  display: flex;
  width: 100%;
  min-width: 0;
  min-height: 100%;
  flex-direction: column;
  gap: var(--space-4);
  text-decoration: none;
  transition: border-color var(--transition-base), background var(--transition-base), box-shadow var(--transition-base);
}

.pl-related__card > * {
  min-width: 0;
  margin: 0;
}

.pl-related__card p {
  max-width: 28ch;
}

.pl-related__card span {
  min-height: 2.75rem;
  margin-top: auto;
  color: var(--color-violet-glow);
  font-size: var(--text-helper);
  font-weight: 700;
  line-height: 1.35;
  text-decoration: underline;
  text-decoration-color: rgba(167, 165, 255, 0.6);
  text-underline-offset: 0.18em;
}

.pl-related__card:hover {
  border-color: rgba(167, 165, 255, 0.6);
  background: linear-gradient(145deg, rgba(33, 70, 109, 0.82), rgba(11, 20, 36, 0.84));
  box-shadow: var(--shadow-glow);
}

.pl-related__card--strong {
  background: linear-gradient(145deg, rgba(34, 70, 108, 0.88), var(--surface-glass-strong));
}

.pl-final {
  padding-bottom: var(--space-10);
}

.pl-final__panel {
  display: flex;
  width: min(100%, 47.5rem);
  min-width: 0;
  flex-direction: column;
  align-items: center;
  gap: var(--space-4);
  margin-inline: auto;
  padding: clamp(3rem, 5vw, 3.5rem);
  text-align: center;
}

.pl-final__panel > * {
  min-width: 0;
  margin: 0;
}

.pl-final__panel h2 {
  max-width: 24ch;
}

.pl-final__panel .lead {
  max-width: 50ch;
}

.pl-final__actions {
  justify-content: center;
  width: 100%;
  margin-top: var(--space-2);
}

.pl-final__actions > * {
  flex: 0 1 auto;
}

@media (max-width: 65rem) {
  .pl-hero__panel {
    right: var(--space-6);
    bottom: var(--space-6);
    left: var(--space-6);
    width: auto;
  }

  .pl-hero__panel .lead {
    max-width: 58ch;
  }

  .pl-narrative__content {
    width: min(75%, 43.75rem);
  }

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

@media (max-width: 61.25rem) {
  .pl-details__layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .pl-details__figure {
    width: min(100%, 34rem);
  }

  .pl-details__content {
    gap: var(--space-5);
  }

  .pl-details__main-copy {
    width: min(100%, 58ch);
  }

  .pl-details__cards {
    gap: var(--space-4);
  }

  .pl-details__card h3,
  .pl-details__card p {
    max-width: 58ch;
  }
}

@media (max-width: 60rem) {
  .pl-occasions__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pl-occasions__card--cta {
    grid-column: 1 / -1;
  }
}

@media (max-width: 56.25rem) {
  .pl-narrative__content {
    width: min(90%, 43.75rem);
  }

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

  .pl-evening__step:nth-child(3) {
    grid-column: 1 / -1;
    width: min(100%, calc(50% - var(--space-3)));
    justify-self: center;
  }

  .pl-menu-link__layout {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-6);
  }

  .pl-menu-link__secondary {
    margin-top: 0;
  }
}

@media (max-width: 47.5rem) {
  .pokerlounge-page__glow {
    width: 19rem;
    height: 19rem;
    filter: blur(42px);
    opacity: 0.18;
  }

  .pokerlounge-page__glow--one {
    top: 48rem;
    right: -11rem;
  }

  .pokerlounge-page__glow--two {
    top: 146rem;
    left: -12rem;
  }

  .pl-hero {
    padding-block: var(--space-4) var(--space-7);
  }

  .pl-hero__media {
    height: auto;
    aspect-ratio: 4 / 5;
    border-radius: var(--radius-lg);
  }

  .pl-hero__media > img {
    object-position: 58% center;
  }

  .pl-hero__panel {
    position: relative;
    right: auto;
    bottom: auto;
    left: auto;
    width: calc(100% - 2rem);
    margin: calc(var(--space-6) * -1) auto 0;
    padding: var(--space-5);
  }

  .pl-hero__panel h1 {
    max-width: 100%;
    font-size: clamp(2.125rem, 10vw, 2.5rem);
  }

  .pl-hero__panel .lead,
  .pl-hero__caption {
    max-width: 100%;
  }

  .pl-hero__actions {
    flex-direction: column;
    align-items: stretch;
  }

  .pl-hero__actions > * {
    width: 100%;
  }

  .pl-narrative {
    padding-block-start: var(--space-7);
  }

  .pl-narrative__content {
    width: 100%;
  }

  .pl-narrative__content h2,
  .pl-narrative__intro,
  .pl-narrative__unit,
  .pl-narrative__unit h3,
  .pl-narrative__unit p {
    max-width: 100%;
  }

  .pl-narrative__units {
    gap: var(--space-6);
    margin-top: var(--space-6);
  }

  .pl-details > .container > .eyebrow,
  .pl-details > .container > h2 {
    max-width: 100%;
  }

  .pl-details__layout {
    gap: var(--space-6);
    margin-top: var(--space-6);
  }

  .pl-details__figure {
    width: 100%;
    aspect-ratio: 4 / 5;
    border-radius: var(--radius-lg);
  }

  .pl-details__main-copy,
  .pl-details__main-copy h3,
  .pl-details__main-copy p,
  .pl-details__card h3,
  .pl-details__card p {
    max-width: 100%;
  }

  .pl-evening__header,
  .pl-occasions__header,
  .pl-related__header {
    width: 100%;
  }

  .pl-evening__header h2,
  .pl-evening__header p,
  .pl-occasions__header h2,
  .pl-occasions__header p,
  .pl-related__header h2,
  .pl-related__header p {
    max-width: 100%;
  }

  .pl-evening__steps {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-6);
    margin-top: var(--space-6);
    padding-left: var(--space-5);
  }

  .pl-evening__steps::before {
    top: 0;
    bottom: 0;
    left: 0.4rem;
    width: 1px;
    height: auto;
    background: linear-gradient(180deg, transparent, rgba(167, 165, 255, 0.68), transparent);
  }

  .pl-evening__step,
  .pl-evening__step:nth-child(3) {
    grid-column: auto;
    width: 100%;
    padding-top: 0;
  }

  .pl-evening__number {
    padding-right: 0;
    background: transparent;
  }

  .pl-evening__step h3,
  .pl-evening__step p:not(.pl-evening__number) {
    max-width: 100%;
  }

  .pl-interior__media {
    aspect-ratio: 4 / 5;
    border-radius: var(--radius-lg);
  }

  .pl-interior__quote {
    position: relative;
    bottom: auto;
    left: auto;
    width: 100%;
    margin: calc(var(--space-5) * -1) 0 0;
    border-radius: var(--radius-lg);
  }

  .pl-interior__quote p {
    max-width: 100%;
    font-size: clamp(1.625rem, 8vw, 1.875rem);
  }

  .pl-interior__copy {
    width: 100%;
    margin-top: var(--space-5);
  }

  .pl-interior__copy h2,
  .pl-interior__copy p {
    max-width: 100%;
  }

  .pl-occasions__grid,
  .pl-related__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-4);
    margin-top: var(--space-6);
  }

  .pl-occasions__card--cta {
    grid-column: auto;
  }

  .pl-occasions__card p:not(.eyebrow),
  .pl-related__card p {
    max-width: 100%;
  }

  .pl-occasions__link {
    width: 100%;
  }

  .pl-menu-link__layout {
    gap: var(--space-6);
  }

  .pl-menu-link__primary h2,
  .pl-menu-link__primary p,
  .pl-menu-link__primary .lead,
  .pl-menu-link__secondary h3,
  .pl-menu-link__secondary p {
    max-width: 100%;
  }

  .pl-menu-link__secondary {
    padding-top: var(--space-5);
    padding-left: 0;
    border-top: 1px solid rgba(167, 165, 255, 0.68);
    border-left: 0;
  }

  .pl-clarity__panel {
    width: 100%;
  }

  .pl-clarity__panel > .eyebrow,
  .pl-clarity__panel > h2,
  .pl-clarity__row-copy h3,
  .pl-clarity__row-copy p {
    max-width: 100%;
  }

  .pl-clarity__row--action {
    grid-template-columns: minmax(0, 1fr);
  }

  .pl-clarity__row--action .button {
    width: 100%;
  }

  .pl-final {
    padding-bottom: var(--space-8);
  }

  .pl-final__panel {
    width: 100%;
    padding: var(--space-5);
  }

  .pl-final__panel h2,
  .pl-final__panel .lead {
    max-width: 100%;
  }

  .pl-final__actions {
    flex-direction: column;
    align-items: stretch;
  }

  .pl-final__actions > * {
    width: 100%;
  }
}

@media (max-width: 41.25rem) {
  .pl-occasions__grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (prefers-reduced-motion: reduce) {
  .pokerlounge-page__glow,
  .pl-details__card,
  .pl-related__card {
    transition: none;
  }
}