.home-page { overflow: clip; }
.home-page section { position: relative; }
.home-hero { min-height: 43rem; display: grid; isolation: isolate; background: var(--color-black); }
.home-hero__image, .home-final > img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: 72% center; z-index: -2; }
.home-hero__shade, .home-final__shade { position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(14,16,19,.98) 0%, rgba(14,16,19,.88) 43%, rgba(14,16,19,.42) 75%, rgba(14,16,19,.24) 100%); }
.home-hero__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); align-items: center; min-height: 43rem; }
.home-hero__copy { grid-column: 1 / span 7; min-width: 0; display: flex; flex-direction: column; gap: var(--space-4); padding-block: var(--space-9); border-left: var(--border-amber); padding-left: var(--space-4); }
.home-hero__copy > * { min-width: 0; margin: 0; }
.home-hero h1 { max-width: 17ch; }
.home-hero__subtitle { max-width: 52ch; font-size: var(--text-18); line-height: var(--leading-emphasis); }
.home-hero__proof { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-2); max-width: 62rem; }
.home-hero__proof .tag { justify-content: flex-start; }
.home-hero__actions, .home-visit__actions { display: flex; gap: var(--space-3); align-items: stretch; }
.home-hero__actions > *, .home-visit__actions > * { min-width: 0; }
.home-discovery-menu { display: flex; gap: var(--space-4); padding: var(--space-3); border: var(--border-default); background: var(--color-carbon); }
.home-manifesto, .home-food, .home-audience, .home-gallery, .home-faq { padding-block: var(--space-9); }
.home-manifesto__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-6); }
.home-manifesto__heading { grid-column: 1 / span 4; min-width: 0; }
.home-manifesto__lead { grid-column: 5 / span 6; min-width: 0; border-top: var(--border-amber); padding-top: var(--space-4); }
.home-manifesto__lead p { max-width: 64ch; }
.home-manifesto__slab { grid-column: 2 / span 4; min-width: 0; border-left: 3px solid var(--color-cobalt); padding-left: var(--space-4); }
.home-manifesto__slab p:last-child { max-width: 48ch; }
.home-manifesto__closing { grid-column: 7 / span 5; min-width: 0; display: flex; flex-direction: column; gap: var(--space-3); }
.home-manifesto__closing > * { margin: 0; min-width: 0; }
.home-manifesto__closing p { max-width: 48ch; }
.home-food { background: var(--color-black); }
.home-food__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-5); align-items: start; }
.home-food__intro { grid-column: 1 / span 5; min-width: 0; }
.home-food__intro > p:last-child { max-width: 54ch; }
.home-food__media { grid-column: 7 / span 6; min-width: 0; margin: 0; }
.home-food__media img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.home-food__taproom { grid-column: 1 / span 4; min-width: 0; display: flex; flex-direction: column; gap: var(--space-3); }
.home-food__seating { grid-column: 5 / span 5; min-width: 0; display: flex; flex-direction: column; gap: var(--space-3); }
.home-food__taproom > *, .home-food__seating > * { margin: 0; min-width: 0; }
.home-food__taproom p { max-width: 42ch; }
.home-food__seating p { max-width: 42ch; }
.home-food__list { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-2); }
.home-food__list li { border-top: var(--border-default); padding-top: var(--space-2); }
.home-food__hours { grid-column: 10 / span 3; min-width: 0; display: flex; flex-direction: column; gap: var(--space-3); padding: var(--space-4); border-left: var(--border-amber); background: var(--color-cast-iron); }
.home-food__hours > * { margin: 0; min-width: 0; }
.home-casino { padding-block: var(--space-9); }
.home-casino__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-6); align-items: start; }
.home-casino__media { grid-column: 1 / span 5; min-width: 0; margin: 0; }
.home-casino__media img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.home-casino__content { grid-column: 7 / span 6; min-width: 0; display: flex; flex-direction: column; gap: var(--space-4); }
.home-casino__content > * { margin: 0; min-width: 0; }
.home-casino__opening { max-width: 52ch; }
.home-casino__games { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border: var(--border-default); background: var(--color-slate); }
.home-casino__games > div { min-width: 0; padding: var(--space-3); border-bottom: var(--border-default); }
.home-casino__games > div:nth-child(odd) { border-right: var(--border-default); }
.home-casino__assurance { max-width: 52ch; }
.home-casino__assurance ol { margin-bottom: 0; padding-left: 1.5rem; }
.home-casino__action { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3); padding: var(--space-4); border-left: var(--border-amber); background: var(--color-cast-iron); }
.home-casino__action > * { min-width: 0; }
.home-audience__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-6); }
.home-audience__heading { grid-column: 1 / span 4; min-width: 0; }
.home-audience__matrix { grid-column: 5 / span 8; min-width: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 var(--space-4); }
.home-audience__matrix article { min-width: 0; padding: var(--space-3) 0; border-top: var(--border-default); }
.home-audience__matrix h3 { font-size: var(--text-24); }
.home-audience__matrix p { max-width: 28ch; margin-bottom: 0; }
.home-audience__members { grid-column: 2 / span 4; min-width: 0; display: flex; flex-direction: column; gap: var(--space-3); }
.home-audience__groups { grid-column: 7 / span 5; min-width: 0; display: flex; flex-direction: column; gap: var(--space-3); border-left: var(--border-amber); }
.home-audience__members > *, .home-audience__groups > * { min-width: 0; margin: 0; }
.home-audience__members p, .home-audience__groups p { max-width: 44ch; }
.home-gallery { background: var(--color-carbon); }
.home-gallery__intro { max-width: 50ch; }
.home-gallery__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); grid-auto-flow: dense; gap: var(--space-3); }
.home-gallery__item { grid-column: span 3; min-width: 0; padding: 0; border: var(--border-default); background: var(--color-charcoal); color: var(--color-chalk); text-align: left; }
.home-gallery__item--primary { grid-column: span 7; grid-row: span 2; }
.home-gallery__item:nth-child(2) { grid-column: span 5; }
.home-gallery__item:nth-child(3) { grid-column: span 5; }
.home-gallery__item--square { grid-column: span 3; }
.home-gallery__item:nth-child(5) { grid-column: span 4; }
.home-gallery__item:nth-child(6) { grid-column: span 5; }
.home-gallery__item img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.home-gallery__item--primary img { aspect-ratio: 16 / 9; height: 100%; }
.home-gallery__item--square img { aspect-ratio: 1; }
.home-gallery__item span { display: block; min-width: 0; padding: var(--space-2) var(--space-3); color: var(--color-concrete); font-size: var(--text-14); line-height: var(--leading-utility); }
.home-visit { padding-block: var(--space-9); }
.home-visit__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-6); }
.home-visit__left { grid-column: 1 / span 5; min-width: 0; display: flex; flex-direction: column; gap: var(--space-4); }
.home-visit__right { grid-column: 7 / span 6; min-width: 0; display: flex; flex-direction: column; gap: var(--space-5); padding-top: 4.2rem; }
.home-visit__left > *, .home-visit__right > * { margin: 0; min-width: 0; }
.home-visit__address { display: flex; flex-direction: column; gap: var(--space-3); padding: var(--space-5); border-left: 3px solid var(--color-cobalt); background: var(--color-cast-iron); }
.home-visit__address > * { margin: 0; min-width: 0; }
.home-visit__address p:nth-child(2) { font-family: var(--font-heading); font-size: var(--text-32); font-weight: 800; letter-spacing: .04em; line-height: 1; text-transform: uppercase; font-variant-numeric: tabular-nums; }
.home-visit__hours { display: grid; grid-template-columns: 1fr; border: var(--border-default); }
.home-visit__hours div { min-width: 0; display: flex; justify-content: space-between; gap: var(--space-3); padding: var(--space-3); border-bottom: var(--border-default); font-variant-numeric: tabular-nums; }
.home-visit__hours div:last-child { border-bottom: 0; }
.home-visit__hours span { color: var(--color-amber); font-family: var(--font-heading); font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.home-visit__hours div:last-child span { color: var(--color-lime); }
.home-visit__right > p { max-width: 55ch; }
.home-visit__facts { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.home-visit__facts span { min-width: 0; padding: var(--space-2); border-top: var(--border-default); color: var(--color-concrete); font-family: var(--font-heading); font-size: var(--text-12); font-weight: 700; letter-spacing: .07em; text-transform: uppercase; }
.home-safety { padding-block: var(--space-8); background: var(--color-slate); }
.home-safety__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-6); }
.home-safety__statement { grid-column: 3 / span 5; min-width: 0; border-left: var(--border-lime); padding-left: var(--space-4); }
.home-safety__statement p:last-child { max-width: 56ch; }
.home-safety__panel { grid-column: 8 / span 4; min-width: 0; display: flex; flex-direction: column; gap: var(--space-3); padding: var(--space-5); border: var(--border-default); background: var(--color-carbon); }
.home-safety__panel > * { margin: 0; min-width: 0; }
.home-external { color: var(--color-concrete); font-size: var(--text-14); }
.home-faq__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-6); }
.home-faq__grid > div:first-child { grid-column: 1 / span 4; min-width: 0; }
.home-faq__list { grid-column: 2 / span 9; min-width: 0; border-top: var(--border-default); }
.home-faq__item { min-width: 0; border-bottom: var(--border-default); }
.home-faq__item h3 { margin: 0; }
.home-faq__item h3 button { width: 100%; min-width: 0; min-height: 3.25rem; display: flex; justify-content: space-between; align-items: center; gap: var(--space-4); padding: var(--space-3) var(--space-4); border-left: 3px solid transparent; background: transparent; color: var(--color-chalk); font-family: var(--font-heading); font-size: var(--text-24); font-weight: 800; letter-spacing: .05em; line-height: 1.1; text-align: left; text-transform: uppercase; }
.home-faq__item h3 button[aria-expanded="true"] { border-left-color: var(--color-amber); background: var(--color-charcoal); }
.home-faq__item h3 button span { flex: 0 0 1.5rem; text-align: center; }
.home-faq__item > div { padding: 0 var(--space-4) var(--space-4); background: var(--color-charcoal); }
.home-faq__item > div p { max-width: 62ch; margin: 0; }
.home-checkpoint { padding-block: var(--space-8); }
.home-checkpoint__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-5); }
.home-checkpoint__heading { grid-column: 2 / span 4; min-width: 0; }
.home-checkpoint__grid > article { min-width: 0; display: flex; flex-direction: column; gap: var(--space-3); padding-top: var(--space-4); border-top: var(--border-default); }
.home-checkpoint__grid > article > * { margin: 0; min-width: 0; }
.home-checkpoint__grid > article:nth-of-type(1) { grid-column: 2 / span 3; }
.home-checkpoint__grid > article:nth-of-type(2) { grid-column: 5 / span 3; }
.home-checkpoint__grid > article:nth-of-type(3) { grid-column: 8 / span 4; }
.home-checkpoint__grid article > span { color: var(--color-amber); font-family: var(--font-heading); font-size: var(--text-24); font-weight: 800; }
.home-checkpoint__grid article p { max-width: 50ch; }
.home-final { min-height: 27.5rem; display: grid; align-items: center; isolation: isolate; border-bottom: var(--border-amber); }
.home-final__content { display: flex; flex-direction: column; gap: var(--space-4); align-items: flex-start; padding-block: var(--space-8); }
.home-final__content > * { min-width: 0; margin: 0; }
.home-final__content h2 { max-width: 16ch; font-size: clamp(3rem, 5vw, 3.5rem); }
.home-final__content > p:not(.section-index) { max-width: 48ch; font-size: var(--text-18); }
.home-final__content > div { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-4); }
.home-final__content > div > * { min-width: 0; }
.home-gallery-dialog { width: min(92vw, 68rem); padding: 0; border: var(--border-default); background: var(--color-carbon); color: var(--color-chalk); }
.home-gallery-dialog::backdrop { background: rgba(0,0,0,.82); }
.home-gallery-dialog__inner { display: flex; flex-direction: column; gap: var(--space-3); padding: var(--space-4); }
.home-gallery-dialog__inner > * { min-width: 0; margin: 0; }
.home-gallery-dialog__inner img { width: 100%; max-height: 70vh; object-fit: contain; background: var(--color-black); }
.home-gallery-dialog__close { align-self: flex-end; padding: var(--space-2) var(--space-3); background: var(--color-amber); color: var(--color-carbon); font-family: var(--font-heading); font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.home-gallery-dialog__inner > div { display: flex; gap: var(--space-2); }
@media (max-width: 64.99rem) { .home-hero { min-height: auto; padding-top: var(--space-7); } .home-hero__image { position: relative; grid-row: 2; height: auto; aspect-ratio: 16/9; object-position: center; } .home-hero__shade { background: var(--color-black); } .home-hero__grid { display: block; min-height: 0; } .home-hero__copy { padding-block: var(--space-7); max-width: 100%; border-left: 0; padding-left: 0; } .home-hero h1 { max-width: 20ch; } .home-hero__proof { grid-template-columns: repeat(2, minmax(0,1fr)); } .home-manifesto__heading { grid-column: 1 / span 4; } .home-manifesto__lead { grid-column: 5 / span 8; } .home-manifesto__slab { grid-column: 1 / span 6; } .home-manifesto__closing { grid-column: 7 / span 6; } .home-food__intro, .home-food__media { grid-column: 1 / span 12; } .home-food__taproom { grid-column: 1 / span 6; } .home-food__seating { grid-column: 7 / span 6; } .home-food__hours { grid-column: 1 / span 12; } .home-casino__media, .home-casino__content { grid-column: 1 / span 12; } .home-casino__media { order: 2; } .home-casino__content { order: 1; } .home-audience__heading { grid-column: 1 / span 12; } .home-audience__matrix { grid-column: 1 / span 12; } .home-audience__members { grid-column: 1 / span 6; } .home-audience__groups { grid-column: 7 / span 6; } .home-visit__left, .home-visit__right { grid-column: 1 / span 12; } .home-visit__right { padding-top: 0; } .home-safety__statement { grid-column: 1 / span 7; } .home-safety__panel { grid-column: 8 / span 5; } .home-faq__list { grid-column: 1 / span 12; } .home-checkpoint__heading { grid-column: 1 / span 12; } .home-checkpoint__grid > article:nth-of-type(1) { grid-column: 1 / span 4; } .home-checkpoint__grid > article:nth-of-type(2) { grid-column: 5 / span 4; } .home-checkpoint__grid > article:nth-of-type(3) { grid-column: 9 / span 4; } }
@media (max-width: 59.99rem) { .home-manifesto__grid, .home-food__grid, .home-casino__grid, .home-audience__grid, .home-visit__grid, .home-safety__grid, .home-faq__grid, .home-checkpoint__grid { grid-template-columns: repeat(8, minmax(0,1fr)); } .home-manifesto__heading { grid-column: 1 / span 8; } .home-manifesto__lead { grid-column: 1 / span 8; } .home-manifesto__slab { grid-column: 1 / span 4; } .home-manifesto__closing { grid-column: 5 / span 4; } .home-food__intro, .home-food__media { grid-column: 1 / span 8; } .home-food__taproom { grid-column: 1 / span 4; } .home-food__seating { grid-column: 5 / span 4; } .home-food__hours { grid-column: 1 / span 8; } .home-casino__media, .home-casino__content { grid-column: 1 / span 8; } .home-audience__heading, .home-audience__matrix { grid-column: 1 / span 8; } .home-audience__members { grid-column: 1 / span 4; } .home-audience__groups { grid-column: 5 / span 4; } .home-gallery__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .home-gallery__item, .home-gallery__item--primary, .home-gallery__item:nth-child(2), .home-gallery__item:nth-child(3), .home-gallery__item:nth-child(5), .home-gallery__item:nth-child(6) { grid-column: span 1; grid-row: auto; } .home-visit__left, .home-visit__right { grid-column: 1 / span 8; } .home-safety__statement { grid-column: 1 / span 8; } .home-safety__panel { grid-column: 1 / span 8; } .home-faq__grid > div:first-child, .home-faq__list { grid-column: 1 / span 8; } .home-checkpoint__heading { grid-column: 1 / span 8; } .home-checkpoint__grid > article:nth-of-type(1), .home-checkpoint__grid > article:nth-of-type(2), .home-checkpoint__grid > article:nth-of-type(3) { grid-column: span 8; } }
@media (max-width: 47.99rem) { .home-manifesto, .home-food, .home-audience, .home-gallery, .home-faq, .home-casino, .home-visit, .home-safety, .home-checkpoint { padding-block: var(--space-7); } .home-hero { padding-top: var(--space-5); } .home-hero__copy { padding-block: var(--space-6); } .home-hero h1 { font-size: clamp(2.25rem, 11vw, 3rem); } .home-hero__subtitle { font-size: var(--text-16); } .home-hero__proof { grid-template-columns: repeat(2, minmax(0,1fr)); } .home-hero__proof .tag { font-size: .66rem; padding: var(--space-2); } .home-hero__actions, .home-visit__actions { flex-direction: column; } .home-hero__actions .button, .home-visit__actions .button { width: 100%; } .home-discovery-menu { flex-direction: column; } .home-manifesto__grid, .home-food__grid, .home-casino__grid, .home-audience__grid, .home-visit__grid, .home-safety__grid, .home-faq__grid, .home-checkpoint__grid { grid-template-columns: 1fr; gap: var(--space-5); } .home-manifesto__heading, .home-manifesto__lead, .home-manifesto__slab, .home-manifesto__closing, .home-food__intro, .home-food__media, .home-food__taproom, .home-food__seating, .home-food__hours, .home-casino__media, .home-casino__content, .home-audience__heading, .home-audience__matrix, .home-audience__members, .home-audience__groups, .home-visit__left, .home-visit__right, .home-safety__statement, .home-safety__panel, .home-faq__grid > div:first-child, .home-faq__list, .home-checkpoint__heading, .home-checkpoint__grid > article:nth-of-type(1), .home-checkpoint__grid > article:nth-of-type(2), .home-checkpoint__grid > article:nth-of-type(3) { grid-column: 1; } .home-manifesto__slab { border-left: 3px solid var(--color-cobalt); } .home-food__list { grid-template-columns: 1fr; } .home-casino__games { grid-template-columns: 1fr; } .home-casino__games > div:nth-child(odd) { border-right: 0; } .home-casino__action { flex-direction: column; align-items: stretch; } .home-casino__action .button { width: 100%; } .home-audience__matrix { grid-template-columns: 1fr; } .home-audience__matrix p { max-width: none; } .home-audience__members, .home-audience__groups { padding: var(--space-4); } .home-gallery__grid { width: 100%; grid-template-columns: 1fr; gap: var(--space-4); } .home-gallery__item, .home-gallery__item--primary, .home-gallery__item:nth-child(2), .home-gallery__item:nth-child(3), .home-gallery__item:nth-child(5), .home-gallery__item:nth-child(6) { grid-column: 1; } .home-gallery__item img, .home-gallery__item--primary img, .home-gallery__item--square img { aspect-ratio: 4 / 3; height: auto; } .home-gallery__item--primary img, .home-gallery__item:nth-child(6) img { aspect-ratio: 16 / 9; } .home-visit__address p:nth-child(2) { font-size: var(--text-24); } .home-visit__hours div { flex-direction: column; gap: var(--space-1); } .home-safety__statement { padding-left: var(--space-3); } .home-faq__item h3 button { font-size: var(--text-18); } .home-final { min-height: 31.25rem; } .home-final__shade { background: rgba(14,16,19,.84); } .home-final__content { padding-block: var(--space-7); } .home-final__content h2 { font-size: clamp(2.25rem, 10vw, 2.5rem); } .home-final__content > div { width: 100%; flex-direction: column; align-items: stretch; } .home-final__content > div .button { width: 100%; } .home-final__content > div a:not(.button) { min-height: 2.75rem; display: flex; align-items: center; } }