.poker-page { overflow: clip; }
.poker-page a { text-underline-offset: 0.18em; }
.poker-hero { padding-block: var(--space-9) var(--space-8); }
.poker-hero__grid, .poker-craft__grid, .poker-welcome__grid, .poker-bridge__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-5); }
.poker-hero__copy { grid-column: 1 / span 5; min-width: 0; align-self: center; max-width: 35.625rem; }
.poker-hero__copy .display-title { margin-bottom: var(--space-5); }
.poker-hero__copy .lead { max-width: 35.625rem; }
.poker-hero__badge { margin-bottom: var(--space-5); }
.poker-hero__cta { margin-bottom: var(--space-5); }
.poker-hero__access { max-width: 26.25rem; margin-bottom: 0; padding-top: var(--space-4); border-top: 1px solid var(--color-brass); font-size: var(--text-utility); line-height: var(--leading-utility); }
.poker-hero__media { grid-column: 7 / span 6; width: 100%; min-width: 0; min-height: 28.75rem; margin: 0; overflow: hidden; border-radius: var(--radius-feature); }
.poker-hero__media img, .poker-craft__media img, .poker-welcome__media img { width: 100%; height: 100%; object-fit: cover; }
.poker-hero__media img { object-position: 70% center; }
.poker-why__intro { width: min(100%, 31.25rem); margin-bottom: var(--space-7); }
.poker-why__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); }
.poker-why__item { min-width: 0; padding-top: var(--space-4); border-top: 1px solid var(--color-brass); }
.poker-why__item p:not(.meta) { max-width: 18.75rem; margin-bottom: 0; }
.poker-why__item .meta { margin-bottom: var(--space-4); }
.poker-craft__media { grid-column: 1 / span 7; width: 100%; min-width: 0; margin: 0; overflow: hidden; border-radius: var(--radius-card); }
.poker-craft__media img { height: min(43vw, 38rem); min-height: 32rem; object-position: center; }
.poker-craft__media figcaption { padding-inline: var(--space-2); }
.poker-craft__panel { grid-column: 9 / span 4; min-width: 0; align-self: center; padding: var(--space-6); border: 1px solid var(--color-border-brass); border-radius: var(--radius-card); background: var(--color-white); }
.poker-craft__panel > :last-child { margin-bottom: 0; }
.poker-craft__panel > h2 { max-width: 30rem; }
.poker-craft__lead p { max-width: 33.75rem; }
.poker-craft__feature { padding-top: var(--space-4); border-top: 1px solid var(--color-border); }
.poker-craft__feature h3 { margin-bottom: var(--space-2); }
.poker-craft__feature p { max-width: 26.875rem; margin-bottom: var(--space-4); }
.poker-craft__feature--sage { border-top-color: var(--color-sage); }
.poker-formats__intro { width: min(100%, 35rem); margin-bottom: var(--space-7); }
.poker-formats__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); }
.poker-format { display: flex; min-width: 0; flex-direction: column; align-items: stretch; gap: var(--space-4); border-top: 3px solid var(--color-sage); }
.poker-format > * { min-width: 0; margin: 0; }
.poker-format p:not(.meta) { max-width: 17.8125rem; }
.poker-format a { margin-top: auto; font-size: var(--text-utility); font-weight: 700; }
.poker-process__intro { width: min(100%, 37.5rem); margin-bottom: var(--space-7); }
.poker-process__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-5); }
.poker-step { display: grid; grid-template-columns: 2.5rem minmax(0, 1fr); gap: var(--space-3); min-width: 0; padding-top: var(--space-4); border-top: 1px solid var(--color-brass); }
.poker-step__number { color: var(--color-brass); font-family: var(--font-heading); font-size: 1.875rem; font-weight: 600; line-height: 1; font-variant-numeric: tabular-nums; }
.poker-step h3 { font-size: 1.25rem; }
.poker-step p { max-width: 16.875rem; margin-bottom: 0; font-size: var(--text-utility); line-height: var(--leading-utility); }
.poker-step .badge { margin-top: var(--space-3); }
.poker-welcome__media { grid-column: 1 / span 6; width: 100%; min-width: 0; height: 39rem; margin: 0; overflow: hidden; border-radius: var(--radius-feature); }
.poker-welcome__media img { object-position: center; }
.poker-welcome__content { grid-column: 8 / span 5; min-width: 0; align-self: center; }
.poker-welcome__content > h2 { max-width: 31.25rem; }
.poker-welcome__commitment { max-width: 31.25rem; padding-top: var(--space-4); border-top: 1px solid var(--color-border); }
.poker-welcome__commitment + .poker-welcome__commitment { margin-top: var(--space-4); }
.poker-welcome__commitment h3 { margin-bottom: var(--space-2); }
.poker-welcome__commitment p { margin-bottom: var(--space-3); }
.poker-bridge__grid { align-items: start; }
.poker-bridge__block { grid-column: 1 / span 5; min-width: 0; max-width: 30rem; }
.poker-bridge__block--rule { grid-column: 8 / span 5; padding-left: var(--space-6); border-left: 1px solid var(--color-brass); }
.poker-bridge__block p { max-width: 30rem; }
.poker-checklist__panel { width: min(100%, 51.5rem); margin-inline: auto; }
.poker-checklist__panel > .badge { margin-bottom: var(--space-4); }
.poker-checklist__panel > h2 { width: min(100%, 32.5rem); }
.poker-checklist__rows { display: flex; flex-direction: column; align-items: stretch; gap: var(--space-3); }
.poker-checklist__row { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 6fr); gap: var(--space-5); min-width: 0; padding: var(--space-5); border: 1px solid var(--color-border-brass); border-radius: var(--radius-card); background: var(--color-white); }
.poker-checklist__row h3, .poker-checklist__row p { min-width: 0; margin: 0; }
.poker-checklist__row p { max-width: 38.75rem; }
.poker-faq__intro { width: min(100%, 32.5rem); margin-bottom: var(--space-7); }
.poker-faq__panel { width: min(100%, 51.5rem); margin-inline: auto; border-top: 1px solid var(--color-border); }
.poker-faq__item { border-bottom: 1px solid var(--color-border); }
.poker-faq__item h3 { margin: 0; font-family: var(--font-body); font-size: var(--text-body); font-weight: 700; letter-spacing: 0; }
.poker-faq__item button { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; width: 100%; min-width: 0; min-height: 3.5rem; align-items: center; gap: var(--space-3); padding: var(--space-4) 0; border: 0; background: transparent; text-align: left; }
.poker-faq__item button > span:first-child { min-width: 0; }
.poker-faq__item button .badge { justify-self: end; }
.poker-faq__icon { width: 1.5rem; color: var(--color-sage); font-size: 1.5rem; font-weight: 400; line-height: 1; text-align: center; }
.poker-faq__answer { display: grid; grid-template-rows: 0fr; opacity: 0; transition: grid-template-rows var(--transition-base), opacity var(--transition-base); }
.poker-faq__answer > div { min-height: 0; overflow: hidden; }
.poker-faq__answer p { width: min(100%, 45rem); margin: 0 0 var(--space-5); }
.poker-faq__answer.is-open { grid-template-rows: 1fr; opacity: 1; }
.poker-close { padding-top: var(--space-8); }
.poker-close__panel { width: min(100%, 51.5rem); margin-inline: auto; padding: var(--space-8); border-top: 2px solid var(--color-sage); border-radius: var(--radius-feature); background: var(--color-espresso); color: var(--color-white); }
.poker-close__panel .eyebrow { color: var(--color-brass-soft); }
.poker-close__panel h2 { max-width: 35rem; color: var(--color-white); }
.poker-close__panel p { max-width: 35rem; }
.poker-close__actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3); }
.poker-close__actions > * { min-width: 0; }
.poker-close__schedule { border-color: var(--color-white); color: var(--color-white); }
.poker-close__schedule:hover { background: rgba(255,255,255,0.12); }
@media (max-width: 61.1875rem) { .poker-hero__grid, .poker-craft__grid, .poker-welcome__grid { grid-template-columns: 1fr; gap: var(--space-6); } .poker-hero__copy, .poker-hero__media, .poker-craft__media, .poker-craft__panel, .poker-welcome__media, .poker-welcome__content { grid-column: 1; } .poker-hero__media { min-height: 24rem; } .poker-craft__panel { max-width: 42rem; } .poker-formats__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .poker-format:nth-child(3) { grid-column: 1 / -1; } .poker-process__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .poker-step p { max-width: 20rem; } .poker-welcome__media { height: 32rem; } }
@media (max-width: 56.1875rem) { .poker-why__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .poker-why__item:nth-child(3) { grid-column: 1 / -1; } .poker-bridge__grid { grid-template-columns: 1fr; gap: var(--space-6); } .poker-bridge__block, .poker-bridge__block--rule { grid-column: 1; max-width: 30rem; padding-left: 0; border-left: 0; } .poker-bridge__block--rule { padding-top: var(--space-6); border-top: 1px solid var(--color-brass); } }
@media (max-width: 47.9375rem) { .poker-hero { padding-block: var(--space-7); } .poker-hero__grid { gap: var(--space-5); } .poker-hero__copy { max-width: 38rem; } .poker-hero__copy .display-title { font-size: clamp(2.625rem, 11vw, 3rem); line-height: 1; } .poker-hero__cta { display: flex; width: 100%; } .poker-hero__media { min-height: 25rem; } .poker-hero__media img { object-position: 65% center; } .poker-why__intro, .poker-formats__intro, .poker-process__intro, .poker-faq__intro { margin-bottom: var(--space-6); } .poker-why__grid, .poker-formats__grid, .poker-process__grid { grid-template-columns: 1fr; gap: var(--space-4); } .poker-why__item:nth-child(3), .poker-format:nth-child(3) { grid-column: 1; } .poker-why__item p:not(.meta), .poker-format p:not(.meta), .poker-step p { max-width: none; } .poker-craft__media img { height: 20rem; min-height: 0; object-position: center; } .poker-craft__panel { padding: var(--space-5); } .poker-process__grid { gap: var(--space-5); } .poker-step { grid-template-columns: 2.25rem minmax(0, 1fr); } .poker-welcome__media { height: 26rem; } .poker-welcome__commitment { max-width: none; } .poker-bridge__block, .poker-bridge__block--rule { max-width: none; } .poker-checklist__row { grid-template-columns: 1fr; gap: var(--space-3); padding: var(--space-4); } .poker-faq__item button { min-height: 2.75rem; } .poker-close__panel { padding: var(--space-6); } .poker-close__actions { display: grid; grid-template-columns: 1fr; } .poker-close__actions .button { width: 100%; min-height: 3rem; } }
@media (hover: hover) { .poker-format { transition: transform var(--transition-fast), box-shadow var(--transition-base); } .poker-format:hover { transform: translateY(-1px); box-shadow: var(--shadow-ambient); } }