.poker-evenings-page { overflow: hidden; }

.poker-evenings-page .eyebrow,
.poker-evenings-page .micro-label { font-family: var(--font-body); }

.pe-hero { position: relative; min-height: 43.75rem; display: grid; align-items: center; color: var(--color-white); isolation: isolate; }
.pe-hero__image { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: 68% center; z-index: -3; transition: object-position var(--transition-fast); }
.pe-hero:hover .pe-hero__image { object-position: 70% center; }
.pe-hero__shade { position: absolute; inset: 0 auto 0 0; width: 42%; background: rgb(18 63 74 / 78%); z-index: -2; }
.pe-hero__container { width: min(100% - (var(--gutter) * 2), var(--container-max)); }
.pe-hero__content { width: min(100%, 43.75rem); min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-5); }
.pe-hero__content > * { min-width: 0; margin: 0; }
.pe-hero h1 { width: min(100%, 43.75rem); color: var(--color-white); }
.pe-hero__lead { width: min(100%, 39rem); font-size: var(--font-size-lead); line-height: var(--line-height-lead); }
.pe-hero__line { width: min(100%, 35rem); margin-top: var(--space-3) !important; font-family: var(--font-heading); font-size: clamp(1.75rem, 1.45rem + 1.4vw, 2.5rem); font-weight: 500; letter-spacing: var(--tracking-heading); line-height: 1.08; }
.pe-hero .status { margin-bottom: var(--space-1); }

.pe-timeline__grid { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); gap: calc(var(--grid-gap) * 2); align-items: start; }
.pe-timeline__intro { min-width: 0; width: min(100%, 26.875rem); }
.pe-timeline__intro .lead { width: min(100%, 26.25rem); }
.pe-timeline__list { min-width: 0; margin: 0; padding: 0; list-style: none; border-left: 1px solid var(--color-brushed-aluminium); }
.pe-timeline__item { position: relative; min-width: 0; display: grid; grid-template-columns: 7.5rem minmax(0, 1fr); gap: var(--space-5); padding: 0 0 var(--space-7) var(--space-6); }
.pe-timeline__item:last-child { padding-bottom: 0; }
.pe-timeline__item::before { position: absolute; top: 0.38rem; left: -0.32rem; width: 0.625rem; height: 0.625rem; border: 2px solid var(--color-terracotta); border-radius: 50%; background: var(--color-pearl-white); content: ""; transition: background-color var(--transition-fast); }
.pe-timeline__item[data-active="true"]::before { background: var(--color-terracotta); }
.pe-timeline__time { min-width: 0; color: var(--color-petrol-blue); font-size: var(--font-size-nav); font-weight: 600; letter-spacing: var(--tracking-nav); line-height: 1.3; text-transform: uppercase; }
.pe-timeline__copy { min-width: 0; width: min(100%, 32.5rem); }
.pe-timeline__copy h3 { margin-bottom: var(--space-3); font-size: clamp(1.8rem, 1.55rem + 0.8vw, 2.2rem); }
.pe-timeline__copy p { margin-bottom: 0; }

.pe-dining__grid { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: calc(var(--grid-gap) * 2); align-items: center; }
.pe-dining__media { width: 100%; min-width: 0; margin: var(--space-7) 0 0; overflow: hidden; border-radius: var(--radius-feature); aspect-ratio: 4 / 3; }
.pe-dining__media img { width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform var(--transition-fast); }
.pe-dining__media:hover img { transform: scale(1.025); }
.pe-dining__copy { min-width: 0; width: min(100%, 35rem); border-top: 1px solid var(--color-petrol-blue); padding-top: var(--space-5); }
.pe-dining__pull { width: min(100%, 28rem); color: var(--color-terracotta); font-family: var(--font-heading); font-size: clamp(1.55rem, 1.2rem + 1.2vw, 2.15rem); line-height: 1.12; }

.pe-text-link { position: relative; display: inline-flex; min-height: 2.75rem; align-items: center; color: var(--color-petrol-blue); font-size: var(--font-size-small); font-weight: 600; text-decoration: none; }
.pe-text-link::after { position: absolute; bottom: 0.32rem; left: 0; width: 1.5rem; height: 1px; background: var(--color-terracotta); content: ""; transition: width var(--transition-fast); }
.pe-text-link:hover::after { width: 100%; }

