.offline-poker-page { background: var(--surface-page); }
.offline-poker-page a:focus-visible { outline: 2px solid var(--color-gold-300); outline-offset: 2px; }
.offline-poker-page .eyebrow { margin-block-end: 0; }

.op-hero { position: relative; min-height: min(50rem, 88vh); display: grid; overflow: hidden; background: var(--surface-page); }
.op-hero__media, .op-hero__media::after { position: absolute; inset: 0; }
.op-hero__media::after { background: linear-gradient(90deg, rgb(9 10 9 / 96%) 0%, rgb(9 10 9 / 84%) 34%, rgb(9 10 9 / 35%) 68%, rgb(9 10 9 / 16%) 100%); content: ""; }
.op-hero__media img { width: 100%; height: 100%; object-fit: cover; object-position: 72% center; }
.op-hero__grid { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-5); align-items: end; min-height: inherit; padding-block: var(--space-11); }
.op-hero__copy { grid-column: 1 / span 5; min-width: 0; display: flex; flex-direction: column; gap: var(--space-5); align-items: flex-start; }
.op-hero__copy > * { min-width: 0; }
.op-hero__copy .display { max-width: 34rem; margin: 0; }
.op-hero__copy p { max-width: 34rem; margin: 0; }
.op-hero__rule { width: 5rem; height: 1px; background: var(--color-gold-400); }
.op-hero__actions { width: auto; }
.op-proof { display: flex; flex-wrap: wrap; gap: 0; margin: 0; border-block: var(--border-subtle); }
.op-proof li { min-width: 0; padding: var(--space-2) var(--space-3); color: var(--text-secondary); font-size: var(--text-meta); font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.op-proof li + li { border-inline-start: var(--border-subtle); }

.op-experience__intro { width: min(100%, 38rem); display: flex; flex-direction: column; gap: var(--space-4); margin-bottom: var(--space-8); }
.op-experience__intro h2, .op-experience__intro p { margin: 0; }
.op-experience__feature { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-5); align-items: center; margin-bottom: var(--space-8); }
.op-experience__feature > * { min-width: 0; }
.op-experience__feature--cards .op-feature-media { grid-column: 1 / span 7; }
.op-experience__feature--cards .op-feature-copy { grid-column: 9 / span 4; }
.op-experience__feature--opponents .op-feature-copy { grid-column: 1 / span 5; }
.op-experience__feature--opponents .op-feature-media { grid-column: 7 / span 6; }
.op-feature-media { width: 100%; margin: 0; }
.op-feature-media img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; border-radius: var(--radius-panel); filter: contrast(1.04); transition: filter var(--duration-media) var(--ease-standard); }
.op-feature-media figcaption { display: block; margin: var(--space-3) 0 0; }
.op-feature-media figcaption span { margin-inline-end: var(--space-2); color: var(--color-gold-300); font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.op-feature-copy { display: flex; flex-direction: column; gap: var(--space-4); align-items: flex-start; }
.op-feature-copy h3, .op-feature-copy p { margin: 0; }
.op-feature-copy p { max-width: 34rem; }
.op-experience__feature--cards .op-feature-copy p { max-width: 29rem; }
.op-no-screens { position: relative; display: flex; align-items: center; min-height: 19rem; margin-bottom: var(--space-8); padding: var(--space-7); overflow: hidden; background: var(--surface-felt); border: 1px solid var(--color-felt-700); }
.op-no-screens::before, .op-no-screens::after { position: absolute; width: 2.5rem; height: 2.5rem; content: ""; }
.op-no-screens::before { inset: var(--space-4) auto auto var(--space-4); border-top: 1px solid var(--color-gold-400); border-left: 1px solid var(--color-gold-400); }
.op-no-screens::after { inset: auto var(--space-4) var(--space-4) auto; border-right: 1px solid var(--color-gold-400); border-bottom: 1px solid var(--color-gold-400); }
.op-no-screens > div { width: min(100%, 28rem); min-width: 0; display: flex; flex-direction: column; gap: var(--space-4); }
.op-no-screens p { margin: 0; color: var(--text-primary); font-family: var(--font-heading); font-size: clamp(1.5rem, 2.4vw, 2rem); font-weight: 600; line-height: 1.15; }
.op-management { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-5); align-items: stretch; }
.op-management > * { min-width: 0; }
.op-management__copy { grid-column: 1 / span 5; display: flex; flex-direction: column; gap: var(--space-4); padding: var(--space-6); border: var(--border-subtle); background: var(--surface-panel); }
.op-management__copy h3, .op-management__copy p { margin: 0; }
.op-management__copy p { max-width: 29rem; }
.op-principle-list { grid-column: 7 / span 6; display: grid; grid-template-columns: 1fr; gap: 0; margin: 0; border-block: var(--border-subtle); }
.op-principle-list li { min-width: 0; display: grid; grid-template-columns: minmax(8rem, .65fr) minmax(0, 1.35fr); gap: var(--space-4); align-items: center; padding: var(--space-4); border-block-end: var(--border-subtle); }
.op-principle-list li:last-child { border-block-end: 0; }
.op-principle-list strong { color: var(--color-gold-300); font-size: var(--text-meta); letter-spacing: .08em; text-transform: uppercase; }
.op-principle-list span { color: var(--text-secondary); }

