.offline-poker {
  overflow: clip;
}

.offline-poker__hero {
  padding-block: clamp(var(--space-8), 9vw, var(--space-11));
  background: var(--surface-page);
}

.offline-poker__hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 1fr) minmax(0, 6fr);
  align-items: end;
  gap: var(--space-6);
}

.offline-poker__hero-copy {
  grid-column: 1 / 2;
  min-width: 0;
}

.offline-poker__hero-copy h1 {
  max-width: 9ch;
}

.offline-poker__hero-manifesto {
  max-width: 34rem;
  font-size: var(--text-body-large);
  line-height: var(--leading-body-large);
}

.offline-poker__hero-actions {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  min-width: 0;
}

.offline-poker__hero-actions > * { min-width: 0; }
.offline-poker__hero-note { max-width: 32rem; margin-bottom: 0; color: var(--color-text-muted); }

.offline-poker__hero-media {
  grid-column: 3 / 4;
  width: calc(100% + var(--container-padding));
  min-width: 0;
  margin: 0 calc(var(--container-padding) * -1) 0 0;
  aspect-ratio: 16 / 11;
}

.offline-poker__hero-media img { object-position: 72% center; }
.offline-poker__hero .button:hover { background: var(--color-copper-500); border-color: var(--color-copper-500); }

.offline-poker__real-table-grid,
.offline-poker__table-language-grid,
.offline-poker__etiquette-grid,
.offline-poker__journey-grid,
.offline-poker__closing-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-7) var(--space-6);
}

.offline-poker__real-table-head { grid-column: 2 / 8; min-width: 0; }
.offline-poker__real-table-head .lead { max-width: 42rem; }
.offline-poker__arguments { grid-column: 2 / 12; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); min-width: 0; }
.offline-poker__argument { min-width: 0; padding-right: var(--space-5); border-right: 1px solid var(--color-clay-500); }
.offline-poker__argument:last-child { border-right: 0; padding-right: 0; }
.offline-poker__argument h3 { max-width: 16ch; }
.offline-poker__argument p { max-width: 25rem; }
.offline-poker__number { display: block; margin-bottom: var(--space-4); color: var(--color-copper-500); font-family: var(--font-heading); font-size: clamp(3rem, 4vw, 4.5rem); line-height: .8; }
.offline-poker__argument::after { display: block; width: 24px; height: 1px; margin-top: var(--space-4); background: var(--color-clay-500); content: ""; transition: background-color var(--transition-fast), width var(--transition-fast); }
.offline-poker__argument:hover::after, .offline-poker__argument:focus::after { width: 40px; background: var(--color-copper-500); }
.offline-poker__real-table-quote { grid-column: 2 / 8; max-width: 38rem; margin-bottom: 0; }

.offline-poker__house-title { max-width: 48rem; }
.offline-poker__house-stage { position: relative; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); margin-top: var(--space-7); min-width: 0; }
.offline-poker__house-media { grid-column: 1 / -1; width: 100%; margin: 0; aspect-ratio: 16 / 8; }
.offline-poker__house-media img { object-position: center; }
.offline-poker__house-primary, .offline-poker__house-secondary { position: relative; z-index: 1; min-width: 0; margin-bottom: calc(var(--space-7) * -1); }
.offline-poker__house-primary { grid-column: 1 / 5; margin-top: calc(var(--space-8) * -1); }
.offline-poker__house-secondary { grid-column: 9 / 12; margin-top: calc(var(--space-6) * -1); }
.offline-poker__house-primary p { max-width: 31rem; }
.offline-poker__house-secondary p { max-width: 23rem; }
.offline-poker__house-secondary .meta { display: block; margin-bottom: var(--space-3); }
.offline-poker__house-quote { max-width: 46rem; margin: calc(var(--space-10) + var(--space-6)) 0 0 auto; }