.pe-transition__intro { width: min(100%, 47.5rem); min-width: 0; margin-inline: auto; padding-block: var(--space-6); border-top: 1px solid var(--color-brushed-aluminium); border-bottom: 1px solid var(--color-brushed-aluminium); text-align: center; }
.pe-transition__intro .lead { width: min(100%, 38.75rem); margin-inline: auto; }
.pe-transition__details { width: min(100%, 48rem); min-width: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-7); margin: var(--space-7) auto 0; }
.pe-transition__detail { min-width: 0; border-top: 1px solid var(--color-brushed-aluminium); padding-top: var(--space-5); }
.pe-transition__detail h3 { font-size: clamp(1.8rem, 1.55rem + 0.8vw, 2.2rem); }
.pe-transition__detail p:last-child { width: min(100%, 26.25rem); margin-bottom: 0; }

.pe-offline { overflow: hidden; }
.pe-offline__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: calc(var(--grid-gap) * 2); align-items: center; }
.pe-offline__copy { min-width: 0; width: min(100%, 36.875rem); display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-5); }
.pe-offline__copy > * { min-width: 0; margin: 0; }
.pe-offline__copy h2 { color: var(--color-white); }
.pe-offline__copy .lead { width: min(100%, 36.25rem); }
.pe-offline__note { width: min(100%, 28.75rem); min-width: 0; display: flex; gap: var(--space-3); padding: var(--space-4); border-radius: var(--radius-control); background: var(--color-eucalyptus-green); color: var(--color-petrol-blue); }
.pe-offline__note p { min-width: 0; margin: 0; font-size: var(--font-size-small); line-height: var(--line-height-small); }
.pe-offline__dot { width: 0.5rem; height: 0.5rem; flex: 0 0 auto; margin-top: 0.38rem; border-radius: 50%; background: var(--color-petrol-blue); }
.pe-offline .button--outline { color: var(--color-pearl-white); }
.pe-offline .button--outline:hover { color: var(--color-white); }
.pe-offline__media { width: calc(100% + max(0px, (100vw - var(--container-max)) / 2)); min-width: 0; margin: 0 calc(-1 * max(0px, (100vw - var(--container-max)) / 2)) 0 0; overflow: hidden; aspect-ratio: 3 / 2; }
.pe-offline__media img { width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform var(--transition-fast); }
.pe-offline__media:hover img { transform: scale(1.025); }

.pe-late__grid { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); gap: calc(var(--grid-gap) * 2); align-items: start; }
.pe-late__intro { min-width: 0; width: min(100%, 26.25rem); }
.pe-late__stages { min-width: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-6); align-items: start; }
.pe-late__panel { min-width: 0; padding: var(--space-6); }
.pe-late__panel > :last-child { margin-bottom: 0; }
.pe-late__panel--offset { margin-top: var(--space-8); }
.pe-late__quote { grid-column: 1 / -1; width: min(100%, 32rem); min-width: 0; margin: 0; color: var(--color-terracotta); font-family: var(--font-heading); font-size: clamp(1.8rem, 1.45rem + 1.2vw, 2.6rem); line-height: 1.08; }

.pe-practical__heading { width: min(100%, 42.5rem); min-width: 0; border-top: 1px solid var(--color-petrol-blue); padding-top: var(--space-5); }
.pe-practical__heading .lead { width: min(100%, 40rem); }
.pe-practical__items { min-width: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: var(--space-7); }
.pe-practical__item { min-width: 0; padding: 0 var(--space-6); border-left: 1px solid var(--color-brushed-aluminium); }
.pe-practical__item:first-child { padding-left: 0; border-left: 0; }
.pe-practical__item h3 { font-size: clamp(1.75rem, 1.5rem + 0.75vw, 2.1rem); }
.pe-practical__item p:last-child { width: min(100%, 23.75rem); margin-bottom: 0; }