.op-reasons__intro { width: min(100%, 36rem); display: flex; flex-direction: column; gap: var(--space-4); margin-bottom: var(--space-7); }
.op-reasons__intro h2, .op-reasons__intro p { margin: 0; }
.op-reasons__rule { width: 50%; height: 1px; background: var(--color-gold-400); }
.op-reasons__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-5); }
.op-reasons__grid > * { min-width: 0; }
.op-reason { min-width: 0; display: flex; flex-direction: column; gap: var(--space-4); padding: var(--space-6); border-top: 1px solid var(--color-line-dark); background: var(--surface-elevated); transition: border-color var(--duration-control) var(--ease-standard); }
.op-reason > * { margin: 0; }
.op-reason--tables { background: var(--surface-felt); }
.op-reason--players { background: var(--surface-panel); }
.op-reason--venue { border-top-color: var(--color-amber-500); }
.op-reason__number { color: var(--color-gold-300); font-family: var(--font-heading); font-size: 2.25rem; font-weight: 700; line-height: 1; }
.op-reason p { max-width: 27rem; }
.op-player-line { display: grid; grid-template-columns: auto minmax(2rem, 1fr) auto minmax(2rem, 1fr) auto; gap: var(--space-2); align-items: center; margin-top: auto; color: var(--color-gold-300); font-size: var(--text-meta); letter-spacing: .08em; text-transform: uppercase; }
.op-player-line i { height: 1px; background: var(--color-line-dark); }
.op-reason:hover { border-top-color: var(--color-gold-300); }

.op-offerings { background: var(--surface-page); }
.op-offerings__head { padding-block: var(--space-8); background: var(--surface-felt); }
.op-offerings__intro { width: min(100%, 36rem); display: flex; flex-direction: column; gap: var(--space-4); }
.op-offerings__intro h2, .op-offerings__intro p { margin: 0; }
.op-offerings__rule { width: 7rem; height: 1px; background: var(--color-gold-400); }
.op-offerings__rows { display: grid; grid-template-columns: 1fr; gap: 0; padding-top: var(--space-7); }
.op-offering { 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: var(--space-6) 0; border-top: var(--border-subtle); transition: background-color var(--duration-control) var(--ease-standard); }
.op-offering:last-child { border-bottom: var(--border-subtle); }
.op-offering > * { min-width: 0; margin: 0; }
.op-offering:hover { background: rgb(17 20 18 / .58); }
.op-offering__title { display: grid; grid-template-columns: 2.4rem minmax(0, 1fr); gap: var(--space-3); }
.op-offering__title span { color: var(--color-gold-300); font-family: var(--font-heading); font-size: 1.5rem; font-weight: 700; line-height: 1; }
.op-offering__title h3 { margin: 0; }
.op-offering > p { max-width: 40rem; }
.op-offering__action { display: flex; min-width: 0; justify-content: flex-end; }
.op-offering__action a, .op-occasion a, .op-location-node a { display: inline-flex; min-height: 3rem; align-items: center; gap: var(--space-2); color: var(--color-gold-300); font-size: var(--text-utility); font-weight: 700; line-height: 1.35; text-decoration: none; }
.op-offering__action a:hover, .op-occasion a:hover, .op-location-node a:hover { color: var(--color-gold-400); }
.op-offering--warm { background: rgb(185 107 44 / .06); }
.op-offering__action--two { flex-wrap: wrap; gap: var(--space-3); }