.offline-poker__lounge-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-7) var(--space-6); align-items: start; }
.offline-poker__lounge-copy { grid-column: 1 / 6; min-width: 0; }
.offline-poker__lounge-copy h2 { max-width: 12ch; }
.offline-poker__lounge-lead { max-width: 35rem; font-size: var(--text-body-large); line-height: var(--leading-body-large); }
.offline-poker__materials { margin-top: var(--space-7); min-width: 0; }
.offline-poker__materials p { max-width: 31rem; }
.offline-poker__materials ul { display: flex; flex-wrap: wrap; gap: var(--space-3) var(--space-5); padding: 0; list-style: none; }
.offline-poker__materials li { min-width: 0; color: var(--color-bone-50); font-size: var(--text-small); font-weight: 650; letter-spacing: var(--tracking-label); text-transform: uppercase; }
.offline-poker__lounge-media { grid-column: 7 / 12; width: 100%; min-width: 0; margin: 0; aspect-ratio: 4 / 5; }
.offline-poker__lounge-note { grid-column: 1 / 5; min-width: 0; padding-top: var(--space-5); border-top: 1px solid var(--color-copper-500); }
.offline-poker__lounge-note p { max-width: 29rem; }
.offline-poker__lounge-note a { color: var(--color-bone-50); }

.offline-poker__table-language-head { grid-column: 3 / 11; min-width: 0; text-align: center; }
.offline-poker__table-language-head .lead { max-width: 39rem; margin-inline: auto; }
.offline-poker__vignettes { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-7) var(--space-6); min-width: 0; }
.offline-poker__vignette { min-width: 0; }
.offline-poker__vignette:nth-child(1), .offline-poker__vignette:nth-child(2) { grid-column: 1 / 6; }
.offline-poker__vignette:nth-child(4), .offline-poker__vignette:nth-child(5) { grid-column: 8 / 13; }
.offline-poker__vignette p { max-width: 26rem; }
.offline-poker__vignette-meta { display: block; margin-bottom: var(--space-3); color: var(--color-olive-600); font-size: var(--text-small); font-weight: 650; letter-spacing: var(--tracking-label); text-transform: uppercase; }
.offline-poker__vignette::after { display: block; width: 24px; height: 1px; margin-top: var(--space-4); background: var(--color-clay-500); content: ""; transition: width var(--transition-fast), background-color var(--transition-fast); }
.offline-poker__vignette:hover::after, .offline-poker__vignette:focus-within::after { width: 40px; background: var(--color-copper-500); }
.offline-poker__hands { grid-column: 6 / 8; grid-row: 2 / 4; align-self: center; width: 100%; min-width: 0; margin: 0; aspect-ratio: 1; }
.offline-poker__vignette-close { max-width: 18rem; color: var(--color-text); font-family: var(--font-heading); font-size: 1.5rem; line-height: 1.15; }

.offline-poker__etiquette-head { grid-column: 2 / 8; min-width: 0; }
.offline-poker__etiquette-head .lead { max-width: 38rem; }
.offline-poker__principles { grid-column: 2 / 11; margin: 0; padding: 0; list-style: none; min-width: 0; }
.offline-poker__principles > li { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 3fr) minmax(0, 4fr); gap: var(--space-5); min-width: 0; padding-block: var(--space-6); border-top: 1px solid var(--color-clay-500); }
.offline-poker__principles > li:last-child { border-bottom: 1px solid var(--color-clay-500); }
.offline-poker__principles > li > span { grid-column: 1; min-width: 0; color: var(--color-copper-500); font-family: var(--font-heading); font-size: clamp(2.25rem, 3vw, 3.5rem); line-height: .85; }
.offline-poker__principles > li > div { grid-column: 2 / 4; min-width: 0; display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 4fr); gap: var(--space-5); }
.offline-poker__principles h3 { grid-column: 1; min-width: 0; }
.offline-poker__principles p, .offline-poker__principles strong { grid-column: 2; min-width: 0; max-width: 31rem; }
.offline-poker__principles strong { margin-top: calc(var(--space-5) * -1); font-size: .9rem; }
.offline-poker__principles li:last-child > div { grid-template-columns: minmax(0, 2fr) minmax(0, 5fr); }
.offline-poker__principle-close { color: var(--color-text); font-family: var(--font-heading); font-size: 1.5rem; line-height: 1.15; }

