.offline-poker-page { overflow: hidden; }
.offline-poker-page a:focus-visible { outline: 3px solid var(--color-focus); outline-offset: 2px; }
.op-hero { position: relative; min-height: 40rem; display: grid; grid-template-columns: minmax(0, 1fr); color: var(--color-ivory-100); background: var(--color-poker-green-900); }
.op-hero__image, .op-hero__shade, .op-hero__inner { grid-area: 1 / 1; }
.op-hero__image { width: 100%; height: 100%; min-width: 0; object-fit: cover; object-position: 65% center; }
.op-hero__shade { background: linear-gradient(90deg, rgba(16,46,39,.92) 0%, rgba(16,46,39,.75) 44%, rgba(16,46,39,.25) 75%, rgba(16,46,39,.12) 100%); }
.op-hero__inner { width: min(100% - (var(--gutter) * 2), var(--container-wide)); min-width: 0; margin-inline: auto; display: flex; align-items: center; padding-block: var(--space-9); }
.op-hero__copy { width: min(100%, 36.875rem); min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); }
.op-hero__copy > * { margin: 0; }
.op-breadcrumb { display: flex; flex-wrap: wrap; gap: var(--space-2); color: var(--color-ivory-300); font-size: var(--text-utility); font-weight: 700; letter-spacing: var(--tracking-utility); text-transform: uppercase; }
.op-breadcrumb a, .op-hero__support { color: var(--color-ivory-100); }
.op-hero__copy .eyebrow { color: var(--color-brass-500); }
.op-hero__copy h1 { max-width: 14ch; }
.op-hero__statement { padding-top: var(--space-4); border-top: 1px solid var(--color-border-brass); font-size: var(--text-utility); font-weight: 700; letter-spacing: var(--tracking-utility); line-height: 1.5; }
.op-hero__copy .lead { max-width: 56ch; color: var(--color-ivory-100); }
.op-hero__support { max-width: 52ch; }
.op-hero__actions { display: flex; flex-wrap: wrap; gap: var(--space-3); width: 100%; min-width: 0; }
.op-hero__actions > * { min-width: 0; }
.op-hero__age { color: var(--color-ivory-300); font-size: var(--text-meta); }
.op-why__intro { width: min(100%, 45rem); margin-inline: auto; text-align: center; }
.op-why__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-6); margin-top: var(--space-7); }
.op-reason { min-width: 0; padding-inline: var(--space-5); border-left: 1px solid var(--color-border-brass); }
.op-reason:first-child { padding-left: 0; border-left: 0; }
.op-reason p { max-width: 32ch; }
.op-suit { display: block; margin-bottom: var(--space-3); color: var(--color-brass-700); font-size: 1.25rem; }
.op-real { box-shadow: inset 0 1px 0 var(--color-border-brass), inset 0 -1px 0 var(--color-border-brass); }
.op-real__heading { width: min(100%, 32.5rem); }
.op-real__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-3); margin-top: var(--space-7); }
.op-proof { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-3); padding: var(--space-5); border: 1px solid var(--color-border-brass); border-radius: var(--radius-card); background: var(--color-charcoal-800); }
.op-proof > * { margin: 0; }
.op-proof span, .op-step > span, .op-experience__meta > span { color: var(--color-brass-500); font-family: var(--font-heading); font-size: 1.5rem; font-weight: 600; }
.op-proof p { max-width: 30ch; color: var(--color-ivory-300); }
.op-proof a, .op-room a, .op-continue a { color: var(--color-ivory-100); }
.op-room { padding-block: 0; background: var(--color-poker-green-900); color: var(--color-ivory-100); }
.op-room__layout { display: grid; grid-template-columns: minmax(0, 58fr) minmax(0, 42fr); min-width: 0; }
.op-room__media { min-width: 0; margin: 0; }
.op-room__media img { width: 100%; height: 100%; min-height: 38rem; object-fit: cover; }
.op-room__copy { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); padding: var(--space-8) max(var(--gutter), calc((100vw - var(--container)) / 2)); border-left: 1px solid var(--color-border-brass); }
.op-room__copy > * { margin: 0; }
.op-room__copy h2, .op-room__copy p { max-width: 54ch; }
.op-room__secondary { width: 100%; min-width: 0; display: flex; flex-direction: column; gap: var(--space-3); padding-top: var(--space-5); border-top: 1px solid var(--color-border-brass); }
.op-room__secondary > * { margin: 0; }
.op-experiences__intro { width: min(100%, 40.625rem); }
.op-experience-list { margin-top: var(--space-7); border-top: 1px solid var(--color-border-brass); }
.op-experience { display: grid; grid-template-columns: minmax(0, 25%) minmax(0, 75%); min-width: 0; padding-block: var(--space-5); border-bottom: 1px solid var(--color-border-brass); }
.op-experience__meta, .op-experience__content { min-width: 0; }
.op-experience__meta { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-2); padding-right: var(--space-5); }
.op-experience__meta h3 { margin: 0; }
.op-experience__content { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-3); }
.op-experience__content > * { margin: 0; }
.op-experience__content p { max-width: 60ch; }
.op-process { background: #ebe3d4; }
.op-process__intro { width: min(100%, 37.5rem); }
.op-process__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); margin-top: var(--space-7); }
.op-step { min-width: 0; padding-top: var(--space-4); border-top: 1px solid var(--color-border-brass); }
.op-step p { max-width: 38ch; }
.op-tables { padding-block: 0; background: var(--color-ivory-100); }
.op-tables__layout { display: grid; grid-template-columns: minmax(0, 45fr) minmax(0, 55fr); min-width: 0; }
.op-tables__copy { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); justify-content: center; padding: var(--space-8) max(var(--gutter), calc((100vw - var(--container)) / 2)); }
.op-tables__copy > * { margin: 0; }
.op-tables__copy h2, .op-tables__copy p { max-width: 52ch; }
.op-tables__media { min-width: 0; margin: 0; }
.op-tables__media img { width: 100%; height: 100%; min-height: 34rem; object-fit: cover; }
.op-tables__actions { display: flex; flex-wrap: wrap; gap: var(--space-3); width: 100%; min-width: 0; padding-top: var(--space-2); }
.op-tables__actions > * { min-width: 0; }
.op-dining__copy { width: min(100%, 38.75rem); margin-inline: auto; }
.op-dining__copy p { max-width: 56ch; }
.op-dining a { color: var(--color-ivory-100); }
.op-enquiry { background: var(--color-poker-green-900); }
.op-enquiry__layout { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); min-width: 0; background: var(--color-charcoal-800); border: 1px solid var(--color-border-brass); box-shadow: var(--shadow-dark); }
.op-enquiry__intro { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); padding: var(--space-7); color: var(--color-ivory-100); }
.op-enquiry__intro > * { margin: 0; }
.op-enquiry__intro p { max-width: 48ch; color: var(--color-ivory-300); }
.op-enquiry__age { font-size: var(--text-meta); }
.op-form-panel { min-width: 0; padding: var(--space-7); background: var(--color-ivory-100); }
.op-form__grid { display: grid; grid-template-columns: repeat(2, minmax(15rem, 1fr)); gap: var(--space-4); min-width: 0; }
.op-form__grid > div { min-width: 0; }
.op-form__message { grid-column: 1 / -1; }
.op-form__helper { max-width: 50ch; margin-top: var(--space-4); color: var(--color-text-muted); font-size: var(--text-meta); }
.op-form__status { min-height: 1.55em; margin-bottom: var(--space-4); font-size: var(--text-meta); font-weight: 700; }
.op-form__status.is-error { color: var(--color-burgundy-700); }
.op-form__status.is-success { color: var(--color-success); }
.op-direct-contact { display: flex; flex-wrap: wrap; gap: var(--space-3); align-items: center; margin-top: var(--space-6); padding-top: var(--space-5); border-top: 1px solid var(--color-border-brass); }
.op-direct-contact h3, .op-direct-contact p { flex: 0 0 100%; min-width: 0; margin: 0; }
.op-direct-contact p { max-width: 50ch; }
.op-direct-contact a { display: inline-flex; align-items: center; min-height: 3rem; min-width: 0; }
.op-continue__intro { width: min(100%, 40.625rem); }
.op-journey-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-3); margin-top: var(--space-7); }
.op-journey-grid article { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-3); padding: var(--space-5); border: 1px solid var(--color-border-brass); }
.op-journey-grid article > * { margin: 0; }
.op-journey-grid h3 { max-width: 18ch; }
.op-journey-grid p { max-width: 30ch; color: var(--color-ivory-300); }
.op-contact-link { display: inline-flex; align-items: center; min-height: 3rem; margin-top: var(--space-5); }
@media (max-width: 63.9375rem) { .op-why__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .op-reason:first-child { padding-left: 0; } .op-reason:nth-child(3) { padding-left: 0; border-left: 0; } .op-real__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .op-experience { grid-template-columns: minmax(0, 30%) minmax(0, 70%); } .op-enquiry__layout { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 59.9375rem) { .op-process__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .op-step:nth-child(3) { grid-column: 1 / -1; } .op-journey-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 56.1875rem) { .op-hero { grid-template-rows: 19rem auto; min-height: 0; } .op-hero__image, .op-hero__shade { grid-area: 1 / 1; } .op-hero__shade { background: linear-gradient(180deg, rgba(16,46,39,.18), rgba(16,46,39,.42)); } .op-hero__inner { grid-area: 2 / 1; width: 100%; margin: 0; padding: var(--space-6) var(--gutter) var(--space-7); background: var(--color-poker-green-900); } .op-hero__copy { width: 100%; max-width: none; } .op-hero__copy h1 { max-width: 18ch; } .op-room__layout, .op-tables__layout { grid-template-columns: minmax(0, 1fr); } .op-room__copy { grid-row: 1; padding: var(--space-7) var(--gutter) var(--space-6); border-left: 0; } .op-room__media { grid-row: 2; padding-inline: var(--gutter); padding-bottom: var(--space-7); background: var(--color-poker-green-900); } .op-room__media img { min-height: 0; aspect-ratio: 4 / 3; } .op-tables__copy { grid-row: 1; padding: var(--space-7) var(--gutter) var(--space-6); } .op-tables__media { grid-row: 2; padding-inline: var(--gutter); padding-bottom: var(--space-7); } .op-tables__media img { min-height: 0; aspect-ratio: 3 / 2; } }
@media (max-width: 47.9375rem) { .op-why__grid, .op-real__grid, .op-process__grid, .op-journey-grid { grid-template-columns: minmax(0, 1fr); } .op-reason, .op-reason:nth-child(3) { padding: var(--space-5) 0 0; border-top: 1px solid var(--color-border-brass); border-left: 0; } .op-reason:first-child { padding-top: 0; border-top: 0; } .op-reason p { max-width: 60ch; } .op-experience { grid-template-columns: minmax(0, 1fr); gap: var(--space-3); padding-block: var(--space-5); } .op-experience__meta { padding-right: 0; } .op-step:nth-child(3) { grid-column: auto; } .op-enquiry__intro, .op-form-panel { padding: var(--space-5); } .op-form__grid { grid-template-columns: minmax(0, 1fr); } .op-form__message { grid-column: auto; } }
@media (max-width: 42.4375rem) { .op-process__grid { gap: var(--space-5); } }
@media (max-width: 29.9375rem) { .op-hero { grid-template-rows: 17.5rem auto; } .op-hero__copy h1 { font-size: clamp(3rem, 12vw, 3rem); line-height: 1.05; } .op-hero__actions, .op-tables__actions { flex-direction: column; align-items: stretch; } .op-hero__actions > *, .op-tables__actions > * { width: 100%; } .op-proof { padding: var(--space-4); } }