.op-culture { position: relative; min-height: 42rem; display: grid; overflow: hidden; background: var(--surface-page); }
.op-culture__media, .op-culture__media::after { position: absolute; inset: 0; }
.op-culture__media::after { background: linear-gradient(90deg, rgb(9 10 9 / .84), rgb(9 10 9 / .28) 64%, rgb(9 10 9 / .18)); content: ""; transition: background-color var(--duration-media) var(--ease-standard); }
.op-culture__media img { width: 100%; height: 100%; object-fit: cover; object-position: 60% center; }
.op-culture__grid { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-5); align-items: end; min-height: inherit; padding-block: var(--space-8); }
.op-culture__panel { grid-column: 1 / span 5; min-width: 0; display: flex; flex-direction: column; gap: var(--space-4); padding: var(--space-6); border: var(--border-subtle); background: rgb(17 20 18 / .88); box-shadow: var(--shadow-panel); }
.op-culture__panel > * { margin: 0; }
.op-culture__panel > p { max-width: 30rem; }
.op-culture__principles { display: grid; grid-template-columns: 1fr; gap: 0; margin: 0; border-block: var(--border-subtle); }
.op-culture__principles li { min-width: 0; padding-block: var(--space-2); color: var(--color-gold-300); font-size: var(--text-meta); font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.op-culture__principles li + li { border-top: var(--border-subtle); }
.op-culture__closing { color: var(--text-secondary); font-size: var(--text-utility); line-height: var(--leading-utility); }

.op-occasions__heading { width: min(100%, 36rem); display: flex; flex-direction: column; gap: var(--space-4); margin-bottom: var(--space-7); }
.op-occasions__heading h2 { margin: 0; }
.op-occasions__panels { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-5); align-items: start; }
.op-occasions__panels > * { min-width: 0; }
.op-occasion { display: flex; flex-direction: column; gap: var(--space-4); padding: var(--space-6); border: var(--border-subtle); background: var(--surface-panel); }
.op-occasion > * { margin: 0; }
.op-occasion p { max-width: 29rem; }
.op-occasion--private { margin-top: 0; }
.op-occasion--corporate { margin-top: var(--space-5); background: var(--surface-felt); }
.op-occasion__amber { color: var(--color-amber-500); font-size: var(--text-meta); font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.op-occasion-handoff { display: flex; flex-wrap: wrap; gap: var(--space-5); align-items: center; margin-top: var(--space-6); padding-top: var(--space-5); border-top: var(--border-subtle); }
.op-occasion-handoff > * { min-width: 0; margin: 0; }
.op-occasion-handoff p { width: min(100%, 32rem); }

.op-location { background: var(--surface-felt); }
.op-location__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-5); }
.op-location__grid > * { min-width: 0; }
.op-location__lead { grid-column: 1 / span 5; display: flex; flex-direction: column; gap: var(--space-4); }
.op-location__lead h2, .op-location__lead p { margin: 0; }
.op-location__lead p { max-width: 38rem; }
.op-address-line { margin: var(--space-2) 0 0; border-block: 1px solid rgb(248 250 245 / .18); }
.op-address-line div { display: grid; grid-template-columns: 4.5rem minmax(0, 1fr); gap: var(--space-3); padding-block: var(--space-3); }
.op-address-line dt { color: var(--color-gold-300); font-size: var(--text-meta); letter-spacing: .08em; text-transform: uppercase; }
.op-address-line dd { min-width: 0; margin: 0; color: var(--text-primary); }
.op-location__nodes { grid-column: 7 / span 6; display: grid; grid-template-columns: 1fr; gap: 0; align-content: start; }
.op-location-node { position: relative; min-width: 0; display: flex; flex-direction: column; gap: var(--space-3); padding: var(--space-5) 0 var(--space-5) var(--space-6); border-left: 1px solid rgb(224 184 102 / .7); }
.op-location-node::before { position: absolute; left: -.25rem; top: var(--space-6); width: .45rem; height: .45rem; border: 1px solid var(--color-gold-300); border-radius: 50%; background: var(--surface-felt); content: ""; }
.op-location-node + .op-location-node { border-top: 1px solid rgb(248 250 245 / .18); }
.op-location-node > * { margin: 0; }
.op-location-node > span { color: var(--color-gold-300); font-size: var(--text-meta); font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.op-location-node p { max-width: 27rem; }

.op-hospitality__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-5); align-items: center; }
.op-hospitality__grid > * { min-width: 0; }
.op-hospitality__media { grid-column: 4 / span 9; grid-row: 1; width: 100%; margin: 0; }
.op-hospitality__media img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; object-position: 70% center; border-radius: var(--radius-panel); filter: saturate(.9) contrast(1.05); transition: filter var(--duration-media) var(--ease-standard); }
.op-hospitality__copy { z-index: 1; grid-column: 1 / span 5; grid-row: 1; min-width: 0; display: flex; flex-direction: column; gap: var(--space-4); padding: var(--space-6); border: var(--border-subtle); background: var(--surface-panel); box-shadow: var(--shadow-panel); }
.op-hospitality__copy > * { margin: 0; }
.op-hospitality__copy > p { max-width: 34rem; }
.op-hospitality__caption { padding-top: var(--space-3); border-top: 1px solid var(--color-amber-500); color: var(--color-gold-300) !important; font-size: var(--text-utility); line-height: var(--leading-utility); }