.pe-presence__statement { width: min(100%, 47.5rem); min-width: 0; margin-inline: auto; text-align: center; }
.pe-presence__statement h2 { color: var(--color-white); }
.pe-presence__statement .lead { width: min(100%, 38.75rem); margin-inline: auto; }
.pe-presence__principles { min-width: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: var(--space-7); border-top: 1px solid rgb(168 176 173 / 55%); }
.pe-presence__principles article { min-width: 0; padding: var(--space-5) var(--space-6) 0; border-left: 1px solid rgb(168 176 173 / 55%); }
.pe-presence__principles article:first-child { padding-left: 0; border-left: 0; }
.pe-presence__principles h3 { color: var(--color-white); font-size: clamp(1.75rem, 1.5rem + 0.75vw, 2.1rem); }
.pe-presence__principles p:last-child { width: min(100%, 24.375rem); margin-bottom: 0; }
.pe-presence .micro-label { color: var(--color-terracotta); }

.pe-band { position: relative; min-height: 26.25rem; display: grid; align-items: end; color: var(--color-white); isolation: isolate; }
.pe-band__image { position: absolute; inset: 0; z-index: -3; background: url('/public/media/poker-evenings-lounge-panorama.webp') 68% center / cover no-repeat; transition: background-position var(--transition-fast); }
.pe-band:hover .pe-band__image { background-position: 70% center; }
.pe-band__overlay { position: absolute; inset: 0; z-index: -2; background: rgb(18 63 74 / 78%); }
.pe-band__container { width: min(100% - (var(--gutter) * 2), var(--container-max)); }
.pe-band__copy { width: min(100%, 38.75rem); min-width: 0; padding-block: var(--space-8); }
.pe-band__copy h2 { color: var(--color-white); font-size: clamp(2rem, 1.35rem + 2.4vw, 3.2rem); line-height: 1.03; }
.pe-band__copy p { margin: 0; font-size: var(--font-size-micro); font-weight: 600; letter-spacing: var(--tracking-micro); line-height: 1.3; }

.pe-enquiry__panel { min-width: 0; display: grid; grid-template-columns: minmax(0, 7fr) minmax(13.75rem, 3fr); gap: calc(var(--grid-gap) * 2); align-items: center; padding: var(--space-8); border-radius: var(--radius-feature); background: var(--color-petrol-blue); color: var(--color-white); }
.pe-enquiry__copy { min-width: 0; width: min(100%, 40.625rem); }
.pe-enquiry__copy h2 { color: var(--color-white); }
.pe-enquiry__copy p:last-child { margin-bottom: 0; }
.pe-enquiry__actions { min-width: 0; display: flex; flex-direction: column; align-items: stretch; gap: var(--space-4); padding-left: var(--space-6); border-left: 1px solid rgb(168 176 173 / 60%); }
.pe-enquiry__actions > * { min-width: 0; }
.pe-enquiry__actions .button--outline { color: var(--color-pearl-white); }
.pe-enquiry__actions .button--outline:hover { color: var(--color-white); }
.pe-enquiry__link { align-self: flex-start; color: var(--color-pearl-white); }

@media (max-width: 59.9375rem) {
  .pe-dining__grid,
  .pe-offline__grid { grid-template-columns: minmax(0, 1fr); gap: var(--space-6); }
  .pe-dining__media { order: 0; width: 100%; max-width: 40.625rem; margin-top: 0; }
  .pe-dining__copy { order: 1; }
  .pe-offline__media { width: 100%; max-width: none; margin: 0; aspect-ratio: 4 / 5; }
  .pe-offline__media img { object-position: center; }
}

@media (max-width: 56.1875rem) {
  .pe-timeline__grid,
  .pe-late__grid { grid-template-columns: minmax(0, 1fr); gap: var(--space-7); }
  .pe-timeline__intro,
  .pe-late__intro { width: min(100%, 32rem); }
  .pe-late__stages { width: min(100%, 46rem); }
  .pe-practical__items { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-6) 0; }
  .pe-practical__item:nth-child(3) { padding-left: 0; border-left: 0; }
  .pe-enquiry__panel { grid-template-columns: minmax(0, 1fr); gap: var(--space-6); }
  .pe-enquiry__actions { width: min(100%, 25rem); padding-left: 0; border-left: 0; border-top: 1px solid rgb(168 176 173 / 60%); padding-top: var(--space-6); }
}

