.poker-page { overflow: clip; background: var(--color-midnight-plum); }
.poker-page a { text-decoration-thickness: 1px; }
.poker-page .poker-text-link { display: inline-flex; min-width: 0; align-items: center; gap: var(--space-2); color: var(--color-pearl-cream); font-size: var(--font-size-small); font-weight: 700; letter-spacing: var(--tracking-label); text-decoration: none; text-transform: uppercase; }
.poker-page .poker-text-link::after { width: 100%; height: 1px; content: ""; background: var(--color-cognac); transform: scaleX(.45); transform-origin: left; transition: transform var(--transition-base); }
.poker-page .poker-text-link:hover::after { transform: scaleX(1); }
.poker-hero { position: relative; display: grid; min-height: 47.5rem; overflow: hidden; background: var(--color-plum-ink); isolation: isolate; }
.poker-hero__image, .poker-hero__wash { position: absolute; inset: 0; width: 100%; height: 100%; }
.poker-hero__image { object-position: 62% center; }
.poker-hero__wash { background: linear-gradient(90deg, rgba(33,21,31,.96) 0%, rgba(33,21,31,.78) 37%, rgba(33,21,31,.20) 70%, rgba(33,21,31,.10) 100%), linear-gradient(0deg, rgba(20,14,22,.76) 0%, transparent 52%); }
.poker-hero__grid { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); align-items: end; padding-block: var(--space-10); }
.poker-hero__content { grid-column: 1 / span 5; display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-5); max-width: 37.5rem; }
.poker-hero__content h1, .poker-hero__content p { margin: 0; }
.poker-hero__content h1 { color: var(--color-pearl-cream); }
.poker-hero__lead { max-width: 36rem; border-left: 1px solid var(--color-cognac); background: var(--color-smoked-glass); padding: var(--space-5); color: var(--color-pearl-cream); font-size: var(--font-size-lead); line-height: var(--line-height-lead); backdrop-filter: blur(16px); }
.poker-hero__actions { display: flex; min-width: 0; flex-wrap: wrap; gap: var(--space-3); }
.poker-hero__actions > * { min-width: 0; }
.poker-hero__status { display: grid; gap: var(--space-3); width: 100%; border-top: var(--border-subtle); padding-top: var(--space-4); color: var(--color-pearl-muted); font-size: var(--font-size-small); font-weight: 700; letter-spacing: var(--tracking-label); line-height: var(--line-height-small); text-transform: uppercase; }
.poker-offline { position: relative; }
.poker-offline::before { position: absolute; top: 15%; right: 8%; width: 13rem; height: 13rem; border: 1px solid var(--color-line-light); content: ""; opacity: .35; transform: rotate(45deg); }
.poker-offline__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); row-gap: var(--space-8); }
.poker-offline__intro { grid-column: 1 / span 7; min-width: 0; max-width: 43.75rem; }
.poker-offline__intro .lead { max-width: 43rem; }
.poker-offline__points { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: start; gap: var(--space-6); }
.poker-offline__point { display: flex; min-width: 0; flex-direction: column; gap: var(--space-4); padding: var(--space-5) 0; }
.poker-offline__point h3, .poker-offline__point p { margin: 0; }
.poker-offline__point p { max-width: 24.375rem; color: var(--color-pearl-muted); }
.poker-offline__point--lined { border-left: 1px solid var(--color-cognac); padding-left: var(--space-5); }
.poker-offline__point--marble { min-height: 100%; background: var(--color-burgundy-marble); padding: var(--space-6); transform: translateY(var(--space-7)); }
.poker-offline__point--marble p { color: var(--color-pearl-cream); }
.poker-interior { background: linear-gradient(180deg, var(--color-midnight-plum) 0%, var(--color-plum-ink) 100%); }
.poker-interior__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); align-items: end; }
.poker-interior__media { grid-column: 6 / -1; grid-row: 1; width: 100%; min-width: 0; height: 39rem; margin: 0; }
.poker-interior__media img { width: 100%; height: 100%; object-position: 60% center; }
.poker-interior__panel { z-index: 1; grid-column: 1 / span 5; grid-row: 1; display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-4); max-width: 35rem; margin-bottom: calc(var(--space-7) * -1); background: var(--color-pearl-cream); color: var(--color-plum-ink); padding: clamp(var(--space-6), 4vw, var(--space-8)); box-shadow: var(--shadow-deep); }
.poker-interior__panel h2, .poker-interior__panel p { margin: 0; }
.poker-interior__number { color: var(--color-cognac); font-size: var(--font-size-small); font-weight: 700; letter-spacing: var(--tracking-label); }
.poker-interior__panel .section-label { color: var(--color-cognac-dark); }
.poker-interior__panel .poker-text-link { color: var(--color-plum-ink); }
.poker-interior__note { max-width: 20rem; border-top: 1px solid var(--color-cognac); padding-top: var(--space-4); color: color-mix(in srgb, var(--color-plum-ink) 76%, transparent); font-size: .875rem; line-height: 1.55; }
.poker-journey__container { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-7) 0; }
.poker-journey__container > .section-label, .poker-journey__container > h2 { grid-column: 1 / span 7; }
.poker-journey__container h2 { margin-bottom: 0; }
.poker-journey__chapters { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: start; gap: var(--space-6); }
.poker-journey__chapter { display: flex; min-width: 0; flex-direction: column; gap: var(--space-4); min-height: 20rem; padding: var(--space-6); border: var(--border-subtle); }
.poker-journey__chapter > * { margin: 0; }
.poker-journey__chapter > span { color: var(--color-cognac); font-family: var(--font-heading); font-size: 2rem; }
.poker-journey__chapter p { max-width: 22.5rem; }
.poker-journey__chapter--light { background: var(--color-pearl-cream); color: var(--color-plum-ink); }
.poker-journey__chapter--green { background: var(--color-peacock-green); transform: translateY(var(--space-8)); }
.poker-journey__chapter--plum { background: var(--color-midnight-plum); transform: translateY(var(--space-5)); }
.poker-journey__chapter a { color: inherit; }
.poker-journey__closing { grid-column: 1 / span 7; display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-5); margin-top: var(--space-8); }
.poker-journey__closing p { margin: 0; max-width: 40.625rem; }
.poker-journey__links { display: flex; min-width: 0; flex-wrap: wrap; gap: var(--space-5); }
.poker-detail__container { display: flex; min-width: 0; flex-direction: column; align-items: stretch; gap: var(--space-6); }
.poker-detail__figure { position: relative; margin: 0; }
.poker-detail__media { width: 100%; height: min(62.5vw, 47rem); }
.poker-detail__media img { width: 100%; height: 100%; object-position: center 48%; }
.poker-detail__caption { position: absolute; right: var(--space-7); bottom: var(--space-7); display: flex; width: min(33.333%, 27.5rem); min-width: 0; flex-direction: column; gap: var(--space-4); margin: 0; border: var(--border-subtle); background: var(--color-smoked-glass); padding: var(--space-6); color: var(--color-pearl-cream); backdrop-filter: blur(16px); }
.poker-detail__caption h2, .poker-detail__caption p { margin: 0; }
.poker-detail__caption p { color: var(--color-pearl-muted); font-size: .9375rem; }
.poker-detail__lead { width: 100%; max-width: 32.5rem; margin: 0; color: var(--color-pearl-cream); font-family: var(--font-heading); font-size: var(--font-size-lead); line-height: 1.3; }
.poker-profiles__container { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-6) 0; }
.poker-profiles__container > .section-label, .poker-profiles__container > h2 { grid-column: 1 / span 7; }
.poker-profiles__container h2 { margin-bottom: 0; }
.poker-profiles__grid { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(11, minmax(0, 1fr)); gap: var(--space-6); }
.poker-profile { grid-column: span 5; display: flex; min-width: 0; flex-direction: column; gap: var(--space-4); min-height: 17rem; padding: var(--space-6); border: var(--border-subtle); transition: border-color var(--transition-base); }
.poker-profile:nth-child(even) { grid-column: 7 / span 5; }
.poker-profile > * { margin: 0; }
.poker-profile p { max-width: 20.625rem; }
.poker-profile:hover { border-color: var(--color-pearl-muted); }
.poker-profile--light { background: var(--color-pearl-cream); color: var(--color-plum-ink); }
.poker-profile--plum { background: var(--color-plum-ink); }
.poker-profile--green { background: var(--color-peacock-green); }
.poker-profile--marble { background: var(--color-burgundy-marble); }
.poker-profiles__closing { grid-column: 1 / span 7; max-width: 38.75rem; color: var(--color-pearl-muted); }
.poker-lounge-context__container { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-5) 0; }
.poker-lounge-context__container > .section-label, .poker-lounge-context__container > h2, .poker-lounge-context__intro { grid-column: 1 / span 7; }
.poker-lounge-context__container h2, .poker-lounge-context__intro { margin-bottom: 0; }
.poker-lounge-context__intro { max-width: 42rem; color: var(--color-pearl-muted); }
.poker-lounge-context__grid { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: stretch; gap: var(--space-5); margin-top: var(--space-5); }
.poker-lounge-panel { display: flex; min-width: 0; flex-direction: column; justify-content: flex-end; gap: var(--space-4); min-height: 23rem; border: var(--border-subtle); background: rgba(241,231,211,.035); padding: var(--space-6); transition: background-color var(--transition-base), border-color var(--transition-base); }
.poker-lounge-panel > * { margin: 0; }
.poker-lounge-panel p { max-width: 21.25rem; color: var(--color-pearl-muted); }
.poker-lounge-panel:hover { border-color: var(--color-pearl-muted); background: rgba(241,231,211,.07); }
.poker-lounge-panel--active { border-top: 2px solid var(--color-cognac); background: rgba(184,115,77,.10); }
.poker-lounge-panel__state { color: var(--color-cognac); font-size: var(--font-size-small); font-weight: 700; letter-spacing: var(--tracking-label); text-transform: uppercase; }
.poker-lounge-context__foot { grid-column: 1 / span 7; margin: var(--space-4) 0 0; border-top: var(--border-subtle); padding-top: var(--space-4); color: var(--color-pewter); font-size: .875rem; }
.poker-gallery { background: linear-gradient(180deg, var(--color-midnight-plum), var(--color-burgundy-marble)); }
.poker-gallery__container { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-6) 0; }
.poker-gallery__container > .section-label, .poker-gallery__container > h2 { grid-column: 1 / span 7; }
.poker-gallery__container h2 { margin-bottom: 0; }
.poker-gallery__grid { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); align-items: start; gap: var(--space-6); }
.poker-gallery__item { min-width: 0; margin: 0; }
.poker-gallery__item--dining { grid-column: 1 / span 8; }
.poker-gallery__item--poker { grid-column: 9 / -1; }
.poker-gallery__item .media-frame { width: 100%; }
.poker-gallery__item--dining .media-frame { height: 32rem; }
.poker-gallery__item--poker .media-frame { height: 36rem; }
.poker-gallery__item img { width: 100%; height: 100%; }
.poker-gallery__item--dining img { object-position: center; }
.poker-gallery__item--poker img { object-position: center; }
.poker-gallery__item figcaption { display: flex; min-width: 0; flex-direction: column; gap: var(--space-3); max-width: 21.875rem; margin: var(--space-4) 0 0; }
.poker-gallery__item figcaption > * { margin: 0; }
.poker-gallery__item figcaption p { color: var(--color-pearl-muted); font-size: .9375rem; }
.poker-gallery__editorial { grid-column: 1 / span 7; display: flex; min-width: 0; flex-direction: column; gap: var(--space-4); background: var(--color-pearl-cream); color: var(--color-plum-ink); padding: clamp(var(--space-6), 4vw, var(--space-8)); }
.poker-gallery__editorial h3, .poker-gallery__editorial p { margin: 0; }
.poker-gallery__editorial p { max-width: 42.5rem; }
.poker-explore__container { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-6) 0; }
.poker-explore__container > h2 { grid-column: 1 / span 7; margin-bottom: 0; }
.poker-explore__grid { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-4); }
.poker-explore__link { position: relative; display: flex; min-width: 0; min-height: 18rem; flex-direction: column; align-items: flex-start; gap: var(--space-4); border: var(--border-subtle); background: rgba(241,231,211,.03); padding: var(--space-5); color: var(--color-pearl-cream); text-decoration: none; transition: background-color var(--transition-base), border-color var(--transition-base); }
.poker-explore__link:hover { border-color: var(--color-pearl-muted); background: rgba(241,231,211,.08); text-decoration: none; }
.poker-explore__link--green { background: var(--color-peacock-green); }
.poker-explore__link--accent { border-top: 2px solid var(--color-cognac); background: rgba(184,115,77,.12); }
.poker-explore__title { color: var(--color-pearl-cream); font-family: var(--font-heading); font-size: clamp(1.8rem, 2.3vw, 2.35rem); line-height: 1; letter-spacing: var(--tracking-heading); }
.poker-explore__copy { max-width: 19rem; color: var(--color-pearl-muted); font-size: .875rem; line-height: 1.55; }
.poker-explore__arrow { margin-top: auto; color: var(--color-cognac); font-size: 1.5rem; transition: transform var(--transition-base); }
.poker-explore__link:hover .poker-explore__arrow { transform: translateX(6px); }
.poker-explore__contact { grid-column: 1 / span 6; margin: var(--space-3) 0 0; color: var(--color-pearl-muted); }
.poker-contact { padding-top: var(--space-8); }
.poker-contact__panel { position: relative; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); overflow: hidden; background: var(--color-deep-peacock); padding-block: clamp(var(--space-8), 8vw, var(--space-10)); }
.poker-contact__panel::before { position: absolute; top: -4rem; left: 50%; width: 24rem; height: 24rem; border: 1px solid var(--color-line-light); border-radius: 50%; content: ""; opacity: .3; transform: translateX(-50%); }
.poker-contact__content { position: relative; grid-column: 4 / span 5; display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-5); max-width: 32.5rem; }
.poker-contact__content > * { margin: 0; }
.poker-contact__content p { color: var(--color-pearl-muted); }
.poker-reveal { opacity: 0; transform: translateY(8px); transition: opacity 340ms ease-out, transform 340ms ease-out; }
.poker-reveal.is-visible { opacity: 1; transform: translateY(0); }
@media (max-width: 67.5rem) { .poker-hero { min-height: 44rem; } .poker-hero__content { grid-column: 1 / span 7; } .poker-interior__media { grid-column: 5 / -1; } .poker-interior__panel { grid-column: 1 / span 6; } .poker-explore__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .poker-explore__link { min-height: 14rem; } }
@media (max-width: 65.625rem) { .poker-interior__grid { gap: var(--space-5); } .poker-interior__media { grid-column: 1 / -1; grid-row: auto; height: 34rem; } .poker-interior__panel { grid-column: 1 / span 7; grid-row: auto; margin: 0; } }
@media (max-width: 61.25rem) { .poker-offline__points { grid-template-columns: repeat(2, minmax(0, 1fr)); } .poker-offline__point--marble { transform: none; } .poker-journey__chapters { grid-template-columns: repeat(2, minmax(0, 1fr)); } .poker-journey__chapter--green, .poker-journey__chapter--plum { transform: none; } .poker-journey__chapter--plum { grid-column: 1 / span 1; } .poker-lounge-context__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .poker-lounge-panel--active { grid-column: 1 / -1; } .poker-gallery__item--dining, .poker-gallery__item--poker { grid-column: span 6; } .poker-gallery__item--dining .media-frame, .poker-gallery__item--poker .media-frame { height: 25rem; } }
@media (max-width: 56.25rem) { .poker-hero__grid { padding-block: var(--space-8); } .poker-hero__content { grid-column: 1 / span 8; } .poker-profiles__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .poker-profile, .poker-profile:nth-child(even) { grid-column: auto; } .poker-detail__caption { right: var(--space-5); bottom: var(--space-5); width: min(47%, 27.5rem); } }
@media (max-width: 43.75rem) { .poker-hero { display: flex; min-height: auto; flex-direction: column; } .poker-hero__image { position: relative; inset: auto; height: 47vh; min-height: 21rem; object-position: 58% center; } .poker-hero__wash { top: 0; bottom: auto; height: 47vh; background: linear-gradient(0deg, var(--color-midnight-plum) 0%, rgba(33,21,31,.08) 42%, transparent 100%); } .poker-hero__grid { display: block; width: 100%; padding-block: var(--space-7); } .poker-hero__content { width: 100%; max-width: none; } .poker-hero__content h1 { font-size: clamp(3rem, 13vw, 3.9rem); } .poker-hero__lead { max-width: none; font-size: 1.12rem; } .poker-hero__actions { width: 100%; flex-direction: column; } .poker-hero__actions > * { width: 100%; } .poker-offline::before { display: none; } .poker-offline__grid { display: block; } .poker-offline__intro { max-width: none; } .poker-offline__points { grid-template-columns: 1fr; gap: var(--space-5); margin-top: var(--space-7); } .poker-offline__point { padding: var(--space-5) 0; } .poker-offline__point--marble { padding: var(--space-5); } .poker-interior__grid { display: flex; flex-direction: column; gap: 0; } .poker-interior__media { height: auto; aspect-ratio: 4 / 5; } .poker-interior__panel { width: calc(100% - 3rem); max-width: none; margin-top: calc(var(--space-6) * -1); padding: var(--space-5); } .poker-journey__container { display: flex; flex-direction: column; gap: var(--space-6); } .poker-journey__chapters { grid-template-columns: 1fr; gap: var(--space-5); } .poker-journey__chapter, .poker-journey__chapter--plum { grid-column: auto; min-height: auto; padding: var(--space-5); } .poker-journey__closing { margin-top: var(--space-4); } .poker-journey__links { flex-direction: column; gap: var(--space-4); } .poker-detail__media { height: auto; aspect-ratio: 4 / 5; } .poker-detail__caption { position: static; width: 100%; padding: var(--space-5); } .poker-detail__figure { display: flex; flex-direction: column; gap: 0; } .poker-detail__lead { max-width: none; } .poker-profiles__container, .poker-lounge-context__container, .poker-gallery__container, .poker-explore__container { display: flex; flex-direction: column; gap: var(--space-5); } .poker-profiles__grid, .poker-lounge-context__grid, .poker-gallery__grid { grid-template-columns: 1fr; gap: var(--space-5); } .poker-profile { min-height: auto; padding: var(--space-5); } .poker-profiles__closing { max-width: none; } .poker-lounge-panel, .poker-lounge-panel--active { grid-column: auto; min-height: 13.75rem; padding: var(--space-5); } .poker-lounge-context__foot { margin-top: 0; } .poker-gallery__item--dining, .poker-gallery__item--poker { grid-column: auto; } .poker-gallery__item--dining .media-frame { height: auto; aspect-ratio: 4 / 3; } .poker-gallery__item--poker .media-frame { height: auto; aspect-ratio: 4 / 5; } .poker-gallery__editorial { padding: var(--space-5); } .poker-explore__grid { grid-template-columns: 1fr; } .poker-explore__link { min-height: 11.25rem; padding: var(--space-5); } .poker-explore__contact { margin-top: 0; } .poker-contact { padding-inline: var(--space-5); } .poker-contact__panel { display: block; width: 100%; padding: var(--space-7) var(--space-5); } .poker-contact__content { max-width: none; } .poker-contact__content .button-link { width: 100%; } }
@media (prefers-reduced-motion: reduce) { .poker-reveal { opacity: 1; transform: none; } }