.op-next { background: var(--surface-page); }
.op-next__intro { width: min(100%, 34rem); display: flex; flex-direction: column; gap: var(--space-4); margin-bottom: var(--space-7); }
.op-next__intro h2, .op-next__intro p { margin: 0; }
.op-next__choices { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 4fr) minmax(0, 3fr); gap: var(--space-5); align-items: stretch; }
.op-next__choices > * { min-width: 0; }
.op-next-choice { display: flex; flex-direction: column; gap: var(--space-4); min-width: 0; padding: var(--space-5); border: var(--border-subtle); }
.op-next-choice > * { margin: 0; }
.op-next-choice p { max-width: 22rem; }
.op-next-choice .button { margin-top: auto; width: 100%; }
.op-next-choice--primary { background: var(--surface-panel); border-top-color: var(--color-gold-400); }
.op-next-choice--secondary { background: var(--surface-felt); border-top-color: var(--color-felt-500); }
.op-next-choice--tertiary { background: var(--surface-elevated); }

.op-final { padding-block: var(--space-10); background: var(--surface-page); }
.op-final__inner { display: flex; flex-direction: column; gap: var(--space-7); align-items: center; }
.op-final__rule { width: 100%; height: 1px; background: var(--color-gold-400); }
.op-final__copy { width: min(100%, 32rem); min-width: 0; display: flex; flex-direction: column; gap: var(--space-5); align-items: center; text-align: center; }
.op-final__copy > * { margin: 0; }
.op-final__copy p { color: var(--text-secondary); }

@media (hover: hover) and (pointer: fine) { .op-feature-media:hover img, .op-hospitality__media:hover img { filter: contrast(1.13) saturate(1.04); } .op-culture:hover .op-culture__media::after { background: rgb(9 10 9 / .34); } }