@media (max-width: 51.1875rem) {
  .pe-transition__details,
  .pe-presence__principles { grid-template-columns: minmax(0, 1fr); }
  .pe-transition__details { gap: var(--space-5); }
  .pe-presence__principles { margin-top: var(--space-6); }
  .pe-presence__principles article,
  .pe-presence__principles article:first-child { padding: var(--space-5) 0 0; border-top: 1px solid rgb(168 176 173 / 55%); border-left: 0; }
  .pe-presence__principles article:first-child { border-top: 0; }
}

@media (max-width: 47.9375rem) {
  .pe-hero { min-height: 38.75rem; align-items: end; }
  .pe-hero__image { object-position: 62% center; }
  .pe-hero__shade { inset: auto 0 0; width: 100%; height: 58%; }
  .pe-hero__container { padding-bottom: var(--space-6); }
  .pe-hero__content { width: 100%; gap: var(--space-4); }
  .pe-hero h1 { font-size: 2.75rem; line-height: var(--line-height-display); }
  .pe-hero__lead { width: 100%; }
  .pe-hero__line { width: 100%; margin-top: var(--space-2) !important; font-size: 1.75rem; }
  .pe-hero .button { width: 100%; }

  .pe-timeline__item { grid-template-columns: minmax(0, 1fr); gap: var(--space-3); padding-left: var(--space-5); padding-bottom: var(--space-6); }
  .pe-timeline__time { width: 100%; }
  .pe-timeline__copy { width: 100%; }

  .pe-dining__media { max-width: none; aspect-ratio: 4 / 5; }
  .pe-dining__media img { object-position: 55% center; }
  .pe-dining__copy { width: 100%; }
  .pe-transition__intro { width: 100%; text-align: left; }
  .pe-transition__intro h2 { text-align: center; }
  .pe-transition__intro .lead { width: 100%; margin-inline: 0; }
  .pe-transition__details { width: 100%; }

  .pe-offline__copy { width: 100%; }
  .pe-offline__copy .lead,
  .pe-offline__note { width: 100%; }
  .pe-offline .button { width: 100%; }

  .pe-late__stages { width: 100%; grid-template-columns: minmax(0, 1fr); gap: var(--space-5); }
  .pe-late__panel { padding: var(--space-5); }
  .pe-late__panel--offset { margin-top: 0; }
  .pe-late__quote { width: 100%; padding-left: var(--space-4); border-left: 2px solid var(--color-terracotta); }

  .pe-practical__heading { width: 100%; }
  .pe-practical__heading .lead { width: 100%; }
  .pe-practical__items { grid-template-columns: minmax(0, 1fr); margin-top: var(--space-6); }
  .pe-practical__item,
  .pe-practical__item:first-child,
  .pe-practical__item:nth-child(3) { padding: var(--space-5) 0 0; border-top: 1px solid var(--color-brushed-aluminium); border-left: 0; }
  .pe-practical__item:first-child { padding-top: 0; border-top: 0; }

  .pe-presence__statement { width: 100%; }
  .pe-presence__statement .lead { width: 100%; }
  .pe-band { min-height: 28.75rem; }
  .pe-band__image { background-position: 60% center; }
  .pe-band__overlay { inset: auto 0 0; height: 56%; }
  .pe-band__copy { width: 100%; padding-block: var(--space-6); }
  .pe-band__copy h2 { font-size: 1.75rem; }

  .pe-enquiry__panel { padding: var(--space-5); border-radius: var(--radius-panel); }
  .pe-enquiry__copy { width: 100%; }
  .pe-enquiry__actions { width: 100%; }
  .pe-enquiry__link { min-height: 2.75rem; }
}

@media (prefers-reduced-motion: reduce) {
  .pe-hero__image,
  .pe-dining__media img,
  .pe-offline__media img,
  .pe-band__image { transition: none; }
  .pe-hero:hover .pe-hero__image,
  .pe-band:hover .pe-band__image { object-position: 68% center; background-position: 68% center; }
  .pe-dining__media:hover img,
  .pe-offline__media:hover img { transform: none; }
}