.poker-evenings-page { overflow: clip; }
.poker-evenings-page .pe-hero { position: relative; min-height: 45rem; display: grid; grid-template-columns: minmax(0, 1fr); background: var(--color-charcoal-950); color: var(--color-cream-050); isolation: isolate; }
.poker-evenings-page .pe-hero__image { position: absolute; inset: 0; z-index: -2; width: 100%; min-width: 0; overflow: hidden; }
.poker-evenings-page .pe-hero__image::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgb(23 23 24 / .96) 0%, rgb(23 23 24 / .78) 31%, rgb(23 23 24 / .24) 62%, rgb(23 23 24 / .16) 100%), linear-gradient(0deg, rgb(23 23 24 / .72), transparent 46%); }
.poker-evenings-page .pe-hero__image img { width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: 72% center; }
.poker-evenings-page .pe-hero__copy-wrap { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); align-items: center; padding-block: var(--space-8); }
.poker-evenings-page .pe-hero__copy { grid-column: 1; min-width: 0; max-width: 35rem; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-5); padding-block: var(--space-7); }
.poker-evenings-page .pe-hero__copy > * { margin: 0; }
.poker-evenings-page .pe-hero h1 { font-size: clamp(3.5rem, 6vw, 4.5rem); }
.poker-evenings-page .pe-hero__lead { max-width: 34rem; font-size: var(--text-lead); line-height: var(--line-lead); }
.poker-evenings-page .pe-hero__actions { width: auto; }
.poker-evenings-page .pe-hero__note { color: var(--color-cream-200); font-size: var(--text-small); }
.poker-evenings-page .pe-introduction__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--space-8); align-items: start; }
.poker-evenings-page .pe-introduction__heading { min-width: 0; max-width: 28.75rem; position: sticky; top: var(--space-6); }
.poker-evenings-page .pe-introduction__stream { min-width: 0; max-width: 40.625rem; display: flex; flex-direction: column; gap: var(--space-6); }
.poker-evenings-page .pe-explanation { display: grid; grid-template-columns: 2.5rem minmax(0, 1fr); gap: var(--space-4); min-width: 0; padding-top: var(--space-5); border-top: 1px solid var(--color-border); }
.poker-evenings-page .pe-explanation--accent { border-top-color: var(--color-accent); }
.poker-evenings-page .pe-explanation__index { color: var(--color-detail); font-family: var(--font-heading); font-size: 1.9rem; line-height: 1; }
.poker-evenings-page .pe-explanation h3 { font-size: 2rem; }
.poker-evenings-page .pe-timeline__intro { max-width: 36.25rem; }
.poker-evenings-page .pe-timeline__items { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-5); margin-top: var(--space-7); }
.poker-evenings-page .pe-timeline__item { position: relative; min-width: 0; max-width: 17.5rem; padding-top: var(--space-5); border-top: 1px solid var(--color-border-dark); }
.poker-evenings-page .pe-timeline__item--last { border-top-color: var(--color-detail); }
.poker-evenings-page .pe-timeline__number { display: block; margin-bottom: var(--space-4); color: var(--color-detail); font-family: var(--font-heading); font-size: 3.25rem; line-height: .9; }
.poker-evenings-page .pe-timeline__tag { display: inline-block; margin-bottom: var(--space-3); color: var(--color-cream-050); background: var(--color-accent); padding: .25rem .45rem; font-size: .6875rem; font-weight: 700; letter-spacing: .1em; line-height: 1.2; }
.poker-evenings-page .pe-timeline__item h3 { font-size: 1.875rem; }
.poker-evenings-page .pe-sessions__intro { max-width: 33.75rem; }
.poker-evenings-page .pe-sessions__list { margin-top: var(--space-7); border-top: 1px solid var(--color-border); }
.poker-evenings-page .pe-session-row { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 6fr) minmax(0, 3fr); gap: var(--space-5); align-items: start; min-width: 0; padding-block: var(--space-6); border-bottom: 1px solid var(--color-border); transition: background-color var(--transition-base); }
.poker-evenings-page .pe-session-row:hover { background: var(--color-cream-200); }
.poker-evenings-page .pe-session-row--accent { box-shadow: inset .18rem 0 0 var(--color-accent); padding-inline-start: var(--space-4); }
.poker-evenings-page .pe-session-row__name, .poker-evenings-page .pe-session-row__description, .poker-evenings-page .pe-session-row__action { min-width: 0; }
.poker-evenings-page .pe-session-row__description { max-width: 35rem; }
.poker-evenings-page .pe-session-row__action { display: flex; flex-direction: column; align-items: flex-end; gap: var(--space-3); }
.poker-evenings-page .pe-text-link { display: inline-flex; min-height: 2.75rem; align-items: center; color: var(--color-accent); font-size: .75rem; font-weight: 700; letter-spacing: .1em; line-height: 1.2; text-decoration: none; }
.poker-evenings-page .surface-dark .pe-text-link, .poker-evenings-page .surface-raised .pe-text-link, .poker-evenings-page .surface-deep .pe-text-link { color: var(--color-cream-050); }
.poker-evenings-page .pe-text-link:hover { text-decoration: underline; }
.poker-evenings-page .pe-text-link--subtle { color: var(--color-text-muted); }
.poker-evenings-page .pe-lounge-feature__grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); min-height: 38.75rem; }
.poker-evenings-page .pe-lounge-feature__media { min-width: 0; margin: 0; border-radius: 0; }
.poker-evenings-page .pe-lounge-feature__media img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.poker-evenings-page .pe-lounge-feature__panel { min-width: 0; display: flex; align-items: center; padding: var(--space-8); }
.poker-evenings-page .pe-lounge-feature__copy { width: 100%; max-width: 30rem; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-5); }
.poker-evenings-page .pe-lounge-feature__copy > * { margin: 0; }
.poker-evenings-page .pe-lounge-feature__details { width: 100%; display: flex; flex-direction: column; gap: var(--space-5); }
.poker-evenings-page .pe-detail { display: grid; grid-template-columns: 1.5rem minmax(0, 1fr); gap: var(--space-3); min-width: 0; padding-top: var(--space-4); border-top: 1px solid var(--color-border-dark); }
.poker-evenings-page .pe-detail > span { color: var(--color-detail); font-size: .75rem; font-weight: 700; }
.poker-evenings-page .pe-detail h3 { font-size: 1.55rem; }
.poker-evenings-page .pe-etiquette__intro { max-width: 34.375rem; }
.poker-evenings-page .pe-etiquette__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-5); margin-top: var(--space-7); }
.poker-evenings-page .pe-principle { min-width: 0; min-height: 19rem; border: 1px solid var(--color-border-dark); padding: var(--space-5); }
.poker-evenings-page .pe-principle > span { display: inline-block; margin-bottom: var(--space-5); color: var(--color-detail); font-family: var(--font-heading); font-size: 2rem; line-height: 1; }
.poker-evenings-page .pe-principle > .pe-principle__tag { color: var(--color-cream-050); background: var(--color-accent); padding: .3rem .45rem; font-family: var(--font-body); font-size: .625rem; font-weight: 700; letter-spacing: .1em; }
.poker-evenings-page .pe-principle h3 { font-size: 1.7rem; }
.poker-evenings-page .pe-dinner__grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--space-8); align-items: start; }
.poker-evenings-page .pe-dinner__copy { min-width: 0; max-width: 36.25rem; }
.poker-evenings-page .pe-dinner__media { min-width: 0; margin: 0; max-height: 31.25rem; }
.poker-evenings-page .pe-dinner__media img { width: 100%; height: 100%; object-fit: cover; object-position: center 62%; }
.poker-evenings-page .pe-dinner__notes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-5); margin-top: var(--space-7); padding-top: var(--space-5); border-top: 1px solid var(--color-border); }
.poker-evenings-page .pe-dinner__notes article { min-width: 0; }
.poker-evenings-page .pe-dinner__notes span { color: var(--color-detail); font-family: var(--font-heading); font-size: 1.75rem; }
.poker-evenings-page .pe-dinner__notes h3 { font-size: 1.65rem; }
.poker-evenings-page .pe-faq__intro { max-width: 33.75rem; }
.poker-evenings-page .pe-faq__list { margin-top: var(--space-7); border-top: 1px solid var(--color-border); }
.poker-evenings-page .pe-faq__item { border-bottom: 1px solid var(--color-border); }
.poker-evenings-page .pe-faq__question { width: 100%; display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 7fr) minmax(2.75rem, 1fr); gap: var(--space-5); align-items: start; border: 0; background: transparent; padding: var(--space-5) 0 0; color: inherit; text-align: left; }
.poker-evenings-page .pe-faq__question > span:first-child { grid-column: 1; min-width: 0; font-family: var(--font-heading); font-size: 1.85rem; font-weight: 600; line-height: 1.08; }
.poker-evenings-page .pe-faq__icon { grid-column: 3; justify-self: end; color: var(--color-accent); font-size: 1.5rem; line-height: 1; }
.poker-evenings-page .pe-faq__answer { display: block; max-width: 38.75rem; margin-left: 33.333%; padding: var(--space-3) 0 var(--space-5); }
.poker-evenings-page .pe-faq__answer p { margin: 0; }
.poker-evenings-page .pe-groups { padding-top: 0; }
.poker-evenings-page .pe-groups__panel { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); min-width: 0; width: calc(100% - 16.666%); background: var(--color-walnut-800); color: var(--color-cream-050); border-left: .25rem solid var(--color-accent); padding: var(--space-7); }
.poker-evenings-page .pe-groups__copy { min-width: 0; max-width: 35rem; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-5); }
.poker-evenings-page .pe-groups__copy > * { margin: 0; }
.poker-evenings-page .pe-groups__note { max-width: 30rem; padding-top: var(--space-4); border-top: 1px solid var(--color-detail); color: var(--color-cream-200); font-size: var(--text-small); }
.poker-evenings-page .pe-groups__space { min-width: 0; }
.poker-evenings-page .pe-reservation__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--space-8); align-items: start; }
.poker-evenings-page .pe-reservation__invitation { min-width: 0; max-width: 26.875rem; }
.poker-evenings-page .pe-reservation__form-wrap { min-width: 0; width: 100%; max-width: 35rem; justify-self: end; }
.poker-evenings-page .pe-reservation__form { display: flex; flex-direction: column; gap: var(--space-4); min-width: 0; background: var(--color-walnut-800); border: 1px solid var(--color-border-dark); padding: var(--space-6); }
.poker-evenings-page .pe-form-field { display: flex; flex-direction: column; min-width: 0; gap: var(--space-2); }
.poker-evenings-page .pe-form-field label { margin: 0; color: var(--color-cream-050); }
.poker-evenings-page .pe-form-field input, .poker-evenings-page .pe-form-field select, .poker-evenings-page .pe-form-field textarea { min-height: 3rem; border-color: var(--color-border-dark); color: var(--color-cream-050); background: transparent; }
.poker-evenings-page .pe-form-field select option { color: var(--color-charcoal-700); }
.poker-evenings-page .pe-form-field textarea { min-height: 8rem; }
.poker-evenings-page .pe-form-consent { display: grid; grid-template-columns: 1.25rem minmax(0, 1fr); gap: var(--space-3); align-items: start; min-width: 0; }
.poker-evenings-page .pe-form-consent label { margin: 0; color: var(--color-cream-200); font-size: var(--text-small); font-weight: 400; }
.poker-evenings-page .pe-form-consent input { margin-top: .2rem; }
.poker-evenings-page .pe-form-helper { margin: 0; color: var(--color-cream-200); font-size: var(--text-small); }
.poker-evenings-page .pe-form-error { min-height: 1.1rem; color: #f3b9c3; font-size: .75rem; line-height: 1.3; }
.poker-evenings-page .pe-field-invalid { border-color: #f3b9c3 !important; }
.poker-evenings-page .pe-reservation__success { background: var(--color-walnut-800); border: 1px solid var(--color-border-dark); padding: var(--space-6); }
.poker-evenings-page .pe-reservation__success[hidden] { display: none; }
@media (max-width: 61.25rem) { .poker-evenings-page .pe-introduction__grid { grid-template-columns: minmax(0, 1fr); gap: var(--space-6); } .poker-evenings-page .pe-introduction__heading { position: static; } .poker-evenings-page .pe-timeline__items { grid-template-columns: repeat(2, minmax(0, 1fr)); } .poker-evenings-page .pe-timeline__item { max-width: none; } .poker-evenings-page .pe-session-row { grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); } .poker-evenings-page .pe-session-row__action { grid-column: 2; align-items: flex-start; } .poker-evenings-page .pe-etiquette__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .poker-evenings-page .pe-reservation__grid { grid-template-columns: minmax(0, 1fr); gap: var(--space-6); } .poker-evenings-page .pe-reservation__form-wrap { justify-self: start; } }
@media (max-width: 56.25rem) { .poker-evenings-page .pe-hero { min-height: 0; display: flex; flex-direction: column; } .poker-evenings-page .pe-hero__image { position: relative; inset: auto; height: 25rem; order: 1; } .poker-evenings-page .pe-hero__image::after { background: linear-gradient(0deg, rgb(23 23 24 / .55), transparent 55%); } .poker-evenings-page .pe-hero__image img { object-position: 68% center; } .poker-evenings-page .pe-hero__copy-wrap { order: 2; display: block; width: 100%; padding-block: 0; background: var(--color-charcoal-950); } .poker-evenings-page .pe-hero__copy { max-width: 35rem; padding-block: var(--space-6); } .poker-evenings-page .pe-lounge-feature__grid, .poker-evenings-page .pe-dinner__grid { grid-template-columns: minmax(0, 1fr); } .poker-evenings-page .pe-lounge-feature__media { height: 29rem; } .poker-evenings-page .pe-lounge-feature__panel { padding: var(--space-7) var(--gutter); } .poker-evenings-page .pe-dinner__media { grid-row: 2; height: 31.25rem; } .poker-evenings-page .pe-dinner__copy { max-width: none; } .poker-evenings-page .pe-faq__question { grid-template-columns: minmax(0, 1fr) 2.75rem; } .poker-evenings-page .pe-faq__question > span:first-child { grid-column: 1; } .poker-evenings-page .pe-faq__icon { grid-column: 2; } .poker-evenings-page .pe-faq__answer { margin-left: 0; max-width: none; } .poker-evenings-page .pe-groups__panel { width: 100%; grid-template-columns: minmax(0, 1fr); } .poker-evenings-page .pe-groups__space { display: none; } }
@media (max-width: 43.75rem) { .poker-evenings-page .pe-hero__image { height: 21rem; } .poker-evenings-page .pe-hero__copy { gap: var(--space-4); } .poker-evenings-page .pe-hero h1 { font-size: 2.5rem; line-height: 1.05; } .poker-evenings-page .pe-hero__lead { font-size: 1rem; line-height: 1.625; } .poker-evenings-page .pe-timeline__items, .poker-evenings-page .pe-session-row, .poker-evenings-page .pe-etiquette__grid, .poker-evenings-page .pe-dinner__notes { grid-template-columns: minmax(0, 1fr); } .poker-evenings-page .pe-timeline__items { gap: var(--space-4); } .poker-evenings-page .pe-timeline__item { display: grid; grid-template-columns: 3.5rem minmax(0, 1fr); gap: 0 var(--space-3); } .poker-evenings-page .pe-timeline__number { grid-column: 1; grid-row: 1 / span 3; font-size: 3rem; } .poker-evenings-page .pe-timeline__item h3, .poker-evenings-page .pe-timeline__item p { grid-column: 2; } .poker-evenings-page .pe-timeline__tag { grid-column: 2; width: max-content; } .poker-evenings-page .pe-session-row { gap: var(--space-3); } .poker-evenings-page .pe-session-row__action { grid-column: 1; align-items: flex-start; } .poker-evenings-page .pe-lounge-feature__media { height: 23rem; } .poker-evenings-page .pe-lounge-feature__panel { padding: var(--space-6) var(--gutter); } .poker-evenings-page .pe-lounge-feature__copy { max-width: none; } .poker-evenings-page .pe-etiquette__grid { gap: var(--space-4); } .poker-evenings-page .pe-principle { min-height: 0; padding: var(--space-5); } .poker-evenings-page .pe-dinner__media { height: 25rem; } .poker-evenings-page .pe-groups__panel { padding: var(--space-6) var(--space-5); } .poker-evenings-page .pe-reservation__form { padding: var(--space-5); } }
@media (max-width: 23.75rem) { .poker-evenings-page .pe-timeline__item { display: block; } .poker-evenings-page .pe-timeline__number { margin-bottom: var(--space-3); } }
@media (prefers-reduced-motion: reduce) { .poker-evenings-page .pe-session-row { transition: none; } }