.offline-poker__holdem-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-7) var(--space-6); }
.offline-poker__holdem-main { grid-column: 1 / 7; min-width: 0; }
.offline-poker__holdem-main h2 { max-width: 13ch; }
.offline-poker__holdem-main p { max-width: 35rem; font-size: var(--text-body-large); line-height: var(--leading-body-large); }
.offline-poker__holdem-note { grid-column: 8 / 11; min-width: 0; align-self: end; padding-top: var(--space-5); border-top: 1px solid var(--color-copper-500); }
.offline-poker__holdem-note p { max-width: 22rem; }
.offline-poker__holdem-note .meta { display: block; margin-bottom: var(--space-3); color: var(--color-copper-500); }
.offline-poker__holdem-moments { grid-column: 1 / 12; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); min-width: 0; }
.offline-poker__holdem-moments article { min-width: 0; padding: var(--space-5); background: var(--surface-dark-raised); border-top: 1px solid var(--color-copper-500); }
.offline-poker__holdem-moments article > span { display: block; margin-bottom: var(--space-4); color: var(--color-copper-500); font-size: var(--text-small); font-weight: 650; letter-spacing: var(--tracking-label); }
.offline-poker__holdem-moments h3 { max-width: 16ch; }
.offline-poker__holdem-moments p { max-width: 24rem; }
.offline-poker__holdem-moments a { color: var(--color-bone-50); }

.offline-poker__journey-head { grid-column: 3 / 11; min-width: 0; text-align: center; }
.offline-poker__journey-head .lead { max-width: 42rem; margin-inline: auto; }
.offline-poker__steps { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); min-width: 0; border-top: 1px solid var(--color-clay-500); }
.offline-poker__steps article { position: relative; min-width: 0; padding: var(--space-5); border-right: 1px solid var(--color-clay-500); }
.offline-poker__steps article:last-child { border-right: 0; }
.offline-poker__steps article > span { display: block; margin-bottom: var(--space-4); color: var(--color-copper-500); font-family: var(--font-heading); font-size: 2.5rem; line-height: .85; }
.offline-poker__steps h3 { max-width: 14ch; }
.offline-poker__steps p { max-width: 20rem; }
.offline-poker__step--dark { background: var(--surface-dark-raised); color: var(--color-text-inverse); }
.offline-poker__step--dark p { color: var(--color-text-muted-inverse); }
.offline-poker__journey-action { grid-column: 1 / -1; display: flex; justify-content: center; min-width: 0; }
.offline-poker__journey-action > * { min-width: 0; }

.offline-poker__private-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); }
.offline-poker__private-panel { grid-column: 2 / 11; display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 3fr); gap: var(--space-7) var(--space-6); min-width: 0; padding: clamp(var(--space-5), 5vw, var(--space-8)); background: var(--surface-soft); border: 1px solid var(--color-clay-500); }
.offline-poker__private-primary, .offline-poker__private-secondary, .offline-poker__private-action { min-width: 0; }
.offline-poker__private-primary { grid-column: 1; }
.offline-poker__private-primary h2 { max-width: 12ch; }
.offline-poker__private-primary p { max-width: 35rem; }
.offline-poker__private-secondary { grid-column: 2; padding-top: var(--space-5); border-top: 1px solid var(--color-clay-500); }
.offline-poker__private-secondary p { max-width: 25rem; }
.offline-poker__private-action { grid-column: 1 / -1; }

.offline-poker__closing-title { grid-column: 3 / 11; min-width: 0; }
.offline-poker__closing-title .display { max-width: 10ch; }
.offline-poker__closing-copy { grid-column: 3 / 7; min-width: 0; }
.offline-poker__closing-copy > p { max-width: 31rem; font-size: var(--text-body-large); line-height: var(--leading-body-large); }
.offline-poker__closing-actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-4); min-width: 0; }
.offline-poker__closing-actions > * { min-width: 0; }
.offline-poker__closing-actions .editorial-link { color: var(--color-bone-50); }

@media (max-width: 68.74rem) {
  .offline-poker__hero-grid { grid-template-columns: repeat(8, minmax(0, 1fr)); gap: var(--space-6); }
  .offline-poker__hero-media { grid-column: 1 / -1; grid-row: 1; width: 100%; margin: 0; aspect-ratio: 16 / 8; }
  .offline-poker__hero-copy { grid-column: 1 / 7; grid-row: 2; }
  .offline-poker__steps { grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 0; gap: var(--space-4); }
  .offline-poker__steps article { border: 1px solid var(--color-clay-500); }
}

