.poker-evenings-page { overflow: hidden; }
.poker-evenings-page section { scroll-margin-top: 7rem; }
.poker-evenings-page a { font-weight: 600; }
.pe-hero { position: relative; display: flex; min-height: max(48.75rem, 86svh); align-items: center; isolation: isolate; background: var(--color-void-onyx); }
.pe-hero__image, .pe-hero__scrim { position: absolute; inset: 0; width: 100%; height: 100%; }
.pe-hero__image { object-fit: cover; object-position: 68% center; }
.pe-hero__scrim { z-index: 1; background: linear-gradient(90deg, rgba(7,5,13,.94) 0%, rgba(7,5,13,.8) 38%, rgba(7,5,13,.36) 69%, rgba(16,9,31,.44) 100%), linear-gradient(180deg, rgba(7,5,13,.48), transparent 44%, rgba(7,5,13,.68)); }
.pe-hero__container { position: relative; z-index: 2; display: flex; align-items: center; min-height: inherit; }
.pe-hero__copy { display: flex; width: 46%; max-width: 36.875rem; min-width: 0; flex-direction: column; gap: var(--space-5); padding-top: 6rem; }
.pe-hero__copy h1, .pe-hero__copy p { margin: 0; }
.pe-hero__copy h1 { max-width: 10ch; text-transform: uppercase; }
.pe-hero__lead { max-width: 38ch; color: var(--color-bright-white) !important; font-size: var(--text-lead); line-height: var(--line-body); }
.pe-hero__actions { width: 100%; }
.pe-room__layout { display: grid; grid-template-columns: minmax(0, 48fr) minmax(0, 44fr); grid-template-areas: "intro copy" "image copy"; column-gap: 8%; row-gap: var(--space-6); align-items: start; }
.pe-room__intro { grid-area: intro; width: 100%; min-width: 0; max-width: 37.5rem; }
.pe-room__intro h2 { max-width: 15ch; }
.pe-room__image { grid-area: image; width: 100%; min-width: 0; margin: 0; }
.pe-room__copy { grid-area: copy; display: flex; width: 100%; min-width: 0; flex-direction: column; gap: var(--space-7); padding-top: var(--space-7); }
.pe-room__observation { width: 100%; min-width: 0; }
.pe-room__observation h3, .pe-room__observation p, .pe-room__observation blockquote { margin: 0; }
.pe-room__observation { display: flex; flex-direction: column; gap: var(--space-3); }
.pe-room__observation--room { max-width: 60ch; }
.pe-room__observation--language { width: 78%; max-width: 42ch; margin-left: auto; padding-left: var(--space-4); border-left: 2px solid var(--color-signal-cyan); }
.pe-room__observation--dinner { width: 88%; max-width: 46ch; padding: var(--space-5); border: var(--border-hairline); background: rgba(39,22,65,.48); }
.pe-room__observation blockquote { font-size: 1.125rem; }
.pe-formats { background: linear-gradient(180deg, transparent, rgba(7,5,13,.36)); }
.pe-formats__intro { width: 100%; max-width: 64ch; margin-bottom: var(--space-7); }
.pe-formats__intro h2 { max-width: 17ch; }
.pe-formats__grid { display: grid; width: min(100%, var(--container-content)); grid-template-columns: minmax(0, 59fr) minmax(0, 35fr); gap: 6%; min-width: 0; }
.pe-format { display: flex; min-width: 0; flex-direction: column; gap: var(--space-4); }
.pe-format > * { margin: 0; }
.pe-format--holdem { width: 100%; min-height: 100%; border-color: rgba(244,232,74,.55); }
.pe-format--holdem h3 { max-width: 14ch; }
.pe-format__signal { color: var(--color-electric-yellow) !important; font-family: var(--font-heading); font-size: var(--text-meta); font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.pe-format__descriptor { color: var(--color-bright-white) !important; font-family: var(--font-heading); font-size: var(--text-lead); }
.pe-formats__secondary { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto; gap: var(--space-5); min-width: 0; }
.pe-format--slow { border-color: rgba(57,231,245,.55); }
.pe-format--social { border-color: rgba(255,44,156,.55); }
.pe-format:hover, .pe-format:focus-within { border-color: var(--color-hairline-strong); box-shadow: var(--shadow-glow-cyan); transform: translateX(2px); }
.pe-sequence { position: relative; isolation: isolate; background: var(--color-void-onyx); }
.pe-sequence__heading { width: 100%; margin-bottom: var(--space-7); }
.pe-sequence__heading h2 { max-width: 24ch; }
.pe-sequence__beats { position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-5); min-width: 0; }
.pe-sequence__beats::before { position: absolute; top: 1.3rem; right: 8%; left: 8%; height: 1px; background: var(--color-electric-yellow); content: ""; }
.pe-beat { position: relative; display: flex; min-width: 0; flex-direction: column; gap: var(--space-3); padding-top: var(--space-5); }
.pe-beat > * { margin: 0; }
.pe-beat__number { position: relative; z-index: 1; width: max-content; padding-right: var(--space-3); background: var(--color-void-onyx); color: var(--color-electric-yellow) !important; font-family: var(--font-heading); font-size: var(--text-meta); font-weight: 700; letter-spacing: .14em; }
.pe-beat h3 { max-width: 14ch; font-size: 1.375rem; }
.pe-beat p:last-child { max-width: 34ch; }
.pe-etiquette { position: relative; isolation: isolate; }
.pe-etiquette__panel { width: min(100%, var(--container-content)); margin-left: auto; }
.pe-etiquette__intro { width: 100%; max-width: 54ch; margin-bottom: var(--space-6); }
.pe-etiquette__intro h2 { max-width: 18ch; }
.pe-etiquette__rules { display: grid; grid-template-columns: minmax(0, 1fr); min-width: 0; }
.pe-rule { display: grid; grid-template-columns: 4.375rem minmax(0, 1fr); gap: var(--space-4); width: 100%; min-width: 0; padding-block: var(--space-5); border-top: var(--border-hairline); }
.pe-rule > * { min-width: 0; }
.pe-rule__number { margin: 0; color: var(--color-signal-cyan) !important; font-family: var(--font-heading); font-weight: 700; letter-spacing: .1em; }
.pe-rule:nth-child(even) .pe-rule__number { color: var(--color-neon-fuchsia) !important; }
.pe-rule h3 { margin: 0 0 var(--space-2); font-size: 1.375rem; }
.pe-rule p { max-width: 52ch; }
.pe-rule:hover { border-color: var(--color-hairline-strong); }
.pe-private__layout { display: grid; grid-template-columns: minmax(0, 47fr) minmax(0, 45fr); gap: 8%; align-items: center; }
.pe-private__image, .pe-private__panel { width: 100%; min-width: 0; margin: 0; }
.pe-private__panel { display: flex; flex-direction: column; gap: var(--space-5); }
.pe-private__panel > * { margin: 0; }
.pe-private__panel h2 { max-width: 15ch; }
.pe-private__lead { max-width: 56ch; color: var(--color-bright-white) !important; font-size: var(--text-lead); }
.pe-private__notes { display: flex; min-width: 0; flex-direction: column; gap: var(--space-5); }
.pe-private__notes article { width: 100%; min-width: 0; padding-top: var(--space-4); border-top: var(--border-hairline); }
.pe-private__notes h3 { margin: 0 0 var(--space-2); font-size: 1.25rem; }
.pe-private__notes p:not(.pe-private__number) { max-width: 40ch; }
.pe-private__number { margin: 0 0 var(--space-2); color: var(--color-signal-cyan) !important; font-family: var(--font-heading); font-size: var(--text-meta); font-weight: 700; }
.pe-first-time { background: radial-gradient(circle at 28% 38%, rgba(255,120,200,.13), transparent 22rem), var(--color-void-onyx); }
.pe-first-time__layout { display: grid; grid-template-columns: minmax(0, 54fr) minmax(0, 36fr); gap: 10%; min-width: 0; align-items: start; }
.pe-first-time__statement, .pe-first-time__cues { width: 100%; min-width: 0; }
.pe-first-time__statement { max-width: 29.375rem; }
.pe-first-time__statement h2 { max-width: 14ch; }
.pe-first-time__statement > p:not(.pe-first-time__phrase) { max-width: 48ch; }
.pe-first-time__phrase { color: var(--color-bright-white) !important; font-family: var(--font-heading); font-size: var(--text-feature); font-style: italic; font-weight: 500; line-height: 1.1; }
.pe-first-time__cues { display: flex; max-width: 20rem; flex-direction: column; gap: var(--space-5); }
.pe-first-time__cues article { width: 100%; min-width: 0; padding-left: var(--space-4); border-left: 2px solid var(--color-signal-cyan); }
.pe-first-time__cues article:nth-child(2) { border-color: var(--color-neon-fuchsia); }
.pe-first-time__cues article:nth-child(3) { border-color: var(--color-electric-yellow); }
.pe-first-time__cues h3 { margin: 0 0 var(--space-2); font-size: 1.25rem; }
.pe-first-time__cues p { max-width: 34ch; }
.pe-faq__panel { width: min(100%, var(--container-content)); margin-left: auto; }
.pe-faq__inner { display: flex; width: 100%; max-width: 42.5rem; min-width: 0; flex-direction: column; gap: var(--space-6); margin-left: auto; }
.pe-faq__intro { width: 100%; max-width: 58ch; }
.pe-faq__intro h2 { max-width: 18ch; }
.pe-faq__list { display: grid; grid-template-columns: minmax(0, 1fr); min-width: 0; border-top: var(--border-hairline); }
.pe-faq__item { width: 100%; min-width: 0; border-bottom: var(--border-hairline); }
.pe-faq__item h3 { margin: 0; }
.pe-faq__item button { display: grid; grid-template-columns: minmax(0, 1fr) 2rem; width: 100%; min-width: 0; min-height: 3.5rem; align-items: center; gap: var(--space-3); padding: var(--space-4) var(--space-5); color: var(--color-bright-white); font-family: var(--font-heading); font-size: 1rem; font-weight: 600; line-height: var(--line-compact); text-align: left; }
.pe-faq__item button span { justify-self: end; color: var(--color-signal-cyan); font-size: 1.5rem; line-height: 1; }
.pe-faq__item button[aria-expanded="true"] { border-left: 2px solid var(--color-neon-fuchsia); background: rgba(255,44,156,.08); }
.pe-faq__item button[aria-expanded="true"] span { color: var(--color-neon-fuchsia); }
.pe-faq__answer { padding: 0 var(--space-5) var(--space-5); }
.pe-faq__answer p { max-width: 64ch; margin: 0; }
.pe-enquiry { position: relative; isolation: isolate; background: var(--color-void-onyx); }
.pe-enquiry__panel { width: min(100%, var(--container-content)); margin-inline: auto; }
.pe-enquiry__intro { width: 100%; max-width: 48ch; margin-bottom: var(--space-6); }
.pe-enquiry__intro h2 { max-width: 16ch; }
.pe-enquiry__form { display: flex; width: 100%; min-width: 0; flex-direction: column; gap: var(--space-5); }
.pe-enquiry__form p { margin: 0; }
.pe-required-note { color: var(--color-lilac-muted) !important; font-size: var(--text-utility); }
.pe-required-note span, .pe-field label span { color: var(--color-electric-yellow); }
.pe-enquiry__short-fields { display: grid; grid-template-columns: repeat(2, minmax(17.5rem, 1fr)); gap: var(--space-4); width: 100%; min-width: 0; }
.pe-enquiry__full-fields { display: flex; width: 100%; min-width: 0; flex-direction: column; gap: var(--space-4); }
.pe-field { display: flex; width: 100%; min-width: 0; flex-direction: column; gap: var(--space-2); }
.pe-field label { color: var(--color-bright-white); font-family: var(--font-heading); font-size: var(--text-utility); font-weight: 600; letter-spacing: .03em; }
.pe-field input, .pe-field select, .pe-field textarea { min-width: 0; overflow-wrap: anywhere; }
.pe-field__error { min-height: 1.2em; color: var(--color-electric-yellow) !important; font-size: var(--text-utility); line-height: 1.35; }
.pe-field.has-error input, .pe-field.has-error select, .pe-field.has-error textarea { border-color: var(--color-electric-yellow); }
.pe-enquiry__submit-area { display: flex; width: 100%; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-4); }
.pe-enquiry__direct-note, .pe-form-status { max-width: 52ch; font-size: var(--text-utility); }
.pe-form-status { color: var(--color-bright-white) !important; font-weight: 600; }
.pe-closing { position: relative; background: radial-gradient(circle at 30% 80%, rgba(255,120,200,.12), transparent 22rem), var(--color-void-onyx); }
.pe-closing::after { position: absolute; right: 0; bottom: 0; left: 0; height: 1px; background: var(--color-signal-cyan); content: ""; opacity: .65; }
.pe-closing__copy { display: flex; width: 52%; max-width: 36.875rem; min-width: 0; flex-direction: column; gap: var(--space-5); margin-left: 16%; }
.pe-closing__copy > * { margin: 0; }
.pe-closing__copy h2 { max-width: 14ch; font-size: clamp(2.5rem, 5vw, 4.4rem); text-transform: uppercase; }
.pe-closing__copy > p:not(.section-marker) { max-width: 48ch; }
.pe-closing__actions { width: 100%; }
@media (max-width: 61.25rem) { .pe-sequence__beats { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: var(--space-7); } .pe-sequence__beats::before { display: none; } .pe-beat { border-top: 1px solid var(--color-electric-yellow); } }
@media (max-width: 56.25rem) { .pe-hero { min-height: 78svh; } .pe-hero__scrim { background: linear-gradient(90deg, rgba(7,5,13,.94), rgba(7,5,13,.66)), linear-gradient(180deg, rgba(7,5,13,.54), rgba(7,5,13,.66)); } .pe-hero__copy { width: 100%; max-width: 36.875rem; padding-top: 5rem; } .pe-hero__copy h1 { max-width: 12ch; font-size: clamp(3rem, 13vw, 4.6rem); } .pe-room__layout { grid-template-columns: minmax(0, 1fr); grid-template-areas: "intro" "image" "copy"; gap: var(--space-5); } .pe-room__copy { padding-top: var(--space-3); } .pe-room__observation--language, .pe-room__observation--dinner { width: 100%; margin-left: 0; } .pe-private__layout { grid-template-columns: minmax(0, 1fr); gap: var(--space-5); } .pe-private__panel { max-width: none; } }
@media (max-width: 51.25rem) { .pe-formats__grid { grid-template-columns: minmax(0, 1fr); gap: var(--space-5); } .pe-formats__secondary { grid-template-columns: minmax(0, 1fr); } .pe-faq__panel { margin-left: 0; } .pe-faq__inner { max-width: none; margin-left: 0; } }
@media (max-width: 47.5rem) { .pe-first-time__layout { grid-template-columns: minmax(0, 1fr); gap: var(--space-6); } .pe-first-time__statement, .pe-first-time__cues { max-width: none; } }
@media (max-width: 43.75rem) { .pe-etiquette__panel { width: 100%; margin-left: 0; } .pe-rule { grid-template-columns: 1.75rem minmax(0, 1fr); gap: var(--space-3); } .pe-enquiry__short-fields { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 42.5rem) { .pe-sequence__beats { grid-template-columns: minmax(0, 1fr); gap: var(--space-5); border-left: 1px solid var(--color-electric-yellow); padding-left: var(--space-4); } .pe-beat { border-top: 0; padding-top: 0; } .pe-beat__number { background: var(--color-void-onyx); } }
@media (max-width: 38.75rem) { .pe-closing__copy { width: 100%; margin-left: 0; } }
@media (max-width: 51.25rem) { .pe-hero__actions > .button-link, .pe-closing__actions > .button-link { flex: 1 1 100%; } .pe-faq__item button { padding-inline: var(--space-4); } .pe-faq__answer { padding-inline: var(--space-4); } }
@media (prefers-reduced-motion: reduce) { .pe-format:hover { transform: none; } }