#home-page { overflow: clip; }
#home-page .home-container { width: min(100% - (var(--container-gutter) * 2), var(--container-max)); margin-inline: auto; }
#home-page .home-hero { position: relative; min-height: 47.5rem; display: grid; align-items: end; isolation: isolate; overflow: hidden; }
#home-page .home-hero__image { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; }
#home-page .home-hero__image::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgb(23 25 27 / 96%) 0%, rgb(23 25 27 / 80%) 38%, rgb(23 25 27 / 18%) 70%, rgb(23 25 27 / 8%) 100%); }
#home-page .home-hero__image img { width: 100%; height: 100%; object-position: 68% 60%; transition: transform var(--transition-image); }
#home-page .home-hero__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--space-4); padding-block: var(--space-10); }
#home-page .home-hero__copy { grid-column: 1 / span 6; min-width: 0; max-width: 46rem; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); }
#home-page .home-hero__copy > * { margin: 0; }
#home-page .home-hero h1 { max-width: 44rem; }
#home-page .home-hero__actions { width: 100%; }
#home-page .home-hero__microcopy { max-width: 34rem; color: var(--colour-ivory-200); font-size: var(--text-small); line-height: var(--leading-small); }
#home-page .home-hero__numeral, #home-page .home-tournaments__numeral, #home-page .home-card-room__numeral, #home-page .home-high-roller__numeral, #home-page .home-reserve__numeral { position: absolute; pointer-events: none; font-family: var(--font-heading); font-weight: 700; line-height: .72; z-index: -1; }
#home-page .home-hero__numeral { right: -1.5vw; bottom: -1vw; color: rgb(255 249 239 / 10%); font-size: clamp(9rem, 26vw, 25rem); }
#home-page .home-room-intro__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-8) var(--space-4); }
#home-page .home-room-intro__lead { grid-column: 2 / span 6; min-width: 0; max-width: 54rem; }
#home-page .home-room-intro__lead .lede { margin-bottom: 0; }
#home-page .home-room-intro__statements { grid-column: 2 / span 9; display: grid; grid-template-columns: repeat(9, minmax(0, 1fr)); gap: var(--space-7) var(--space-4); min-width: 0; }
#home-page .home-room-intro__statement { display: grid; grid-template-columns: minmax(2.5rem, 1fr) minmax(0, 3fr); gap: var(--space-4); min-width: 0; }
#home-page .home-room-intro__statement:nth-child(1) { grid-column: 1 / span 5; }
#home-page .home-room-intro__statement:nth-child(2) { grid-column: 4 / span 6; }
#home-page .home-room-intro__statement:nth-child(3) { grid-column: 2 / span 6; }
#home-page .home-room-intro__statement > div { min-width: 0; max-width: 34rem; }
#home-page .home-room-intro__number { color: var(--colour-cobalt-600); font-family: var(--font-heading); font-size: clamp(2rem, 4vw, 4rem); font-weight: 700; line-height: .9; letter-spacing: var(--tracking-h2); }
#home-page .home-tournaments { position: relative; isolation: isolate; overflow: hidden; }
#home-page .home-tournaments::after { content: ""; position: absolute; z-index: -1; right: 0; bottom: 0; left: 0; height: 37%; background: var(--colour-cobalt-600); }
#home-page .home-tournaments__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-8) var(--space-4); }
#home-page .home-tournaments__lead { grid-column: 2 / span 6; min-width: 0; max-width: 46rem; }
#home-page .home-tournaments__lead .lede { margin-bottom: 0; }
#home-page .home-tournaments__stages { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-4); min-width: 0; }
#home-page .home-tournaments__stage { min-width: 0; padding: var(--space-5); border-top: 3px solid var(--colour-cobalt-400); background: var(--colour-charcoal-850); }
#home-page .home-tournaments__stage > *:last-child { margin-bottom: 0; }
#home-page .home-tournaments__index { display: block; margin-bottom: var(--space-5); color: var(--colour-cobalt-400); font-family: var(--font-heading); font-size: 2rem; font-weight: 700; line-height: 1; }
#home-page .home-tournaments__stage p { max-width: 29rem; }
#home-page .home-tournaments__numeral { right: 2vw; top: 17%; color: rgb(255 249 239 / 6%); font-size: clamp(8rem, 19vw, 18rem); }
#home-page .home-nights__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-7) var(--space-4); align-items: start; }
#home-page .home-nights__copy { grid-column: 2 / span 5; min-width: 0; max-width: 46rem; }
#home-page .home-nights__media { grid-column: 8 / span 5; width: 100%; min-width: 0; margin: 0; border-right: 4px solid var(--colour-cobalt-600); border-bottom: 4px solid var(--colour-cobalt-600); }
#home-page .home-nights__media img { width: 100%; height: 37rem; object-fit: cover; object-position: 58% 50%; transition: transform var(--transition-image); }
#home-page .home-nights__callouts { grid-column: 2 / span 6; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-5); min-width: 0; }
#home-page .home-nights__callout { min-width: 0; padding-top: var(--space-4); border-top: 1px solid var(--colour-line-light); }
#home-page .home-nights__callout p:not(.meta) { max-width: 28rem; }
#home-page .home-card-room { position: relative; isolation: isolate; overflow: hidden; }
#home-page .home-card-room__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-6) var(--space-4); align-items: start; }
#home-page .home-card-room__lead { grid-column: 2 / span 6; min-width: 0; max-width: 44rem; }
#home-page .home-card-room__lead .lede { margin-bottom: 0; }
#home-page .home-card-room__media { grid-column: 5 / span 8; width: 100%; min-width: 0; margin: 0; }
#home-page .home-card-room__media img { width: 100%; height: 31rem; object-fit: cover; object-position: center; }
#home-page .home-card-room__facts { grid-column: 2 / span 10; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-4); min-width: 0; margin-top: calc(var(--space-8) * -1); z-index: 1; }
#home-page .home-card-room__fact { min-width: 0; padding: var(--space-5); background: var(--colour-ivory-50); color: var(--colour-text); border: 1px solid var(--colour-line-light); }
#home-page .home-card-room__fact p { max-width: 30rem; }
#home-page .home-card-room__fact > *:last-child { margin-bottom: 0; }
#home-page .home-card-room__numeral { right: -1vw; top: 7%; color: rgb(255 249 239 / 11%); font-size: clamp(9rem, 22vw, 20rem); }
#home-page .home-high-roller { position: relative; isolation: isolate; overflow: hidden; }
#home-page .home-high-roller__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-4); align-items: center; }
#home-page .home-high-roller__copy { grid-column: 2 / span 5; min-width: 0; max-width: 40rem; }
#home-page .home-high-roller__actions { align-items: center; }
#home-page .home-high-roller__felt { grid-column: 8 / span 4; min-width: 0; min-height: 18rem; background: var(--colour-cobalt-600); border: 1px solid var(--colour-cobalt-400); }
#home-page .home-high-roller__numeral { right: 4vw; top: -1rem; color: rgb(255 249 239 / 5%); font-size: clamp(8rem, 18vw, 17rem); }
#home-page .home-format__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-7) var(--space-4); }
#home-page .home-format__lead { grid-column: 2 / span 5; min-width: 0; max-width: 48rem; }
#home-page .home-format__lead .lede { margin-bottom: var(--space-5); }
#home-page .home-format__steps { grid-column: 7 / span 5; display: grid; grid-template-columns: 1fr; gap: 0; min-width: 0; margin: 0; padding: 0; list-style: none; }
#home-page .home-format__step { display: grid; grid-template-columns: 3rem minmax(0, 1fr); gap: var(--space-4); min-width: 0; padding-block: var(--space-5); border-top: 1px solid var(--colour-line-light); }
#home-page .home-format__step:last-child { border-bottom: 1px solid var(--colour-line-light); }
#home-page .home-format__marker { display: grid; place-items: center; width: 3rem; height: 3rem; background: var(--colour-cobalt-600); color: var(--colour-ivory-100); font-family: var(--font-heading); font-size: var(--text-small); font-weight: 700; }
#home-page .home-format__step > div { min-width: 0; max-width: 35rem; }
#home-page .home-format__step > div > *:last-child { margin-bottom: 0; }
#home-page .home-restaurant__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-7) var(--space-4); align-items: start; }
#home-page .home-restaurant__media { grid-column: 1 / span 5; grid-row: 1 / span 2; width: 100%; min-width: 0; margin: 0; }
#home-page .home-restaurant__media img { width: 100%; height: 39rem; object-fit: cover; object-position: 50% 55%; }
#home-page .home-restaurant__copy { grid-column: 7 / span 5; min-width: 0; max-width: 44rem; }
#home-page .home-restaurant__list { grid-column: 7 / span 5; display: grid; grid-template-columns: 1fr; min-width: 0; }
#home-page .home-restaurant__list article { min-width: 0; padding-block: var(--space-4); border-top: 1px solid var(--colour-line-light); }
#home-page .home-restaurant__list article:last-child { border-bottom: 1px solid var(--colour-line-light); }
#home-page .home-restaurant__list p { max-width: 30rem; }
#home-page .home-restaurant__list article > *:last-child { margin-bottom: 0; }
#home-page .home-events__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-7) var(--space-4); align-items: start; }
#home-page .home-events__lead { grid-column: 2 / span 5; min-width: 0; max-width: 46rem; }
#home-page .home-events__lead .lede { margin-bottom: 0; }
#home-page .home-events__media { grid-column: 8 / span 5; width: 100%; min-width: 0; margin: 0; }
#home-page .home-events__media img { width: 100%; height: 23rem; object-fit: cover; object-position: 60% 50%; transition: transform var(--transition-image); }
#home-page .home-events__modules { grid-column: 2 / span 10; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-4); min-width: 0; }
#home-page .home-events__modules article { min-width: 0; padding-top: var(--space-4); border-top: 3px solid var(--colour-cobalt-400); }
#home-page .home-events__modules p { max-width: 30rem; }
#home-page .home-events__modules article > *:last-child { margin-bottom: 0; }
#home-page .home-reserve { position: relative; isolation: isolate; overflow: hidden; }
#home-page .home-reserve__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-7) var(--space-4); }
#home-page .home-reserve__copy { grid-column: 2 / span 6; min-width: 0; max-width: 44rem; }
#home-page .home-reserve__button { border-color: var(--colour-charcoal-950); background: var(--colour-charcoal-950); }
#home-page .home-reserve__button:hover { border-color: var(--colour-ivory-100); background: var(--colour-ivory-100); color: var(--colour-charcoal-950); }
#home-page .home-reserve__note { grid-column: 2 / span 5; min-width: 0; max-width: 36rem; padding-top: var(--space-5); border-top: 1px solid rgb(23 25 27 / 42%); }
#home-page .home-reserve__note p:last-child { margin-bottom: 0; }
#home-page .home-reserve__numeral { right: -1vw; bottom: -2vw; color: rgb(255 249 239 / 11%); font-size: clamp(9rem, 23vw, 22rem); }
@media (hover: hover) and (pointer: fine) { #home-page .home-hero:hover .home-hero__image img { transform: scale(1.02) translateX(5px); } #home-page .home-nights__media:hover img, #home-page .home-events__media:hover img { transform: translateY(-6px) scale(1.015); } }
@media (max-width: 64rem) { #home-page .home-card-room__media { grid-column: 1 / -1; } #home-page .home-card-room__facts { margin-top: 0; } }
@media (max-width: 61.25rem) { #home-page .home-hero { min-height: auto; padding-top: var(--space-8); } #home-page .home-hero__image::after { background: linear-gradient(90deg, rgb(23 25 27 / 91%) 0%, rgb(23 25 27 / 65%) 58%, rgb(23 25 27 / 26%) 100%); } #home-page .home-hero__copy { grid-column: 1 / span 7; } }
@media (max-width: 60rem) { #home-page .home-nights__grid, #home-page .home-restaurant__grid { grid-template-columns: repeat(8, minmax(0, 1fr)); } #home-page .home-nights__copy { grid-column: 1 / span 4; } #home-page .home-nights__media { grid-column: 5 / span 4; } #home-page .home-nights__callouts { grid-column: 1 / span 6; } #home-page .home-restaurant__media { grid-column: 1 / span 4; } #home-page .home-restaurant__copy, #home-page .home-restaurant__list { grid-column: 5 / span 4; } }
@media (max-width: 57.5rem) { #home-page .home-tournaments__stages { grid-template-columns: repeat(2, minmax(0, 1fr)); } #home-page .home-tournaments__stage:nth-child(3) { grid-column: 1 / -1; } }
@media (max-width: 56.25rem) { #home-page .home-room-intro__grid, #home-page .home-format__grid { grid-template-columns: repeat(8, minmax(0, 1fr)); } #home-page .home-room-intro__lead { grid-column: 1 / span 6; } #home-page .home-room-intro__statements { grid-column: 1 / -1; grid-template-columns: repeat(8, minmax(0, 1fr)); } #home-page .home-room-intro__statement:nth-child(n) { grid-column: 1 / span 7; } #home-page .home-format__lead { grid-column: 1 / -1; } #home-page .home-format__steps { grid-column: 2 / span 6; } }
@media (max-width: 56.25rem) { #home-page .home-events__grid { grid-template-columns: repeat(8, minmax(0, 1fr)); } #home-page .home-events__lead { grid-column: 1 / span 5; } #home-page .home-events__media { grid-column: 6 / span 3; } #home-page .home-events__modules { grid-column: 1 / -1; grid-template-columns: repeat(2, minmax(0, 1fr)); } #home-page .home-events__modules article:last-child { grid-column: 1 / -1; } }
@media (max-width: 55rem) { #home-page .home-card-room__grid, #home-page .home-high-roller__grid, #home-page .home-reserve__grid { grid-template-columns: repeat(8, minmax(0, 1fr)); } #home-page .home-card-room__lead { grid-column: 1 / span 6; } #home-page .home-card-room__facts { grid-column: 1 / -1; } #home-page .home-high-roller__copy { grid-column: 1 / span 5; } #home-page .home-high-roller__felt { grid-column: 6 / span 3; } #home-page .home-reserve__copy { grid-column: 1 / span 6; } #home-page .home-reserve__note { grid-column: 1 / span 5; } }
@media (max-width: 51.25rem) { #home-page .home-high-roller__grid { grid-template-columns: 1fr; gap: var(--space-6); } #home-page .home-high-roller__copy, #home-page .home-high-roller__felt { grid-column: 1; } #home-page .home-high-roller__felt { min-height: 9rem; } }
@media (max-width: 45rem) { #home-page .home-nights__grid, #home-page .home-restaurant__grid { grid-template-columns: 1fr; gap: var(--space-6); } #home-page .home-nights__copy, #home-page .home-nights__media, #home-page .home-nights__callouts, #home-page .home-restaurant__copy, #home-page .home-restaurant__media, #home-page .home-restaurant__list { grid-column: 1; } #home-page .home-nights__media { order: 2; } #home-page .home-nights__callouts { order: 3; grid-template-columns: 1fr; } #home-page .home-nights__media img, #home-page .home-restaurant__media img { height: auto; aspect-ratio: 4 / 3; } #home-page .home-restaurant__copy { order: 1; } #home-page .home-restaurant__media { order: 2; } #home-page .home-restaurant__list { order: 3; } }
@media (max-width: 43.75rem) { #home-page .home-tournaments__stages, #home-page .home-card-room__facts, #home-page .home-events__modules { grid-template-columns: 1fr; } #home-page .home-tournaments__stage:nth-child(3), #home-page .home-events__modules article:last-child { grid-column: 1; } #home-page .home-card-room__media img { height: auto; aspect-ratio: 4 / 3; } }
@media (max-width: 40rem) { #home-page .home-hero { display: flex; flex-direction: column; align-items: stretch; padding-top: 0; } #home-page .home-hero__image { position: relative; inset: auto; order: 2; height: auto; } #home-page .home-hero__image::after { display: none; } #home-page .home-hero__image img { height: auto; aspect-ratio: 4 / 3; object-position: 65% 60%; } #home-page .home-hero__grid { width: 100%; display: block; order: 1; padding-block: var(--space-8); } #home-page .home-hero__copy { max-width: none; } #home-page .home-hero__actions { display: grid; grid-template-columns: 1fr; gap: var(--space-3); } #home-page .home-hero__actions > * { width: 100%; min-width: 0; } #home-page .home-hero__numeral { font-size: 38vw; right: 1vw; top: 5rem; bottom: auto; } #home-page .home-room-intro__grid, #home-page .home-format__grid, #home-page .home-card-room__grid, #home-page .home-reserve__grid, #home-page .home-events__grid { grid-template-columns: 1fr; gap: var(--space-6); } #home-page .home-room-intro__lead, #home-page .home-room-intro__statements, #home-page .home-format__lead, #home-page .home-format__steps, #home-page .home-card-room__lead, #home-page .home-card-room__media, #home-page .home-card-room__facts, #home-page .home-reserve__copy, #home-page .home-reserve__note, #home-page .home-events__lead, #home-page .home-events__media, #home-page .home-events__modules { grid-column: 1; } #home-page .home-room-intro__statements { grid-template-columns: 1fr; gap: var(--space-6); } #home-page .home-room-intro__statement:nth-child(n) { grid-column: 1; grid-template-columns: 1fr; gap: var(--space-3); } #home-page .home-format__step { grid-template-columns: 2.75rem minmax(0, 1fr); } #home-page .home-format__marker { width: 2.75rem; height: 2.75rem; } #home-page .home-events__media img { height: auto; aspect-ratio: 4 / 3; } #home-page .home-reserve__button { width: 100%; min-height: 3.25rem; } #home-page .home-tournaments__numeral, #home-page .home-card-room__numeral, #home-page .home-high-roller__numeral, #home-page .home-reserve__numeral { font-size: 30vw; } }