.offline-poker-page { background: var(--color-poker-green-900); }
.offline-poker-page__hero { position: relative; min-height: 47.5rem; display: grid; overflow: hidden; background: var(--color-charcoal-950); }
.offline-poker-page__hero-media, .offline-poker-page__hero-media img { position: absolute; inset: 0; width: 100%; height: 100%; }
.offline-poker-page__hero-media img { object-fit: cover; object-position: center; }
.offline-poker-page__hero::after { position: absolute; inset: 0; background: linear-gradient(90deg, rgb(16 41 35 / 92%) 0%, rgb(16 41 35 / 65%) 42%, rgb(16 41 35 / 10%) 70%); content: ""; }
.offline-poker-page__hero-copy-wrap { position: relative; z-index: 1; width: min(100% - (var(--gutter) * 2), var(--container-max)); margin: auto; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 1.5rem; align-items: center; }
.offline-poker-page__hero-copy { grid-column: 1 / span 5; min-width: 0; max-width: 39rem; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); padding-block: var(--space-8); }
.offline-poker-page__hero-copy > * { margin: 0; }
.offline-poker-page__hero-copy h1 { font-size: var(--text-hero-title); }
.offline-poker-page__hero-lead { max-width: 39rem; font-size: var(--text-lead); line-height: var(--leading-lead); }
.offline-poker-page__hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-4); }
.offline-poker-page__hero-actions > * { min-width: 0; }
.offline-poker-page__text-action { font-weight: 700; }
.offline-poker-page__hero-notice { width: 100%; padding-top: var(--space-4); border-top: 1px solid var(--color-antique-brass); color: var(--color-text-muted); font-size: var(--text-xs); font-weight: 700; letter-spacing: .08em; line-height: 1.5; text-transform: uppercase; }
.offline-poker-page__hero-notice strong { margin-left: var(--space-2); color: var(--color-antique-brass-light); }
.offline-poker-page__experience-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-7) 1.5rem; }
.offline-poker-page__experience-heading { grid-column: 1 / span 5; min-width: 0; max-width: 39rem; border-left: 1px solid var(--color-antique-brass); padding-left: var(--space-5); }
.offline-poker-page__experience-items { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; }
.offline-poker-page__experience-item { min-width: 0; }
.offline-poker-page__experience-item h3 { margin-bottom: var(--space-3); font-family: var(--font-body); font-size: var(--text-xs); letter-spacing: .1em; text-transform: uppercase; }
.offline-poker-page__reasons-heading { display: grid; grid-template-columns: 5fr 7fr; gap: var(--space-6); align-items: center; margin-bottom: var(--space-7); }
.offline-poker-page__reasons-heading > * { min-width: 0; }
.offline-poker-page__reasons-heading p { max-width: 36rem; }
.offline-poker-page__reasons-rule { height: 1px; background: var(--color-antique-brass); }
.offline-poker-page__reason-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; }
.offline-poker-page__reason-card { min-width: 0; min-height: 12.5rem; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-3); padding: var(--space-5); border: 1px solid var(--color-border); background: var(--color-charcoal-800); }
.offline-poker-page__reason-card > * { margin: 0; }
.offline-poker-page__reason-card > span { color: var(--color-antique-brass-light); font-family: var(--font-heading); font-size: 2.5rem; line-height: 1; }
.offline-poker-page__reason-card h3 { font-size: 1.5rem; }
.offline-poker-page__reason-card p { max-width: 21rem; }
.offline-poker-page__room-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-7) 1.5rem; align-items: start; }
.offline-poker-page__room-image { grid-column: 1 / span 7; min-width: 0; margin: 0; }
.offline-poker-page__room-image img, .offline-poker-page__detail-image img { width: 100%; object-fit: cover; }
.offline-poker-page__room-image img { aspect-ratio: 16 / 9; }
.offline-poker-page__room-copy { grid-column: 9 / span 4; min-width: 0; max-width: 33rem; }
.offline-poker-page__table-copy { grid-column: 1 / span 4; min-width: 0; max-width: 30rem; align-self: center; }
.offline-poker-page__detail-image { grid-column: 6 / span 7; min-width: 0; margin: 0; }
.offline-poker-page__detail-image img { aspect-ratio: 4 / 3; }
.offline-poker-page__detail-image figcaption { max-width: 22rem; margin-top: 0; padding: var(--space-4); background: var(--color-stone-300); color: var(--color-charcoal-950); }
.offline-poker-page__experiences-heading { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 3fr); justify-content: space-between; gap: var(--space-6); margin-bottom: var(--space-6); }
.offline-poker-page__experiences-heading > * { min-width: 0; }
.offline-poker-page__experiences-heading p { max-width: 37rem; }
.offline-poker-page__inquiry-note { align-self: end; padding: var(--space-4); border-left: 1px solid var(--color-antique-brass); color: var(--color-text-muted); font-size: var(--text-sm); }
.offline-poker-page__experience-list { border-top: 1px solid var(--color-border); }
.offline-poker-page__experience-list article { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 6fr); gap: 1.5rem; padding-block: var(--space-5); border-bottom: 1px solid var(--color-border); }
.offline-poker-page__experience-list article > * { min-width: 0; }
.offline-poker-page__experience-list h3 { margin: 0; }
.offline-poker-page__experience-list p { max-width: 40rem; }
.offline-poker-page__lounge-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); align-items: center; }
.offline-poker-page__lounge-image { grid-column: 1 / span 8; min-width: 0; margin: 0; }
.offline-poker-page__lounge-image img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; }
.offline-poker-page__lounge-panel { grid-column: 8 / span 5; min-width: 0; max-width: 35rem; margin-left: -1.5rem; padding: var(--space-6); border-radius: var(--radius-panel); }
.offline-poker-page__lounge-panel .section-marker { color: var(--color-antique-brass-dark); }
.offline-poker-page__lounge-panel .section-marker::after { background: var(--color-antique-brass-dark); }
.offline-poker-page__lounge-panel .intro { max-width: 35rem; }
.offline-poker-page__dining { border-top: 1px solid var(--color-antique-brass); }
.offline-poker-page__dining-grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--space-6); align-items: end; }
.offline-poker-page__dining-grid > * { min-width: 0; }
.offline-poker-page__dining-grid p { max-width: 34rem; }
.offline-poker-page__dining-links { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: var(--space-5); padding-bottom: var(--space-4); font-weight: 700; }
.offline-poker-page__dining-links > * { min-width: 0; }
.offline-poker-page__visit-panel { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-6); padding: var(--space-7); }
.offline-poker-page__location { grid-column: 1 / span 6; min-width: 0; }
.offline-poker-page__location h2 { max-width: 30rem; }
.offline-poker-page__contact { grid-column: 8 / span 5; min-width: 0; border-left: 1px solid var(--color-antique-brass-dark); padding-left: var(--space-6); }
.offline-poker-page__contact p { max-width: 36rem; }
.offline-poker-page__contact > div { display: flex; flex-direction: column; gap: var(--space-1); margin-bottom: var(--space-4); }
.offline-poker-page__contact > div span { font-size: var(--text-xs); font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.offline-poker-page__contact > div a { width: fit-content; min-height: 3rem; display: inline-flex; align-items: center; }
.offline-poker-page__responsible { padding-block: var(--space-8); }
.offline-poker-page__responsible-panel { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 8fr); gap: var(--space-5); width: 83.333%; margin-inline: auto; padding: var(--space-6); border: 1px solid rgb(100 47 53 / 85%); border-left: .25rem solid var(--color-burgundy-700); background: var(--color-charcoal-950); }
.offline-poker-page__responsible-panel > * { min-width: 0; }
.offline-poker-page__responsible-panel > div:first-child span { color: var(--color-antique-brass-light); font-size: var(--text-xs); font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.offline-poker-page__responsible-panel p { max-width: 42rem; }
.offline-poker-page__reservation-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 1.5rem; align-items: start; }
.offline-poker-page__reservation-note { grid-column: 10 / span 3; grid-row: 1; min-width: 0; display: flex; flex-direction: column; gap: var(--space-3); padding: var(--space-5); border-top: 1px solid var(--color-antique-brass); color: var(--color-text-muted); }
.offline-poker-page__reservation-note > * { margin: 0; }
.offline-poker-page__reservation-note span { color: var(--color-antique-brass-light); font-size: var(--text-xs); font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.offline-poker-page__reservation-panel { grid-column: 1 / span 8; min-width: 0; border-top: 2px solid var(--color-antique-brass); padding: var(--space-6); }
.offline-poker-page__reservation-panel .lead { max-width: 39rem; }
.offline-poker-page__form { display: flex; flex-direction: column; gap: var(--space-5); margin-top: var(--space-6); }
.offline-poker-page__form-summary { display: none; padding: var(--space-3); border-left: .25rem solid var(--color-burgundy-700); background: rgb(100 47 53 / 25%); }
.offline-poker-page__form-summary.is-visible { display: block; }
.offline-poker-page__form-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4); }
.offline-poker-page__form-fields > * { min-width: 0; }
.offline-poker-page__form-message { grid-column: 1 / -1; }
.offline-poker-page__form .button { align-self: flex-start; }
.offline-poker-page__confirmation-note { max-width: 100%; margin: 0; color: var(--color-text-muted); font-size: var(--text-sm); }
.offline-poker-page__reservation-success { padding: var(--space-5); border-left: .25rem solid var(--color-success-green); background: rgb(111 154 117 / 14%); }
@media (max-width: 64rem) { .offline-poker-page__hero { min-height: auto; display: flex; flex-direction: column; } .offline-poker-page__hero-media { position: relative; height: 28rem; } .offline-poker-page__hero::after { display: none; } .offline-poker-page__hero-copy-wrap { width: 100%; display: block; background: var(--color-poker-green-900); } .offline-poker-page__hero-copy { width: min(100% - (var(--gutter) * 2), var(--container-max)); max-width: none; margin-inline: auto; padding-block: var(--space-7); } .offline-poker-page__hero-copy h1 { max-width: 44rem; } }
@media (max-width: 65rem) { .offline-poker-page__reason-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 61.25rem) { .offline-poker-page__room-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-6) 1.5rem; } .offline-poker-page__room-image, .offline-poker-page__room-copy, .offline-poker-page__table-copy, .offline-poker-page__detail-image { grid-column: auto; max-width: none; } .offline-poker-page__room-image { grid-column: 1; grid-row: 1; } .offline-poker-page__room-copy { grid-column: 2; grid-row: 1; } .offline-poker-page__table-copy { grid-column: 1; grid-row: 2; } .offline-poker-page__detail-image { grid-column: 2; grid-row: 2; } .offline-poker-page__lounge-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .offline-poker-page__lounge-image, .offline-poker-page__lounge-panel { grid-column: auto; margin: 0; max-width: none; } .offline-poker-page__reservation-grid { grid-template-columns: 1fr; } .offline-poker-page__reservation-note, .offline-poker-page__reservation-panel { grid-column: 1; grid-row: auto; } .offline-poker-page__reservation-note { order: -1; } }
@media (max-width: 56.25rem) { .offline-poker-page__experience-items { grid-template-columns: repeat(2, minmax(0, 1fr)); } .offline-poker-page__experience-item:last-child { grid-column: 1 / -1; } .offline-poker-page__experience-list article { grid-template-columns: 1fr; gap: var(--space-3); } .offline-poker-page__experience-list h3 { font-size: 1.75rem; } }
@media (max-width: 52.5rem) { .offline-poker-page__dining-grid, .offline-poker-page__visit-panel { grid-template-columns: 1fr; } .offline-poker-page__dining-links { justify-content: flex-start; padding-bottom: 0; } .offline-poker-page__location, .offline-poker-page__contact { grid-column: 1; } .offline-poker-page__contact { border-top: 1px solid var(--color-antique-brass-dark); border-left: 0; padding-top: var(--space-6); padding-left: 0; } }
@media (max-width: 47.4375rem) { .offline-poker-page__hero-media { height: clamp(18.75rem, 88vw, 24.375rem); } .offline-poker-page__hero-copy { gap: var(--space-4); } .offline-poker-page__hero-copy h1 { font-size: clamp(3rem, 12vw, 3.5rem); } .offline-poker-page__hero-actions { width: 100%; flex-direction: column; align-items: stretch; } .offline-poker-page__hero-actions .button-link { width: 100%; } .offline-poker-page__experience-grid, .offline-poker-page__experience-items, .offline-poker-page__reason-grid, .offline-poker-page__room-grid, .offline-poker-page__lounge-grid, .offline-poker-page__reservation-grid { grid-template-columns: 1fr; } .offline-poker-page__experience-heading, .offline-poker-page__experience-items, .offline-poker-page__room-image, .offline-poker-page__room-copy, .offline-poker-page__table-copy, .offline-poker-page__detail-image, .offline-poker-page__lounge-image, .offline-poker-page__lounge-panel, .offline-poker-page__reservation-note, .offline-poker-page__reservation-panel { grid-column: 1; grid-row: auto; } .offline-poker-page__experience-heading { padding-left: var(--space-4); } .offline-poker-page__experience-items { gap: 0; } .offline-poker-page__experience-item { padding-block: var(--space-5); border-bottom: 1px solid var(--color-border); } .offline-poker-page__reason-grid { gap: var(--space-4); } .offline-poker-page__reason-card { min-height: 10.75rem; } .offline-poker-page__reasons-heading { grid-template-columns: 1fr; gap: var(--space-4); } .offline-poker-page__room-grid { gap: var(--space-5); } .offline-poker-page__room-image { order: 1; } .offline-poker-page__room-copy { order: 2; } .offline-poker-page__detail-image { order: 3; } .offline-poker-page__table-copy { order: 4; } .offline-poker-page__lounge-panel { padding: var(--space-5); border-radius: 0; } .offline-poker-page__visit-panel { padding: var(--space-5); } .offline-poker-page__responsible-panel { width: 100%; grid-template-columns: 1fr; gap: var(--space-3); padding: var(--space-5); } .offline-poker-page__reservation-panel { padding: var(--space-5); } .offline-poker-page__form-fields { grid-template-columns: 1fr; } .offline-poker-page__form-message { grid-column: 1; } .offline-poker-page__form .button { width: 100%; } }