.poker-evenings-page { background: var(--color-espresso); }
.poker-evenings-page .text-link { min-height: 2.75rem; }
.pe-hero { position: relative; min-height: clamp(44rem, 74vh, 52rem); display: flex; align-items: stretch; overflow: hidden; isolation: isolate; }
.pe-hero__image, .pe-hero__shade { position: absolute; z-index: -1; inset: 0; width: 100%; height: 100%; }
.pe-hero__image { z-index: -2; object-fit: cover; object-position: 62% 50%; }
.pe-hero__shade { background: linear-gradient(90deg, rgba(20,13,10,.9) 0%, rgba(20,13,10,.68) 40%, rgba(20,13,10,.12) 72%), linear-gradient(0deg, rgba(20,13,10,.9), transparent 56%); }
.pe-hero__container { position: relative; z-index: 1; display: grid; align-items: end; padding-block: var(--space-10); }
.pe-hero__content { width: min(100%, 52ch); display: flex; flex-direction: column; gap: var(--space-5); }
.pe-hero__content > * { margin: 0; min-width: 0; }
.pe-hero__content h1 { font-size: clamp(3rem, 6vw, 4rem); }
.pe-hero__actions { display: flex; flex-wrap: wrap; gap: var(--space-3); }
.pe-hero__actions > * { min-width: 0; }
.pe-hero__practical { padding-top: var(--space-4); border-top: var(--border-brass); color: var(--color-linen); font-size: var(--text-meta); }
.pe-movements { position: relative; background: var(--color-espresso); }
.pe-movements::before { position: absolute; inset: 0; opacity: .08; pointer-events: none; background-image: repeating-linear-gradient(0deg, transparent 0 7px, rgba(184,138,74,.25) 8px); content: ""; }
.pe-movements__grid, .pe-movements__list { position: relative; display: grid; min-width: 0; }
.pe-movements__grid { grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-8) var(--space-5); }
.pe-movements__intro { grid-column: 1 / span 7; width: min(100%, 62ch); min-width: 0; }
.pe-movements__list { grid-column: 1 / -1; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); }
.pe-movement { display: grid; grid-template-columns: 3rem minmax(0, 1fr); gap: var(--space-3); min-width: 0; padding-top: var(--space-5); border-top: var(--border-quiet); }
.pe-movement__number { color: var(--color-aged-brass); font-family: var(--font-heading); font-size: 2rem; line-height: 1; }
.pe-movement__copy { min-width: 0; max-width: 50ch; }
.pe-movement__copy h3 { font-size: var(--text-h5); }
.pe-movement__closing { color: var(--color-linen); font-family: var(--font-heading); font-style: italic; }
.pe-programme { background: var(--color-walnut); }
.pe-programme__intro { width: min(100%, 62ch); margin-bottom: var(--space-8); }
.pe-format-list { display: flex; flex-direction: column; gap: var(--space-8); }
.pe-format { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); min-width: 0; align-items: stretch; }
.pe-format__media, .pe-format__copy { min-width: 0; margin: 0; }
.pe-format__media { border: var(--border-brass); background: var(--color-espresso); overflow: hidden; }
.pe-format__media img { width: 100%; height: 100%; min-height: 26rem; object-fit: cover; transition: transform var(--transition-base); }
.pe-format:hover .pe-format__media img { transform: scale(1.02); }
.pe-format__media figcaption { padding: var(--space-2) var(--space-3); }
.pe-format__copy { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); padding: var(--space-7); border: var(--border-brass); }
.pe-format__copy > * { margin: 0; min-width: 0; }
.pe-format__copy p { max-width: 48ch; }
.pe-format__copy h3 { font-size: clamp(2rem, 3vw, 2.75rem); }
.pe-format--classic .pe-format__media, .pe-format--beginner .pe-format__media, .pe-format--themed .pe-format__media { grid-column: 1 / span 7; }
.pe-format--classic .pe-format__copy, .pe-format--beginner .pe-format__copy, .pe-format--themed .pe-format__copy { grid-column: 8 / -1; }
.pe-format--friends .pe-format__copy, .pe-format--lounge .pe-format__copy, .pe-format--private .pe-format__copy { grid-column: 1 / span 5; }
.pe-format--friends .pe-format__media, .pe-format--lounge .pe-format__media, .pe-format--private .pe-format__media { grid-column: 6 / -1; }
.pe-format--friends .pe-format__copy { order: 1; } .pe-format--friends .pe-format__media { order: 2; }
.pe-format--lounge .pe-format__copy { order: 1; } .pe-format--lounge .pe-format__media { order: 2; }
.pe-format--private .pe-format__copy { order: 1; } .pe-format--private .pe-format__media { order: 2; }
.pe-format--beginner .pe-format__media img { object-position: center; }
.pe-format--lounge .pe-format__media img { object-position: 55% center; }
.pe-format--private .pe-format__media img { object-position: center; }
.pe-table { background: var(--color-espresso); }
.pe-table__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-7); align-items: start; }
.pe-table__content { grid-column: 1 / span 5; min-width: 0; width: min(100%, 54ch); }
.pe-table__pull { color: var(--color-linen); font-family: var(--font-heading); font-size: 2rem; font-style: italic; line-height: 1.08; }
.pe-table__media { grid-column: 6 / -1; min-width: 0; margin: var(--space-7) 0 0; padding: var(--space-2); border: var(--border-brass); }
.pe-table__media img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.pe-table__support { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4); margin-top: var(--space-6); }
.pe-table__support > article { min-width: 0; padding-top: var(--space-4); border-top: var(--border-quiet); }
.pe-table__support h3 { font-size: var(--text-h5); }
.pe-table__closing { color: var(--color-linen); font-family: var(--font-heading); font-style: italic; }
.pe-etiquette { background: var(--color-antique-cream); }
.pe-etiquette__reading { width: min(100%, 45rem); margin-inline: auto; }
.pe-etiquette__reading .eyebrow { color: var(--color-aged-brass); }
.pe-accordion-group { display: flex; flex-direction: column; gap: 0; margin-top: var(--space-6); border-top: 1px solid rgba(33,23,19,.28); }
.pe-accordion { min-width: 0; border-bottom: 1px solid rgba(33,23,19,.28); }
.pe-accordion__trigger { display: flex; width: 100%; min-height: 3.25rem; align-items: center; justify-content: space-between; gap: var(--space-4); padding: var(--space-4) 0; background: transparent; color: var(--color-ink); font-family: var(--font-heading); font-size: var(--text-h6); font-weight: 600; text-align: left; }
.pe-accordion__state { width: 1.5rem; flex: 0 0 1.5rem; color: var(--color-aged-brass); font-family: var(--font-body); font-size: 1.5rem; text-align: center; }
.pe-accordion__panel { width: min(100%, 60ch); padding: 0 0 var(--space-5); color: var(--color-ink); }
.pe-accordion__panel > .button { margin-top: var(--space-2); }
.pe-visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.pe-dining { background: var(--color-espresso); }
.pe-dining__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-7); align-items: center; }
.pe-dining__media { grid-column: 1 / span 7; min-width: 0; margin: 0; padding: var(--space-2); border: var(--border-brass); }
.pe-dining__media img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.pe-dining__content { grid-column: 8 / -1; min-width: 0; width: min(100%, 52ch); }
.pe-dining__note { width: min(100%, 44ch); margin-top: var(--space-6); padding: var(--space-5); border: var(--border-brass); background: var(--color-antique-cream); color: var(--color-ink); }
.pe-dining__note h3 { font-size: var(--text-h5); }
.pe-dining__actions { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-2); margin-top: var(--space-5); }
.pe-interlude { position: relative; min-height: 34rem; display: grid; grid-template-columns: minmax(0, 1fr); align-items: center; overflow: hidden; }
.pe-interlude__image, .pe-interlude__shade { grid-area: 1 / 1; width: 100%; height: 100%; }
.pe-interlude__image { object-fit: cover; object-position: center; }
.pe-interlude__shade { background: linear-gradient(90deg, rgba(20,13,10,.76), rgba(20,13,10,.25)); }
.pe-interlude__container { grid-area: 1 / 1; position: relative; z-index: 1; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-5); align-items: end; }
.pe-interlude__quote { grid-column: 1 / span 5; min-width: 0; margin-block: var(--space-8); padding: var(--space-6); border: var(--border-brass); background: var(--color-smoked-glass); }
.pe-interlude__quote h2 { font-size: clamp(2rem, 3.5vw, 3rem); font-style: italic; }
.pe-interlude__quote p { width: min(100%, 38ch); color: var(--color-linen); }
.pe-interlude__glyph { color: var(--color-aged-brass); font-size: 1.5rem; }
.pe-interlude__captions { grid-column: 7 / -1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4); min-width: 0; margin-bottom: var(--space-7); }
.pe-interlude__captions > div { min-width: 0; padding: var(--space-4); background: rgba(36,25,20,.84); }
.pe-interlude__captions h3 { font-size: var(--text-h5); }
.pe-interlude__captions p { max-width: 34ch; }
.pe-interlude__captions .text-link { margin-right: var(--space-3); }
.pe-pathways { background: var(--color-espresso); }
.pe-pathways > .container > h2 { width: min(100%, 52ch); }
.pe-pathways__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-4); margin-top: var(--space-7); }
.pe-pathway { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-4); padding: var(--space-6); border: var(--border-brass); }
.pe-pathway > * { margin: 0; min-width: 0; }
.pe-pathway h3 { font-size: var(--text-h5); }
.pe-pathway p { max-width: 38ch; }
.pe-pathway--walnut { background: var(--color-walnut); }.pe-pathway--burgundy { background: var(--color-burgundy); }.pe-pathway--forest { background: var(--color-forest); }
.pe-pathways__note { width: min(100%, 54ch); margin: var(--space-6) auto 0; color: var(--color-linen); text-align: center; }
.pe-enquiry { background: var(--color-walnut); }
.pe-enquiry__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-7); align-items: start; }
.pe-enquiry__intro { grid-column: 1 / span 4; min-width: 0; width: min(100%, 50ch); }
.pe-enquiry__form { grid-column: 6 / -1; display: flex; min-width: 0; flex-direction: column; align-items: stretch; gap: var(--space-5); padding: var(--space-7); border: var(--border-brass); }
.pe-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4); }
.pe-field { min-width: 0; }.pe-field--full { grid-column: 1 / -1; }
.pe-field label { color: rgba(33,23,19,.82); }.pe-field input, .pe-field select, .pe-field textarea { font-size: 1rem; }
.pe-field__help, .pe-field__error { margin: var(--space-2) 0 0; font-size: var(--text-label); line-height: 1.45; }
.pe-field__help { color: rgba(33,23,19,.68); }.pe-field__error { color: #7c1524; font-weight: 700; }
.pe-field input[aria-invalid="true"], .pe-field select[aria-invalid="true"] { border-color: #7c1524; }
.pe-form-summary { padding: var(--space-4); border: 1px solid #7c1524; color: #631f2b; font-weight: 700; }
.pe-form-guidance { width: min(100%, 48ch); color: rgba(33,23,19,.78); font-size: var(--text-meta); }
.pe-form-guidance p { margin: 0; }.pe-form-success { padding: var(--space-5); border: var(--border-brass); background: rgba(184,138,74,.12); color: var(--color-ink); }.pe-form-success > *:last-child { margin-bottom: 0; }
.pe-continue { background: var(--color-espresso); }
.pe-continue > .container > h2 { width: min(100%, 48ch); }
.pe-continue__rows { width: min(100%, calc((100% / 12) * 8)); display: flex; flex-direction: column; gap: var(--space-4); margin: var(--space-7) auto 0; }
.pe-continue__row { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 5fr); gap: var(--space-5); min-width: 0; padding: var(--space-5); border: var(--border-brass); transition: border-color var(--transition-base), background-color var(--transition-base); }
.pe-continue__row:hover { border-color: var(--color-antique-cream); }.pe-continue__row h3, .pe-continue__row div { min-width: 0; margin: 0; }.pe-continue__row h3 { font-size: var(--text-h5); }.pe-continue__row p { max-width: 48ch; }
.pe-continue__row--walnut { background: var(--color-walnut); }.pe-continue__row--paper { background: var(--color-antique-cream); color: var(--color-ink); }.pe-continue__row--paper h3 { color: var(--color-ink); }.pe-continue__row--forest { background: var(--color-forest); }
.pe-continue__closing { width: min(100%, 46ch); margin: var(--space-6) auto 0; color: var(--color-linen); font-family: var(--font-heading); font-size: var(--text-h5); text-align: center; }
@media (max-width: 67.5rem) { .pe-format { grid-template-columns: minmax(0, 1fr); gap: 0; }.pe-format__media, .pe-format__copy, .pe-format--classic .pe-format__media, .pe-format--classic .pe-format__copy, .pe-format--beginner .pe-format__media, .pe-format--beginner .pe-format__copy, .pe-format--themed .pe-format__media, .pe-format--themed .pe-format__copy, .pe-format--friends .pe-format__media, .pe-format--friends .pe-format__copy, .pe-format--lounge .pe-format__media, .pe-format--lounge .pe-format__copy, .pe-format--private .pe-format__media, .pe-format--private .pe-format__copy { grid-column: 1; }.pe-format__media { order: 1 !important; }.pe-format__copy { order: 2 !important; }.pe-format__media img { min-height: 20rem; height: auto; aspect-ratio: 16 / 8; }.pe-format--beginner .pe-format__copy, .pe-format--themed .pe-format__copy { order: 1 !important; }.pe-format--beginner .pe-format__media, .pe-format--themed .pe-format__media { order: 2 !important; } }
@media (max-width: 64rem) { .pe-hero__content { width: min(100%, 62ch); }.pe-movements__grid { grid-template-columns: repeat(8, minmax(0, 1fr)); }.pe-movements__intro { grid-column: 1 / span 6; }.pe-movements__list { grid-template-columns: repeat(2, minmax(0, 1fr)); }.pe-movement:last-child { grid-column: 1 / -1; }.pe-table__grid, .pe-dining__grid, .pe-enquiry__grid { grid-template-columns: minmax(0, 1fr); }.pe-table__content, .pe-table__media, .pe-dining__media, .pe-dining__content, .pe-enquiry__intro, .pe-enquiry__form { grid-column: 1; width: 100%; }.pe-table__media { margin: 0; order: -1; }.pe-dining__media { order: -1; }.pe-enquiry__form { margin-top: 0; }.pe-interlude__container { grid-template-columns: repeat(8, minmax(0, 1fr)); }.pe-interlude__quote { grid-column: 1 / span 6; }.pe-interlude__captions { grid-column: 1 / span 6; grid-template-columns: minmax(0, 1fr); }.pe-pathways__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.pe-pathway:first-child { grid-column: 1 / -1; }.pe-continue__rows { width: min(100%, calc((100% / 8) * 6)); } }
@media (max-width: 61.25rem) { .pe-movements__list { grid-template-columns: minmax(0, 1fr); }.pe-movement, .pe-movement:last-child { grid-column: 1; }.pe-pathways__grid { grid-template-columns: minmax(0, 1fr); }.pe-pathway:first-child { grid-column: 1; } }
@media (max-width: 56.25rem) { .pe-continue__rows { width: 100%; }.pe-continue__row { grid-template-columns: minmax(0, 1fr); gap: var(--space-3); } }
@media (max-width: 47.5rem) { .pe-hero { min-height: min(70vh, 42rem); }.pe-hero__container { padding-block: var(--space-7); }.pe-hero__content { width: min(100%, 31ch); gap: var(--space-4); }.pe-hero__content h1 { font-size: 2.25rem; }.pe-hero__actions { flex-direction: column; align-items: stretch; }.pe-hero__actions > * { width: 100%; }.pe-hero__practical { font-size: var(--text-label); }.pe-movements__grid { grid-template-columns: minmax(0, 1fr); gap: var(--space-6); }.pe-movements__intro, .pe-movements__list { grid-column: 1; }.pe-movement { grid-template-columns: 2.25rem minmax(0, 1fr); }.pe-format-list { gap: var(--space-7); }.pe-format__copy { padding: var(--space-5); }.pe-format__media img { min-height: 0; aspect-ratio: 4 / 3; }.pe-format--beginner .pe-format__copy, .pe-format--themed .pe-format__copy { order: 1 !important; }.pe-format--beginner .pe-format__media, .pe-format--themed .pe-format__media { order: 2 !important; }.pe-table__support { grid-template-columns: minmax(0, 1fr); }.pe-table__content { width: 100%; }.pe-table__media { padding: var(--space-1); }.pe-accordion__trigger { min-height: 3.5rem; }.pe-dining__note { width: 100%; }.pe-interlude { min-height: 32.5rem; }.pe-interlude__container { grid-template-columns: minmax(0, 1fr); padding-block: var(--space-6); }.pe-interlude__quote, .pe-interlude__captions { grid-column: 1; }.pe-interlude__quote { margin: 0; padding: var(--space-5); }.pe-interlude__captions { margin: 0; gap: 0; }.pe-interlude__captions > div { padding: var(--space-4); }.pe-pathway { padding: var(--space-5); }.pe-enquiry__form { padding: var(--space-5); }.pe-form-grid { grid-template-columns: minmax(0, 1fr); }.pe-field--full { grid-column: 1; }.pe-enquiry__form .button { width: 100%; min-height: 3rem; }.pe-continue__row { padding: var(--space-5); }.pe-continue__closing { width: 100%; } }
@media (prefers-reduced-motion: reduce) { .pe-format:hover .pe-format__media img { transform: none; } }
