.home-page { overflow: hidden; }
.home-page p, .home-page li { hyphens: auto; overflow-wrap: anywhere; }
.home-hero { padding-block: var(--space-10); }
.home-hero__grid { display: grid; grid-template-columns: 12.5rem minmax(32.5rem, 1fr) minmax(21.25rem, 26.875rem); gap: var(--space-6); align-items: start; }
.home-hero__grid > * { min-width: 0; width: 100%; }
.home-hero__rail { display: flex; flex-direction: column; gap: var(--space-4); border: var(--border-major); background: var(--color-paper); box-shadow: var(--shadow-hard); padding: var(--space-4); }
.home-hero__rail > * { min-width: 0; margin: 0; }
.home-hero__rail-tags { display: flex; flex-direction: column; gap: var(--space-2); }
.home-hero__rail-tags .label { margin: 0; }
.home-hero__rail-note { font-size: var(--text-meta); font-weight: 700; line-height: 1.4; }
.home-hero__rail-actions { display: flex; flex-direction: column; gap: var(--space-3); }
.home-hero__rail-actions > * { width: 100%; min-width: 0; }
.home-hero__mail { font-size: var(--text-meta); font-weight: 800; overflow-wrap: anywhere; }
.home-hero__copy { min-width: 0; padding-top: var(--space-3); }
.home-hero__copy .eyebrow { margin-bottom: var(--space-3); }
.home-hero__copy h1 { max-width: 18ch; font-size: clamp(3.5rem, 6.3vw, 6.8rem); }
.home-hero__lead { max-width: 62ch; }
.home-hero__notice { max-width: 52ch; margin-bottom: 0; }
.home-hero__media { position: relative; min-height: 31rem; }
.home-hero__media-main, .home-hero__media-detail { position: absolute; width: 100%; margin: 0; }
.home-hero__media-main { inset: 0 auto auto 0; width: min(100%, 25rem); }
.home-hero__media-detail { inset: 13rem 0 auto auto; width: min(62%, 15.5rem); z-index: 1; }
.home-rules__intro { display: grid; grid-template-columns: 8rem minmax(0, 1fr); gap: var(--space-4); align-items: start; }
.home-rules__intro > * { min-width: 0; }
.home-rules__intro > div { max-width: 60ch; }
.home-section-number { font-family: var(--font-heading); font-size: clamp(4rem, 10vw, 9rem); font-weight: 900; letter-spacing: var(--tracking-display); line-height: .75; }
.home-rules__declarations { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 4fr) minmax(0, 3fr); gap: var(--space-4); margin-top: var(--space-7); }
.home-rules__declarations > * { min-width: 0; width: 100%; }
.home-rule { display: flex; flex-direction: column; gap: var(--space-3); border-top: var(--border-major); padding: var(--space-4); }
.home-rule > * { margin: 0; min-width: 0; }
.home-rule--tables { background: var(--color-paper); }
.home-rule--boundary { background: var(--color-pink); border: var(--border-major); box-shadow: var(--shadow-hard); }
.home-rule--layers { border-left: 0.75rem solid var(--color-yellow); background: var(--color-paper); }
.home-formats__header { max-width: 60ch; }
.home-formats__grid { display: grid; grid-template-columns: minmax(0, 2fr) minmax(17.5rem, 1fr); gap: var(--space-6); align-items: start; margin-top: var(--space-7); }
.home-formats__grid > * { min-width: 0; width: 100%; }
.home-formats__modules { display: flex; flex-direction: column; gap: var(--space-5); min-width: 0; }
.home-format { display: grid; grid-template-columns: 5rem minmax(0, 1fr); gap: var(--space-4); border: var(--border-major); padding: var(--space-5); }
.home-format > * { min-width: 0; }
.home-format > div { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-3); }
.home-format > div > * { margin: 0; }
.home-format--poker { width: min(100%, 44rem); background: var(--color-yellow); box-shadow: var(--shadow-hard); }
.home-format--roulette { width: 100%; background: var(--color-paper); }
.home-format__letter { font-family: var(--font-heading); font-size: clamp(3.5rem, 8vw, 6rem); font-weight: 900; line-height: .8; }
.home-format-index { display: flex; flex-direction: column; gap: var(--space-4); border: var(--border-major); background: var(--color-pink); padding: var(--space-5); box-shadow: var(--shadow-hard); }
.home-format-index > * { margin: 0; min-width: 0; }
.home-format-index .eyebrow { align-self: flex-start; background: var(--color-paper); padding: var(--space-1) var(--space-2); }
.home-format-index ul { display: flex; flex-direction: column; gap: var(--space-3); }
.home-format-index li { display: flex; flex-direction: column; gap: var(--space-1); border-top: var(--border-minor); padding-top: var(--space-2); }
.home-format-index li span { font-size: var(--text-meta); line-height: 1.35; }
.home-plan { width: 100%; background: var(--color-yellow); border-block: var(--border-major); padding-block: var(--space-6); }
.home-plan__grid { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 5fr) minmax(0, 3fr); gap: var(--space-5); align-items: end; }
.home-plan__grid > * { min-width: 0; width: 100%; }
.home-plan__intro { max-width: 45ch; }
.home-plan__intro > :last-child { margin-bottom: 0; }
.home-plan__steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-3); margin: 0; padding: 0; list-style: none; }
.home-plan__steps > li { min-width: 0; border-top: var(--border-minor); padding-top: var(--space-2); font-size: var(--text-meta); font-weight: 700; line-height: 1.35; }
.home-plan__steps strong { display: block; margin-bottom: var(--space-1); font-family: var(--font-heading); font-size: 1.35rem; }
.home-plan__cta { align-self: end; }
.home-uses > h2 { max-width: 15ch; }
.home-uses__board { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border: var(--border-major); margin-top: var(--space-6); }
.home-uses__board > * { min-width: 0; width: 100%; }
.home-uses__board > header { grid-column: 1 / -1; border-bottom: var(--border-major); padding: var(--space-5); }
.home-uses__board > header p { max-width: 58ch; margin: 0; }
.home-use { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-3); padding: var(--space-5); }
.home-use > * { margin: 0; min-width: 0; }
.home-use--business { border-right: var(--border-major); }
.home-use--private { position: relative; background: var(--color-paper); }
.home-use--private::before { position: absolute; top: 0; right: 0; width: 4rem; height: 4rem; background: var(--color-yellow); content: ""; }
.home-use__word { font-family: var(--font-heading); font-size: clamp(2.5rem, 6vw, 5rem); letter-spacing: var(--tracking-heading); line-height: .85; }
.home-use ul { display: flex; flex-wrap: wrap; gap: var(--space-2); margin: 0; }
.home-use li { border: var(--border-minor); padding: var(--space-1) var(--space-2); font-size: var(--text-meta); font-weight: 800; text-transform: uppercase; }
.home-hosts__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(26.25rem, 6fr); gap: var(--space-7); align-items: start; }
.home-hosts__grid > * { min-width: 0; width: 100%; }
.home-hosts__copy { max-width: 32.5rem; }
.home-hosts__copy p { max-width: 48ch; }
.home-hosts__media-wrap { position: relative; padding-bottom: var(--space-7); }
.home-lightbox-trigger { position: relative; width: 100%; padding: 0; color: var(--color-ink); cursor: zoom-in; }
.home-lightbox-trigger__hint { position: absolute; right: 0; bottom: 0; border-top: var(--border-major); border-left: var(--border-major); background: var(--color-yellow); padding: var(--space-2) var(--space-3); font-size: var(--text-label); font-weight: 800; letter-spacing: var(--tracking-label); text-transform: uppercase; }
.home-hosts__note { display: flex; flex-direction: column; gap: var(--space-3); position: absolute; bottom: 0; left: calc(var(--space-6) * -1); width: min(18.75rem, 60%); border: var(--border-major); background: var(--color-ink); color: var(--color-paper); padding: var(--space-4); }
.home-hosts__note > * { margin: 0; min-width: 0; }
.home-hosts__note h3 { color: var(--color-paper); }
.home-hosts__note p { font-size: var(--text-meta); line-height: 1.4; }
.home-gallery__header { max-width: 37.5rem; }
.home-gallery__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-5); align-items: start; margin-top: var(--space-7); }
.home-gallery__grid > * { min-width: 0; width: 100%; }
.home-gallery__item { margin: 0; }
.home-gallery__item .media-frame { width: 100%; }
.home-gallery__item--table { grid-column: span 6; }
.home-gallery__item--roulette { grid-column: span 3; }
.home-gallery__item--live { grid-column: 8 / span 5; margin-top: var(--space-8); }
.home-gallery__link { display: inline-block; margin-top: var(--space-5); font-weight: 800; }
.home-contact { padding-top: var(--space-9); }
.home-contact__intro { background: var(--color-ink); color: var(--color-paper); padding-block: var(--space-7); }
.home-contact__intro .eyebrow { color: var(--color-ink); }
.home-contact__intro h2 { max-width: 15ch; color: var(--color-paper); }
.home-contact__intro .lead { max-width: 55ch; margin-bottom: 0; }
.home-contact__plate { display: grid; grid-template-columns: minmax(0, 7fr) minmax(20rem, 5fr); border: var(--border-major); background: var(--color-yellow); box-shadow: var(--shadow-hard); margin-top: calc(var(--space-6) * -1); position: relative; z-index: 1; }
.home-contact__plate > * { min-width: 0; width: 100%; padding: var(--space-5); }
.home-contact__email { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); }
.home-contact__email > * { margin: 0; min-width: 0; }
.home-contact__email .eyebrow { background: var(--color-paper); padding: var(--space-1) var(--space-2); }
.home-contact__email > a:not(.button-link) { font-family: var(--font-heading); font-size: clamp(1.5rem, 3.4vw, 3rem); letter-spacing: -0.04em; line-height: 1.05; overflow-wrap: anywhere; }
.home-contact__email p { max-width: 42ch; }
.home-contact__details { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); border-left: var(--border-major); }
.home-contact__details > * { min-width: 0; margin: 0; }
.home-contact__details > div { width: 100%; }
.home-contact__details .meta { display: block; margin-bottom: var(--space-1); text-transform: uppercase; letter-spacing: .04em; }
.home-contact__details .eyebrow { margin-bottom: var(--space-1); }
.home-offline { padding-block: var(--space-8); }
.home-offline__statement { display: flex; flex-direction: column; gap: var(--space-3); width: min(100%, 47.5rem); margin-inline: auto; border-top: var(--border-major); border-bottom: var(--border-major); padding-block: var(--space-5); text-align: center; }
.home-offline__statement > * { margin: 0; min-width: 0; }
.home-offline__statement .eyebrow { align-self: center; }
.home-lightbox { width: min(92vw, 68rem); max-width: none; border: var(--border-major); background: var(--color-paper); box-shadow: var(--shadow-hard); padding: 0; }
.home-lightbox::backdrop { background: var(--color-ink); }
.home-lightbox__panel { display: flex; flex-direction: column; gap: var(--space-3); position: relative; padding: var(--space-5); }
.home-lightbox__image { width: 100%; max-height: 72vh; object-fit: contain; border: var(--border-major); background: var(--color-ink); }
.home-lightbox__caption { margin: 0; font-weight: 700; }
.home-lightbox__close { position: absolute; top: var(--space-2); right: var(--space-2); z-index: 1; width: 3rem; min-width: 3rem; height: 3rem; border: var(--border-major); background: var(--color-pink); color: var(--color-ink); font-size: 2rem; font-weight: 900; line-height: 1; box-shadow: var(--shadow-hard-small); }
@media (max-width: 1040px) { .home-hero__grid { grid-template-columns: minmax(0, 1fr); gap: var(--space-5); } .home-hero__rail { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: start; } .home-hero__rail-actions { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); } .home-hero__media { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-5); min-height: 0; } .home-hero__media-main, .home-hero__media-detail { position: static; width: 100%; } }
@media (max-width: 980px) { .home-formats__grid { grid-template-columns: minmax(0, 1fr); } .home-format-index { display: grid; grid-template-columns: 12rem minmax(0, 1fr); } .home-format-index ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); } .home-hosts__grid { grid-template-columns: minmax(0, 1fr); } .home-hosts__copy { max-width: 38rem; } .home-hosts__media-wrap { width: min(100%, 44rem); } }
@media (max-width: 920px) { .home-rules__declarations { grid-template-columns: repeat(2, minmax(0, 1fr)); } .home-rule--tables { grid-column: 1 / -1; } .home-plan__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } .home-plan__steps { grid-column: 1 / -1; } .home-plan__cta { justify-self: end; } .home-gallery__item--table { grid-column: span 8; } .home-gallery__item--roulette { grid-column: span 4; } .home-gallery__item--live { grid-column: 1 / -1; margin-top: 0; width: min(100%, 38rem); } .home-contact__plate { grid-template-columns: minmax(0, 1fr); } .home-contact__details { border-top: var(--border-major); border-left: 0; } }
@media (max-width: 800px) { .home-uses__board { grid-template-columns: minmax(0, 1fr); } .home-use--business { border-right: 0; border-bottom: var(--border-major); } }
@media (max-width: 767px) { .home-hero { padding-block: var(--space-9); } .home-hero__rail { grid-template-columns: minmax(0, 1fr); padding: var(--space-4); } .home-hero__rail-actions { grid-column: auto; grid-template-columns: minmax(0, 1fr); } .home-hero__copy { padding-top: 0; } .home-hero__copy h1 { max-width: 100%; font-size: clamp(3rem, 15vw, 4.5rem); } .home-hero__lead { max-width: 34ch; } .home-hero__media { grid-template-columns: minmax(0, 1fr); gap: var(--space-4); } .home-rules__intro { grid-template-columns: minmax(0, 1fr); gap: var(--space-3); } .home-section-number { font-size: clamp(3.5rem, 20vw, 5rem); } .home-rules__intro > div { max-width: 38ch; } .home-rules__declarations { grid-template-columns: minmax(0, 1fr); gap: var(--space-4); margin-top: var(--space-6); } .home-rule--tables { grid-column: auto; } .home-formats__header { max-width: 38ch; } .home-format { grid-template-columns: minmax(0, 1fr); padding: var(--space-4); } .home-format--poker { width: 100%; } .home-format-index { grid-template-columns: minmax(0, 1fr); padding: var(--space-4); } .home-format-index ul { grid-template-columns: minmax(0, 1fr); } .home-plan { padding-block: var(--space-6); } .home-plan__grid { grid-template-columns: minmax(0, 1fr); } .home-plan__steps { grid-column: auto; grid-template-columns: minmax(0, 1fr); } .home-plan__cta { justify-self: stretch; min-height: 3.25rem; } .home-uses > h2 { max-width: 100%; } .home-uses__board > header, .home-use { padding: var(--space-4); } .home-hosts__grid { gap: var(--space-5); } .home-hosts__copy p { max-width: 37ch; } .home-hosts__media-wrap { width: 100%; padding-bottom: 0; } .home-hosts__note { position: static; width: 100%; margin-top: var(--space-4); } .home-gallery__header { max-width: 38ch; } .home-gallery__grid { grid-template-columns: minmax(0, 1fr); gap: var(--space-5); margin-top: var(--space-6); } .home-gallery__item--table, .home-gallery__item--roulette, .home-gallery__item--live { grid-column: auto; width: 100%; margin-top: 0; } .home-contact { padding-top: var(--space-8); } .home-contact__intro { padding-block: var(--space-6); } .home-contact__intro h2 { max-width: 100%; font-size: clamp(2.5rem, 13vw, 4rem); } .home-contact__intro .lead { max-width: 37ch; } .home-contact__plate { margin-top: 0; box-shadow: none; } .home-contact__plate > * { padding: var(--space-4); } .home-contact__email > a:not(.button-link) { font-size: clamp(1.25rem, 7vw, 2rem); } .home-contact__email .button-link { width: 100%; } .home-offline__statement { width: 100%; margin-inline: 0; text-align: left; } .home-offline__statement .eyebrow { align-self: flex-start; } .home-lightbox { width: calc(100vw - 2rem); } .home-lightbox__panel { padding: var(--space-4); } }