.poker-page { background: var(--color-obsidian-950); overflow: hidden; }
.poker-page .section { position: relative; }
.poker-hero { position: relative; min-height: 42rem; display: grid; grid-template-columns: minmax(0, 1fr); align-items: end; isolation: isolate; }
.poker-hero__image, .poker-hero__veil { position: absolute; inset: 0; width: 100%; height: 100%; }
.poker-hero__image { object-position: 68% center; z-index: -2; }
.poker-hero__veil { z-index: -1; background: linear-gradient(90deg, rgba(11,12,16,.97) 0%, rgba(11,12,16,.88) 35%, rgba(11,12,16,.38) 70%, rgba(11,12,16,.55) 100%), linear-gradient(0deg, rgba(11,12,16,.86), transparent 45%); }
.poker-hero__container { width: min(100% - (var(--container-padding) * 2), var(--container-max)); }
.poker-hero__content { width: min(100%, 42rem); min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-6); padding-block: var(--space-32) var(--space-16); }
.poker-hero__content > * { min-width: 0; margin: 0; }
.poker-hero__content h1 { width: min(100%, 42rem); }
.poker-hero__lead { width: min(100%, 38rem); color: var(--color-champagne-300); }
.poker-hero__actions { display: flex; min-width: 0; width: 100%; flex-wrap: wrap; align-items: center; gap: var(--space-4); }
.poker-hero__actions > * { min-width: 0; }
.poker-hero__note { width: min(100%, 38rem); color: var(--color-champagne-100); font-size: var(--text-sm); line-height: var(--leading-sm); }
.poker-definition__intro { width: min(100%, 45rem); display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-3); }
.poker-definition__intro > * { margin: 0; min-width: 0; }
.poker-definition__intro h2 { width: min(100%, 34rem); }
.poker-definition__list { width: min(75%, 52rem); min-width: 0; display: flex; flex-direction: column; gap: 0; margin-top: var(--space-12); }
.poker-definition__item { display: grid; grid-template-columns: 3rem minmax(0, 1fr); gap: var(--space-6); min-width: 0; padding-block: var(--space-8); border-top: 1px solid var(--border-subtle); }
.poker-definition__item > * { min-width: 0; }
.poker-definition__item div { width: min(100%, 52rem); }
.poker-definition__item h3, .poker-definition__item p { margin-bottom: var(--space-4); }
.poker-definition__item p:last-child { margin-bottom: 0; }
.poker-index, .poker-scenario__number, .poker-process__step > span { color: var(--color-gold-300); font-family: var(--font-display); font-size: var(--text-xl); font-weight: 600; line-height: 1; letter-spacing: -.03em; }
.poker-definition__clarification { width: min(66.666%, 50rem); min-width: 0; margin-top: var(--space-8); padding: var(--space-6); background: var(--color-obsidian-900); border-top: 1px solid var(--color-gold-500); }
.poker-definition__clarification p { margin: 0; color: var(--color-champagne-100); }
.poker-scenarios { background: linear-gradient(180deg, transparent, rgba(23,26,53,.32) 45%, transparent); }
.poker-scenarios__intro { width: min(100%, 42rem); display: flex; flex-direction: column; gap: var(--space-3); align-items: flex-start; }
.poker-scenarios__intro > * { margin: 0; min-width: 0; }
.poker-scenario { display: grid; min-width: 0; gap: var(--space-16); align-items: center; margin-top: var(--space-16); }
.poker-scenario > * { min-width: 0; }
.poker-scenario__copy { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-4); }
.poker-scenario__copy > * { margin: 0; min-width: 0; }
.poker-scenario__copy p { width: min(100%, 38rem); }
.poker-scenario__media { width: 100%; margin: 0; }
.poker-scenario__media img { width: 100%; height: 100%; }
.poker-scenario--birthday { grid-template-columns: minmax(0, 5fr) minmax(0, 5fr); column-gap: minmax(var(--space-12), 8.333%); }
.poker-scenario--birthday .poker-scenario__media { aspect-ratio: 4 / 5; }
.poker-scenario--corporate { grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); }
.poker-scenario--corporate .poker-scenario__media { aspect-ratio: 3 / 2; }
.poker-scenario--cardroom { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); background: var(--color-midnight-indigo-900); }
.poker-scenario--cardroom .poker-scenario__media { aspect-ratio: 16 / 10; }
.poker-scenario--cardroom .poker-scenario__copy { padding: var(--space-8); }
.poker-scenario__meta { color: var(--color-mist-500); font-size: var(--text-xs); font-weight: 700; letter-spacing: .12em; line-height: var(--leading-xs); text-transform: uppercase; }
.poker-table__intro { width: min(100%, 44rem); display: flex; flex-direction: column; gap: var(--space-3); align-items: flex-start; }
.poker-table__intro > * { margin: 0; min-width: 0; }
.poker-table__rows { width: min(83.333%, 65rem); min-width: 0; margin-top: var(--space-12); display: flex; flex-direction: column; }
.poker-table__row { display: grid; grid-template-columns: 3rem minmax(0, 1fr); gap: var(--space-6); min-width: 0; padding: var(--space-8) 0; border-bottom: 1px solid var(--border-subtle); }
.poker-table__row > * { min-width: 0; }
.poker-table__row--indigo { padding-inline: var(--space-4); background: rgba(23,26,53,.55); }
.poker-table__text { width: min(100%, 48rem); }
.poker-table__text > :last-child { margin-bottom: 0; }
.poker-table__row--detail { grid-template-columns: 3rem minmax(0, 2fr) minmax(0, 7fr); align-items: center; }
.poker-table__detail-media { width: 100%; margin: 0; aspect-ratio: 3 / 2; }
.poker-table__detail-media img { width: 100%; height: 100%; }
.poker-table__row--last { border-bottom: 2px solid var(--color-gold-500); }
.poker-table__caption { width: min(100%, 44rem); margin: var(--space-6) 0 0; color: var(--color-mist-500); font-size: var(--text-sm); }
.poker-timeline { background: var(--color-midnight-indigo-900); }
.poker-timeline__intro { width: min(100%, 42rem); display: flex; flex-direction: column; gap: var(--space-3); align-items: flex-start; }
.poker-timeline__intro > * { margin: 0; min-width: 0; }
.poker-timeline__list { width: min(83.333%, 65rem); min-width: 0; margin-top: var(--space-12); display: flex; flex-direction: column; }
.poker-timeline__item { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 6fr) minmax(0, 2fr); min-width: 0; padding-bottom: var(--space-12); }
.poker-timeline__item > * { min-width: 0; }
.poker-timeline__marker { position: relative; padding-top: var(--space-1); color: var(--color-gold-300); font-size: var(--text-xs); font-weight: 700; letter-spacing: .1em; line-height: var(--leading-sm); text-transform: uppercase; }
.poker-timeline__marker::after { position: absolute; top: 1.45rem; right: var(--space-6); bottom: calc(var(--space-12) * -1); width: 1px; background: var(--color-gold-500); content: ""; }
.poker-timeline__item:last-child .poker-timeline__marker::after { bottom: 1rem; }
.poker-timeline__item h3, .poker-timeline__item p { width: min(100%, 38rem); }
.poker-timeline__item p:last-child { margin-bottom: 0; }
.poker-audience__intro { width: min(100%, 40rem); display: flex; flex-direction: column; gap: var(--space-3); align-items: flex-start; }
.poker-audience__intro > * { margin: 0; min-width: 0; }
.poker-audience__panels { width: min(83.333%, 65rem); min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--space-8); margin-top: var(--space-12); }
.poker-audience__panels > * { min-width: 0; }
.poker-audience__panel { min-width: 0; padding: var(--space-8); border: 1px solid var(--border-subtle); border-radius: var(--radius-md); box-shadow: var(--shadow-panel); transition: border-color var(--transition-base), transform var(--transition-base), box-shadow var(--transition-base); }
.poker-audience__panel > :last-child { margin-bottom: 0; }
.poker-audience__panel--private { background: var(--color-obsidian-900); }
.poker-audience__panel--corporate { background: var(--color-midnight-indigo-900); }
.poker-audience__panel:hover { border-color: rgba(228,196,119,.72); box-shadow: var(--shadow-panel), var(--shadow-gold); transform: translateY(-3px); }
.poker-audience__guide { width: min(100%, 48rem); display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); margin-top: var(--space-8); }
.poker-audience__guide > * { margin: 0; min-width: 0; }
.poker-process { background: linear-gradient(180deg, rgba(18,20,26,.7), transparent); }
.poker-process__intro { width: min(100%, 44rem); display: flex; flex-direction: column; gap: var(--space-3); align-items: flex-start; }
.poker-process__intro > * { margin: 0; min-width: 0; }
.poker-process__intro h2 { width: min(100%, 36rem); }
.poker-process__steps { width: min(75%, 58rem); min-width: 0; display: flex; flex-direction: column; margin-top: var(--space-12); }
.poker-process__step { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 7fr); gap: var(--space-6); min-width: 0; padding: var(--space-6) 0; border-bottom: 1px solid var(--border-subtle); }
.poker-process__step > * { min-width: 0; }
.poker-process__step > span { font-size: var(--text-2xl); }
.poker-process__step div { width: min(100%, 44rem); }
.poker-process__step div > :last-child { margin-bottom: 0; }
.poker-process__step--last { border-bottom: 2px solid var(--color-gold-500); }
.poker-process__link { margin-top: var(--space-8); }
.poker-prompts { background: rgba(23,26,53,.26); }
.poker-prompts__intro { width: min(100%, 42rem); display: flex; flex-direction: column; gap: var(--space-3); align-items: flex-start; }
.poker-prompts__intro > * { margin: 0; min-width: 0; }
.poker-prompts__cards { min-width: 0; display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 3.5fr) minmax(0, 4.5fr); gap: var(--space-8); margin-top: var(--space-12); }
.poker-prompts__cards > * { min-width: 0; }
.poker-prompts__card { min-width: 0; padding: var(--space-8); background: var(--color-obsidian-900); border: 1px solid var(--border-subtle); border-radius: var(--radius-md); transition: border-color var(--transition-base), background-color var(--transition-base); }
.poker-prompts__card > :last-child { margin-bottom: 0; }
.poker-prompts__card:hover { border-color: rgba(228,196,119,.72); background: var(--color-obsidian-800); }
.poker-prompts__card--indigo { background: var(--color-midnight-indigo-900); }
.poker-prompts__card--edge { border-top-color: var(--color-gold-500); }
.poker-prompts__note { width: min(100%, 44rem); display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-6); margin-top: var(--space-8); }
.poker-prompts__note > * { margin: 0; min-width: 0; }
.poker-faq__intro { width: min(100%, 38rem); display: flex; flex-direction: column; gap: var(--space-3); align-items: flex-start; }
.poker-faq__intro > * { margin: 0; min-width: 0; }
.poker-faq__list { width: min(66.666%, 52rem); min-width: 0; margin-top: var(--space-12); }
.poker-faq__item { min-width: 0; border-top: 1px solid var(--border-subtle); }
.poker-faq__item:last-child { border-bottom: 1px solid var(--border-subtle); }
.poker-faq__item h3 { margin: 0; font-family: var(--font-body); font-size: var(--text-base); letter-spacing: 0; }
.poker-faq__item button { width: 100%; min-width: 0; min-height: 3.25rem; display: grid; grid-template-columns: minmax(0, 1fr) 2rem; align-items: center; gap: var(--space-4); padding: var(--space-6) 0; background: transparent; border: 0; color: var(--color-champagne-100); font: inherit; font-weight: 700; line-height: var(--leading-sm); text-align: left; }
.poker-faq__item button span { justify-self: end; color: var(--color-gold-300); font-size: 1.5rem; font-weight: 400; transition: transform var(--transition-fast); }
.poker-faq__item.is-open button span { transform: rotate(45deg); }
.poker-faq__answer { width: min(100%, 46rem); overflow: hidden; transition: grid-template-rows var(--transition-base), opacity var(--transition-base); }
.poker-faq__answer p { margin: 0 0 var(--space-6); }
.poker-faq__item--boundary { border-inline: 1px solid var(--border-subtle); border-top-color: var(--color-gold-500); padding-inline: var(--space-6); }
.poker-closing { padding-bottom: var(--space-32); }
.poker-closing__panel { width: min(66.666%, 62rem); min-width: 0; padding: var(--space-16); background: linear-gradient(180deg, rgba(228,196,119,.12), transparent 3rem), var(--color-obsidian-900); border: 1px solid var(--border-subtle); border-top-color: var(--color-gold-500); box-shadow: var(--shadow-panel); }
.poker-closing__content { width: min(100%, 38rem); display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-6); }
.poker-closing__content > * { margin: 0; min-width: 0; }
.poker-closing__content h2 { width: min(100%, 36rem); }
.poker-closing__contact { display: flex; min-width: 0; flex-wrap: wrap; gap: var(--space-4); color: var(--color-champagne-100); font-size: var(--text-sm); }
.poker-closing__contact > * { min-width: 0; }
.poker-page [data-reveal] { opacity: 1; transform: none; }
.poker-page.is-js [data-reveal] { opacity: 0; transform: translateY(16px); transition: opacity 420ms ease-out, transform 420ms ease-out; }
.poker-page.is-js [data-reveal].is-visible { opacity: 1; transform: none; }
@media (max-width: 979px) { .poker-scenario { gap: var(--space-8); } .poker-scenario--birthday, .poker-scenario--corporate, .poker-scenario--cardroom { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } .poker-scenario--cardroom .poker-scenario__copy { padding: var(--space-6); } .poker-prompts__cards { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } .poker-prompts__card--edge { grid-column: 1 / -1; } }
@media (max-width: 920px) { .poker-table__rows { width: 100%; } .poker-table__row, .poker-table__row--detail { grid-template-columns: minmax(0, 1fr); gap: var(--space-4); } .poker-table__detail-media { max-width: 24rem; } }
@media (max-width: 900px) { .poker-hero { min-height: auto; padding-top: 32rem; background: var(--color-obsidian-950); } .poker-hero__image { height: 32rem; object-position: 65% center; } .poker-hero__veil { height: 32rem; background: linear-gradient(0deg, var(--color-obsidian-950), rgba(11,12,16,.2) 65%); } .poker-hero__content { width: 100%; padding-block: var(--space-12) var(--space-16); } .poker-definition__list, .poker-definition__clarification, .poker-audience__panels, .poker-process__steps, .poker-faq__list, .poker-closing__panel { width: 100%; } .poker-timeline__list { width: 100%; } .poker-scenario { margin-top: var(--space-12); } }
@media (max-width: 880px) { .poker-process__step { grid-template-columns: minmax(0, 1fr); gap: var(--space-3); } }
@media (max-width: 850px) { .poker-timeline__item { grid-template-columns: 1.5rem minmax(0, 1fr); gap: var(--space-6); } .poker-timeline__marker { grid-column: 1; width: 1.5rem; overflow: visible; white-space: nowrap; writing-mode: vertical-rl; transform: rotate(180deg); font-size: .6875rem; } .poker-timeline__marker::after { top: 8rem; right: auto; left: .65rem; bottom: calc(var(--space-12) * -1); } .poker-timeline__item > div { grid-column: 2; } }
@media (max-width: 820px) { .poker-audience__panels { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 700px) { .poker-hero { padding-top: 30rem; } .poker-hero__image, .poker-hero__veil { height: 30rem; } .poker-hero__content { gap: var(--space-6); padding-block: var(--space-12) var(--space-16); } .poker-hero__content h1 { font-size: clamp(3rem, 14vw, 4.5rem); } .poker-hero__actions { flex-direction: column; align-items: stretch; } .poker-hero__actions > * { width: 100%; } .poker-definition__list { width: 100%; margin-top: var(--space-8); } .poker-definition__item { grid-template-columns: minmax(0, 1fr); gap: var(--space-3); padding-block: var(--space-6); } .poker-definition__clarification { width: 100%; padding: var(--space-6); } .poker-scenario, .poker-scenario--birthday, .poker-scenario--corporate, .poker-scenario--cardroom { grid-template-columns: minmax(0, 1fr); gap: 0; } .poker-scenario--birthday .poker-scenario__media, .poker-scenario--corporate .poker-scenario__media, .poker-scenario--cardroom .poker-scenario__media { aspect-ratio: 3 / 2; } .poker-scenario--birthday .poker-scenario__media { aspect-ratio: 4 / 5; } .poker-scenario__copy { padding-top: var(--space-6); } .poker-scenario--cardroom .poker-scenario__copy { padding: var(--space-6); } .poker-scenario--cardroom .poker-scenario__media { order: 1; } .poker-scenario--cardroom .poker-scenario__copy { order: 2; } .poker-table__rows, .poker-timeline__list, .poker-process__steps, .poker-faq__list { margin-top: var(--space-8); } .poker-table__row--indigo { padding-inline: var(--space-6); } .poker-prompts__cards { grid-template-columns: minmax(0, 1fr); gap: var(--space-6); margin-top: var(--space-8); } .poker-prompts__card--edge { grid-column: auto; } .poker-prompts__card, .poker-audience__panel { padding: var(--space-6); } .poker-faq__item--boundary { padding-inline: var(--space-4); } .poker-closing { padding-bottom: var(--space-16); } .poker-closing__panel { padding: var(--space-6); } .poker-closing__contact { width: 100%; flex-direction: column; gap: 0; } .poker-closing__contact a { display: flex; align-items: center; min-height: 2.75rem; } }
@media (prefers-reduced-motion: reduce) { .poker-page.is-js [data-reveal] { opacity: 1; transform: none; transition: none; } }