@media (max-width: 61.25rem) { .op-offering { grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); } .op-offering__action { grid-column: 2; justify-content: flex-start; } }
@media (max-width: 56.25rem) { .op-hero { min-height: 0; display: flex; flex-direction: column; } .op-hero__media { position: relative; inset: auto; order: 2; height: 28rem; } .op-hero__media::after { background: linear-gradient(180deg, rgb(9 10 9 / .2), rgb(9 10 9 / .1)); } .op-hero__media img { object-position: 68% center; } .op-hero__grid { display: block; min-height: 0; padding-block: var(--space-8); } .op-hero__copy { width: min(100%, 38rem); } .op-hero__copy .display, .op-hero__copy p { max-width: 34rem; } .op-experience__feature, .op-management, .op-location__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } .op-experience__feature--cards .op-feature-media, .op-experience__feature--cards .op-feature-copy, .op-experience__feature--opponents .op-feature-copy, .op-experience__feature--opponents .op-feature-media { grid-column: 1 / -1; } .op-experience__feature--opponents .op-feature-copy { order: 2; } .op-experience__feature--opponents .op-feature-media { order: 1; } .op-feature-copy p { max-width: 34rem; } .op-management__copy, .op-principle-list { grid-column: 1 / -1; } .op-location__lead, .op-location__nodes { grid-column: 1 / -1; } .op-location__nodes { margin-top: var(--space-4); } }
@media (max-width: 53.75rem) { .op-next__choices { grid-template-columns: 1fr; } .op-next-choice { width: 100%; } }
@media (max-width: 52.5rem) { .op-culture { min-height: 0; display: flex; flex-direction: column; } .op-culture__media { position: relative; inset: auto; order: 2; height: 25rem; } .op-culture__media::after { background: rgb(9 10 9 / .1); } .op-culture__media img { object-position: 62% center; } .op-culture__grid { display: block; min-height: 0; padding-block: 0; } .op-culture__panel { width: 100%; padding-block: var(--space-8); border: 0; box-shadow: none; background: var(--surface-elevated); } .op-hospitality__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } .op-hospitality__copy, .op-hospitality__media { grid-column: 1 / -1; grid-row: auto; } .op-hospitality__copy { order: 1; box-shadow: none; } .op-hospitality__media { order: 2; margin-inline: calc(var(--gutter) * -1); width: calc(100% + (var(--gutter) * 2)); } .op-hospitality__media img { border-radius: 0; } }
@media (max-width: 47.5rem) { .op-reasons__grid, .op-occasions__panels { grid-template-columns: 1fr; } .op-occasion--corporate { margin-top: 0; } }
@media (max-width: 45rem) { .op-offering { grid-template-columns: 1fr; gap: var(--space-4); } .op-offering__action { grid-column: auto; justify-content: flex-start; } .op-offering__action a { min-height: 3rem; } }
@media (max-width: 40rem) { .op-hero__grid { padding-block: var(--space-7); } .op-hero__copy { width: 100%; } .op-hero__copy .display { font-size: clamp(2.75rem, 15vw, 4.5rem); } .op-hero__actions { width: 100%; align-items: stretch; } .op-hero__actions > * { width: 100%; } .op-hero__media { height: 20rem; } .op-proof { width: 100%; } .op-proof li { flex: 1 1 auto; text-align: center; } .op-no-screens { min-height: 0; padding: var(--space-6); } .op-principle-list li { grid-template-columns: 1fr; gap: var(--space-1); } .op-reason, .op-management__copy, .op-occasion, .op-hospitality__copy { padding: var(--space-5); } .op-address-line div { grid-template-columns: 1fr; gap: var(--space-1); } .op-location-node { padding-left: var(--space-5); } .op-final { padding-block: var(--space-8); } }
@media (prefers-reduced-motion: reduce) { .offline-poker-page *, .offline-poker-page *::before, .offline-poker-page *::after { transition: none !important; } }