@media (max-width: 63.99rem) {
  .offline-poker__real-table-grid, .offline-poker__table-language-grid, .offline-poker__etiquette-grid, .offline-poker__journey-grid, .offline-poker__closing-grid, .offline-poker__lounge-grid, .offline-poker__holdem-grid, .offline-poker__private-grid { grid-template-columns: repeat(8, minmax(0, 1fr)); }
  .offline-poker__real-table-head { grid-column: 1 / 7; }
  .offline-poker__arguments { grid-column: 1 / -1; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .offline-poker__argument:nth-child(2) { border-right: 0; padding-right: 0; }
  .offline-poker__argument:nth-child(3) { grid-column: 1 / 2; }
  .offline-poker__real-table-quote { grid-column: 1 / 7; }
  .offline-poker__house-stage { grid-template-columns: repeat(8, minmax(0, 1fr)); gap: var(--space-5); }
  .offline-poker__house-media { grid-column: 1 / -1; }
  .offline-poker__house-primary, .offline-poker__house-secondary { margin: 0; }
  .offline-poker__house-primary { grid-column: 1 / 6; }
  .offline-poker__house-secondary { grid-column: 6 / -1; }
  .offline-poker__house-quote { margin-top: var(--space-8); }
  .offline-poker__lounge-copy { grid-column: 1 / 7; grid-row: 2; }
  .offline-poker__lounge-media { grid-column: 1 / -1; grid-row: 1; aspect-ratio: 16 / 9; }
  .offline-poker__lounge-note { grid-column: 1 / 7; }
  .offline-poker__table-language-head { grid-column: 2 / 8; }
  .offline-poker__vignettes { grid-template-columns: repeat(8, minmax(0, 1fr)); }
  .offline-poker__vignette:nth-child(1), .offline-poker__vignette:nth-child(2) { grid-column: span 4; }
  .offline-poker__vignette:nth-child(4), .offline-poker__vignette:nth-child(5) { grid-column: span 4; }
  .offline-poker__hands { grid-column: 3 / 7; grid-row: auto; }
  .offline-poker__etiquette-head { grid-column: 1 / 7; }
  .offline-poker__principles { grid-column: 1 / -1; }
  .offline-poker__principles > li { grid-template-columns: minmax(0, 1fr) minmax(0, 7fr); }
  .offline-poker__principles > li > div { grid-column: 2; grid-template-columns: minmax(0, 3fr) minmax(0, 4fr); }
  .offline-poker__holdem-main { grid-column: 1 / 8; }
  .offline-poker__holdem-note { grid-column: 1 / 5; }
  .offline-poker__holdem-moments { grid-column: 1 / -1; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .offline-poker__holdem-moments article:nth-child(3) { grid-column: 1 / -1; }
  .offline-poker__journey-head { grid-column: 2 / 8; }
  .offline-poker__private-panel { grid-column: 1 / -1; grid-template-columns: 1fr; }
  .offline-poker__private-primary, .offline-poker__private-secondary, .offline-poker__private-action { grid-column: 1; }
  .offline-poker__closing-title, .offline-poker__closing-copy { grid-column: 2 / 8; }
}

@media (max-width: 47.99rem) {
  .offline-poker__hero { padding-block: var(--space-8); }
  .offline-poker__hero-grid, .offline-poker__real-table-grid, .offline-poker__table-language-grid, .offline-poker__etiquette-grid, .offline-poker__journey-grid, .offline-poker__closing-grid, .offline-poker__lounge-grid, .offline-poker__holdem-grid, .offline-poker__private-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-6); }
  .offline-poker__hero-media { aspect-ratio: 4 / 5; }
  .offline-poker__hero-copy { grid-column: 1 / -1; }
  .offline-poker__hero-copy h1 { max-width: 8ch; font-size: clamp(2.9rem, 13vw, 4.2rem); }
  .offline-poker__hero-manifesto { max-width: 34ch; font-size: 1.1rem; }
  .offline-poker__hero-actions { align-items: stretch; }
  .offline-poker__hero-actions .button { width: 100%; }
  .offline-poker__real-table-head, .offline-poker__real-table-quote, .offline-poker__table-language-head, .offline-poker__etiquette-head, .offline-poker__journey-head, .offline-poker__closing-title, .offline-poker__closing-copy { grid-column: 1 / -1; }
  .offline-poker__table-language-head, .offline-poker__journey-head { text-align: center; }
  .offline-poker__arguments { grid-column: 1 / -1; grid-template-columns: 1fr; gap: var(--space-5); }
  .offline-poker__argument, .offline-poker__argument:nth-child(2) { padding: 0 0 var(--space-5); border-right: 0; border-bottom: 1px solid var(--color-clay-500); }
  .offline-poker__argument:nth-child(3) { grid-column: 1; }
  .offline-poker__number { font-size: 2.75rem; }
  .offline-poker__house-title { max-width: 100%; }
  .offline-poker__house-title h2 { font-size: clamp(2.35rem, 10vw, 3.2rem); }
  .offline-poker__house-stage { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .offline-poker__house-media, .offline-poker__house-primary, .offline-poker__house-secondary { grid-column: 1 / -1; }
  .offline-poker__house-media { aspect-ratio: 4 / 5; }
  .offline-poker__house-primary, .offline-poker__house-secondary { padding: var(--space-5); }
  .offline-poker__house-quote { margin-top: var(--space-7); }
  .offline-poker__lounge-copy, .offline-poker__lounge-media, .offline-poker__lounge-note { grid-column: 1 / -1; }
  .offline-poker__lounge-media { aspect-ratio: 4 / 5; }
  .offline-poker__lounge-copy h2 { font-size: clamp(2.4rem, 11vw, 3.4rem); }
  .offline-poker__lounge-lead { font-size: 1.1rem; }
  .offline-poker__vignettes { grid-column: 1 / -1; grid-template-columns: 1fr; gap: var(--space-6); }
  .offline-poker__vignette:nth-child(1), .offline-poker__vignette:nth-child(2), .offline-poker__vignette:nth-child(4), .offline-poker__vignette:nth-child(5), .offline-poker__hands { grid-column: 1; grid-row: auto; }
  .offline-poker__hands { order: 3; aspect-ratio: 1; }
  .offline-poker__vignette:nth-child(4) { order: 4; }
  .offline-poker__vignette:nth-child(5) { order: 5; }
  .offline-poker__principles { grid-column: 1 / -1; }
  .offline-poker__principles > li { grid-template-columns: 1fr; gap: var(--space-3); padding-block: var(--space-5); }
  .offline-poker__principles > li > span, .offline-poker__principles > li > div { grid-column: 1; }
  .offline-poker__principles > li > div, .offline-poker__principles li:last-child > div { grid-template-columns: 1fr; gap: 0; }
  .offline-poker__principles h3, .offline-poker__principles p, .offline-poker__principles strong { grid-column: 1; max-width: 100%; }
  .offline-poker__principles strong { margin-top: 0; }
  .offline-poker__holdem-main, .offline-poker__holdem-note, .offline-poker__holdem-moments { grid-column: 1 / -1; }
  .offline-poker__holdem-main p { font-size: 1.1rem; }
  .offline-poker__holdem-moments { grid-template-columns: 1fr; }
  .offline-poker__holdem-moments article:nth-child(3) { grid-column: 1; }
  .offline-poker__steps { grid-column: 1 / -1; grid-template-columns: 1fr; gap: 0; border-left: 1px solid var(--color-clay-500); border-top: 0; }
  .offline-poker__steps article { border: 0; border-bottom: 1px solid var(--color-clay-500); padding-left: var(--space-5); }
  .offline-poker__journey-action { grid-column: 1 / -1; display: block; }
  .offline-poker__journey-action .button { width: 100%; }
  .offline-poker__private-panel { grid-column: 1 / -1; padding: var(--space-5); gap: var(--space-5); }
  .offline-poker__private-action .button { width: 100%; }
  .offline-poker__closing-title .display { font-size: clamp(2.7rem, 12vw, 4rem); }
  .offline-poker__closing-copy > p { font-size: 1.1rem; }
  .offline-poker__closing-actions { align-items: stretch; flex-direction: column; }
  .offline-poker__closing-actions .button { width: 100%; }
}