#high-roller-page {
  overflow: clip;
}

#high-roller-page .hr-shell {
  width: min(100% - (var(--container-gutter) * 2), var(--container-max));
  margin-inline: auto;
}

#high-roller-page .hr-hero {
  position: relative;
  isolation: isolate;
  min-height: 47.5rem;
  display: grid;
  align-items: center;
  overflow: hidden;
}

#high-roller-page .hr-hero__media,
#high-roller-page .hr-hero__shade {
  position: absolute;
  inset: 0;
}

#high-roller-page .hr-hero__media {
  z-index: -3;
}

#high-roller-page .hr-hero__media img {
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: 70% center;
}

#high-roller-page .hr-hero__shade {
  z-index: -2;
  background: linear-gradient(90deg, rgb(23 25 27 / 98%) 0%, rgb(23 25 27 / 90%) 35%, rgb(23 25 27 / 48%) 56%, rgb(23 25 27 / 8%) 78%);
}

#high-roller-page .hr-hero__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--space-4);
  width: 100%;
}

#high-roller-page .hr-hero__copy {
  grid-column: 2 / span 5;
  min-width: 0;
  max-width: 42rem;
  padding-block: var(--space-9);
  padding-left: var(--space-5);
  border-left: 4px solid var(--colour-cobalt-600);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-5);
}

#high-roller-page .hr-hero__copy > * {
  min-width: 0;
  margin: 0;
}

#high-roller-page .hr-hero__copy h1 {
  font-size: clamp(3.75rem, 6.5vw, 6.5rem);
}

#high-roller-page .hr-hero__detail {
  max-width: 39rem;
  color: var(--colour-ivory-200);
}

#high-roller-page .hr-hero__actions {
  width: 100%;
}

#high-roller-page .hr-hero__actions > * {
  min-width: 10.5rem;
}

#high-roller-page .hr-hero__actions .button--outline:hover {
  border-color: var(--colour-ivory-100);
  background: var(--colour-ivory-100);
  color: var(--colour-charcoal-950);
}

#high-roller-page .hr-qualifiers {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-3);
  padding: 0;
  margin: 0;
  list-style: none;
}

#high-roller-page .hr-qualifiers > li {
  min-width: 0;
  padding-top: var(--space-3);
  border-top: 1px solid var(--colour-line-dark);
  color: var(--colour-ivory-200);
  font-family: var(--font-heading);
  font-size: var(--text-small);
  font-weight: 600;
  line-height: var(--leading-small);
  letter-spacing: var(--tracking-meta);
  text-transform: uppercase;
}

#high-roller-page .hr-hero__letter {
  position: absolute;
  z-index: -1;
  right: -0.08em;
  bottom: -0.17em;
  color: var(--colour-ivory-100);
  font-family: var(--font-heading);
  font-size: clamp(16rem, 34vw, 34rem);
  font-weight: 700;
  line-height: 0.8;
  opacity: 0.06;
  pointer-events: none;
  user-select: none;
}

#high-roller-page .hr-difference__heading,
#high-roller-page .hr-standard__heading,
#high-roller-page .hr-suits__heading,
#high-roller-page .hr-explore__heading {
  width: min(100%, 56rem);
  min-width: 0;
}

#high-roller-page .hr-difference__heading .lede,
#high-roller-page .hr-standard__heading .lede,
#high-roller-page .hr-suits__heading .lede,
#high-roller-page .hr-explore__heading .lede {
  max-width: 52rem;
}

#high-roller-page .hr-difference__rule {
  width: 100%;
  height: 1px;
  margin-block: var(--space-7);
  background: var(--colour-line-light);
}

#high-roller-page .hr-difference__features {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--space-4);
  row-gap: var(--space-7);
}

#high-roller-page .hr-feature {
  position: relative;
  min-width: 0;
  padding-top: var(--space-5);
  border-top: 1px solid var(--colour-line-light);
}

#high-roller-page .hr-feature--room { grid-column: 1 / span 4; }
#high-roller-page .hr-feature--limited { grid-column: 5 / span 4; border-top-color: var(--colour-cobalt-600); }
#high-roller-page .hr-feature--hospitality { grid-column: 10 / span 3; }

#high-roller-page .hr-feature p {
  max-width: 30rem;
}

#high-roller-page .hr-feature__mark {
  position: absolute;
  top: -0.4em;
  right: 0;
  color: var(--colour-charcoal-950);
  font-family: var(--font-heading);
  font-size: clamp(5rem, 9vw, 8rem);
  font-weight: 700;
  line-height: 0.8;
  opacity: 0.07;
  pointer-events: none;
  user-select: none;
}

#high-roller-page .hr-night__layout {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--space-4);
  row-gap: var(--space-7);
}

#high-roller-page .hr-night__heading {
  grid-column: 1 / span 6;
  min-width: 0;
}

#high-roller-page .hr-night__heading .lede {
  max-width: 46rem;
}

#high-roller-page .hr-night__image {
  grid-column: 8 / span 4;
  grid-row: 1 / span 2;
  min-width: 0;
  margin: 0;
  padding-left: var(--space-2);
  border-left: 4px solid var(--colour-cobalt-600);
}

#high-roller-page .hr-night__image img {
  width: 100%;
  height: 100%;
  min-height: 39rem;
  max-width: none;
  object-fit: cover;
  object-position: center;
}

#high-roller-page .hr-night__image figcaption,
#high-roller-page .hr-dining__image figcaption {
  color: var(--colour-ivory-200);
}

#high-roller-page .hr-steps {
  grid-column: 1 / span 6;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-4);
  min-width: 0;
}

#high-roller-page .hr-step {
  min-width: 0;
  padding: var(--space-5);
  border-top: 1px solid var(--colour-line-dark);
}

#high-roller-page .hr-step > :last-child,
#high-roller-page .hr-track > :last-child,
#high-roller-page .hr-principle > :last-child,
#high-roller-page .hr-fit > :last-child,
#high-roller-page .hr-route > :last-child,
#high-roller-page .hr-dining__item > :last-child {
  margin-bottom: 0;
}

#high-roller-page .hr-step__number,
#high-roller-page .hr-dining__number {
  margin-bottom: var(--space-4);
  color: var(--colour-cobalt-400);
  font-family: var(--font-heading);
  font-size: var(--text-h4);
  font-weight: 700;
  letter-spacing: var(--tracking-h4);
}

#high-roller-page .hr-step p:not(.hr-step__number) {
  max-width: 32rem;
}

#high-roller-page .hr-step--dark {
  border: 1px solid var(--colour-line-dark);
  background: var(--colour-charcoal-850);
}

#high-roller-page .hr-standard__grid,
#high-roller-page .hr-suits__grid,
#high-roller-page .hr-guidance__panels {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-4);
  min-width: 0;
  margin-top: var(--space-7);
}

#high-roller-page .hr-principle,
#high-roller-page .hr-fit {
  position: relative;
  min-width: 0;
  padding: var(--space-5);
  border: 1px solid var(--colour-line-light);
}

#high-roller-page .hr-principle p,
#high-roller-page .hr-fit p {
  max-width: 34rem;
}

#high-roller-page .hr-principle .meta {
  margin-bottom: var(--space-3);
  color: var(--colour-brick-600);
}

#high-roller-page .hr-principle--dress {
  overflow: hidden;
}

#high-roller-page .hr-principle--dress > span {
  position: absolute;
  right: -0.08em;
  bottom: -0.22em;
  color: var(--colour-charcoal-950);
  font-family: var(--font-heading);
  font-size: clamp(7rem, 15vw, 12rem);
  font-weight: 700;
  line-height: 0.8;
  opacity: 0.06;
  pointer-events: none;
}

#high-roller-page .hr-formats {
  border-top: 1px solid rgb(255 249 239 / 35%);
}

#high-roller-page .hr-formats .eyebrow { color: var(--colour-ivory-100); }

#high-roller-page .hr-formats__heading {
  width: min(100%, 42rem);
  min-width: 0;
}

#high-roller-page .hr-formats__tracks {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-4);
  min-width: 0;
  margin-top: var(--space-7);
}

#high-roller-page .hr-track {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  min-width: 0;
  padding-top: var(--space-5);
  border-top: 1px solid rgb(255 249 239 / 58%);
}

#high-roller-page .hr-track > * {
  min-width: 0;
  margin: 0;
}

#high-roller-page .hr-track p { max-width: 30rem; }
#high-roller-page .hr-track .button { margin-top: auto; }

#high-roller-page .hr-formats .button--outline:hover {
  border-color: var(--colour-ivory-100);
  background: var(--colour-ivory-100);
  color: var(--colour-charcoal-950);
}

#high-roller-page .hr-dining__layout {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--space-4);
  align-items: stretch;
}

#high-roller-page .hr-dining__copy {
  grid-column: 1 / span 5;
  min-width: 0;
}

#high-roller-page .hr-dining__copy .lede { max-width: 46rem; }

#high-roller-page .hr-dining__item {
  min-width: 0;
  padding-block: var(--space-5);
  border-top: 1px solid var(--colour-line-light);
}

#high-roller-page .hr-dining__item p:not(.hr-dining__number) { max-width: 32rem; }

#high-roller-page .hr-dining__image {
  grid-column: 7 / span 6;
  min-width: 0;
  margin: 0;
}

#high-roller-page .hr-dining__image img {
  width: 100%;
  height: 100%;
  min-height: 45rem;
  max-width: none;
  object-fit: cover;
  object-position: center;
}

#high-roller-page .hr-dining__image figcaption { color: var(--colour-text-muted); }

#high-roller-page .hr-fit {
  border-color: var(--colour-line-dark);
  background: var(--colour-charcoal-850);
}

#high-roller-page .hr-fit:nth-child(2) { border-left: 4px solid var(--colour-cobalt-600); }
#high-roller-page .hr-fit:nth-child(3) { border-top-color: var(--colour-ivory-200); }
#high-roller-page .hr-fit--private .meta { color: var(--colour-ivory-200); }

#high-roller-page .hr-guidance__heading {
  width: min(100%, 50rem);
  min-width: 0;
}

#high-roller-page .hr-guidance__panels { grid-template-columns: repeat(2, minmax(0, 1fr)); }

#high-roller-page .hr-guidance__age,
#high-roller-page .hr-guidance__responsible {
  min-width: 0;
  padding: var(--space-5);
}

#high-roller-page .hr-guidance__age {
  background: var(--colour-brick-600);
  color: var(--colour-ivory-100);
}

#high-roller-page .hr-guidance__responsible {
  border: 1px solid var(--colour-line-light);
  border-top: 4px solid var(--colour-cobalt-600);
  background: var(--colour-ivory-50);
}

#high-roller-page .hr-guidance__age p,
#high-roller-page .hr-guidance__responsible p { max-width: 34rem; }

#high-roller-page .hr-guidance__acknowledgement {
  width: min(100%, 42rem);
  min-width: 0;
  margin: var(--space-6) 0 0;
  padding-top: var(--space-5);
  border-top: 1px solid var(--colour-line-light);
}

#high-roller-page .hr-enquiry__heading {
  width: min(100%, 42rem);
  min-width: 0;
}

#high-roller-page .hr-enquiry__form {
  width: min(100%, 66rem);
  min-width: 0;
  margin-top: var(--space-7);
  padding: var(--space-6);
  border: 1px solid var(--colour-line-dark);
  background: var(--colour-charcoal-850);
}

#high-roller-page .hr-enquiry__required {
  margin-bottom: var(--space-5);
  color: var(--colour-ivory-200);
  font-size: var(--text-small);
  letter-spacing: 0.04em;
}

#high-roller-page .hr-enquiry__required span,
#high-roller-page .hr-enquiry label span[aria-hidden="true"] { color: var(--colour-cobalt-400); }

#high-roller-page .hr-form__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-4);
  min-width: 0;
}

#high-roller-page .hr-form__field {
  min-width: 0;
  margin: 0;
}

#high-roller-page .hr-form__field--full { grid-column: 1 / -1; }

#high-roller-page .hr-enquiry input,
#high-roller-page .hr-enquiry select,
#high-roller-page .hr-enquiry textarea {
  border-color: var(--colour-line-dark);
  background: var(--colour-ivory-100);
}

#high-roller-page .hr-enquiry input:focus-visible,
#high-roller-page .hr-enquiry select:focus-visible,
#high-roller-page .hr-enquiry textarea:focus-visible {
  outline-color: var(--colour-cobalt-400);
  outline-offset: 3px;
}

#high-roller-page .hr-enquiry input[aria-invalid="true"],
#high-roller-page .hr-enquiry select[aria-invalid="true"] {
  border: 2px solid var(--colour-brick-600);
}

#high-roller-page .hr-enquiry .field-error:not(:empty) {
  margin-top: var(--space-1);
  color: #f1a796;
}

#high-roller-page .hr-form__submit {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  min-width: 0;
  margin-top: var(--space-5);
  padding-top: var(--space-5);
  border-top: 1px solid var(--colour-line-dark);
}

#high-roller-page .hr-form__submit > * { min-width: 0; margin: 0; }

#high-roller-page .hr-checkbox {
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
  max-width: 45rem;
  min-height: 2.75rem;
  color: var(--colour-ivory-100);
  cursor: pointer;
}

#high-roller-page .hr-checkbox input {
  width: 1.25rem;
  min-width: 1.25rem;
  height: 1.25rem;
  margin-top: 0.18rem;
  accent-color: var(--colour-cobalt-400);
}

#high-roller-page .hr-form__note {
  max-width: 40rem;
  color: var(--colour-ivory-200);
}

#high-roller-page .hr-form__status {
  width: 100%;
  max-width: 40rem;
  color: var(--colour-ivory-100);
  font-weight: 600;
}

#high-roller-page .hr-form__status.is-error { color: #f1a796; }
#high-roller-page .hr-form__status.is-success { color: var(--colour-cobalt-400); }

#high-roller-page .hr-explore__routes {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-4);
  min-width: 0;
  margin-top: var(--space-7);
}

#high-roller-page .hr-route {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  min-width: 0;
  padding-top: var(--space-5);
  border-top: 1px solid var(--colour-line-light);
}

#high-roller-page .hr-route > * { min-width: 0; margin: 0; }
#high-roller-page .hr-route p { max-width: 28rem; }
#high-roller-page .hr-route a { font-family: var(--font-heading); font-weight: 600; }
#high-roller-page .hr-route--room > span {
  position: absolute;
  top: -0.4em;
  right: 0;
  color: var(--colour-charcoal-950);
  font-family: var(--font-heading);
  font-size: 7rem;
  font-weight: 700;
  line-height: 0.8;
  opacity: 0.06;
  pointer-events: none;
}

#high-roller-page .hr-route--tournament > span {
  width: 2.5rem;
  height: 2.5rem;
  background: var(--colour-cobalt-600);
}

#high-roller-page .hr-explore__action { margin-top: var(--space-7); }

#high-roller-page a:not(.button) {
  text-decoration-thickness: 1px;
  text-underline-offset: 0.22em;
}

#high-roller-page a:not(.button):hover {
  color: var(--colour-action);
  text-decoration-thickness: 2px;
}

@media (max-width: 68.75rem) {
  #high-roller-page .hr-hero { min-height: auto; }
  #high-roller-page .hr-hero__grid { grid-template-columns: repeat(8, minmax(0, 1fr)); }
  #high-roller-page .hr-hero__copy { grid-column: 1 / span 5; }
  #high-roller-page .hr-difference__features { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #high-roller-page .hr-feature--room,
  #high-roller-page .hr-feature--limited { grid-column: auto; }
  #high-roller-page .hr-feature--hospitality { grid-column: 1 / -1; }
  #high-roller-page .hr-night__layout { grid-template-columns: repeat(8, minmax(0, 1fr)); }
  #high-roller-page .hr-night__heading { grid-column: 1 / -1; }
  #high-roller-page .hr-night__image { grid-column: 1 / -1; grid-row: auto; }
  #high-roller-page .hr-night__image img { min-height: 28rem; max-height: 38rem; }
  #high-roller-page .hr-steps { grid-column: 1 / -1; }
  #high-roller-page .hr-dining__layout { grid-template-columns: repeat(8, minmax(0, 1fr)); row-gap: var(--space-7); }
  #high-roller-page .hr-dining__copy { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--space-4); }
  #high-roller-page .hr-dining__copy > .eyebrow,
  #high-roller-page .hr-dining__copy > h2,
  #high-roller-page .hr-dining__copy > .lede { grid-column: 1 / -1; }
  #high-roller-page .hr-dining__item:nth-of-type(3) { grid-column: 1 / -1; }
  #high-roller-page .hr-dining__image { grid-column: 1 / -1; grid-row: 2; }
  #high-roller-page .hr-dining__image img { min-height: 30rem; max-height: 38rem; }
}

@media (max-width: 60rem) {
  #high-roller-page .hr-hero__copy { grid-column: 1 / span 5; }
  #high-roller-page .hr-formats__tracks,
  #high-roller-page .hr-explore__routes { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #high-roller-page .hr-formats__tracks > :last-child,
  #high-roller-page .hr-explore__routes > :last-child { grid-column: 1 / -1; }
}

@media (max-width: 47.5rem) {
  #high-roller-page .hr-hero { display: flex; flex-direction: column; align-items: stretch; }
  #high-roller-page .hr-hero__media,
  #high-roller-page .hr-hero__shade { position: relative; inset: auto; }
  #high-roller-page .hr-hero__media { order: 2; width: 100%; height: auto; }
  #high-roller-page .hr-hero__media img { width: 100%; height: auto; aspect-ratio: 4 / 5; object-position: 65% center; }
  #high-roller-page .hr-hero__shade { display: none; }
  #high-roller-page .hr-hero__grid { order: 1; background: var(--colour-charcoal-950); }
  #high-roller-page .hr-hero__copy { grid-column: 1 / -1; padding-block: var(--space-8); }
  #high-roller-page .hr-hero__letter { font-size: 38vw; bottom: 0.28em; opacity: 0.05; }
  #high-roller-page .hr-standard__grid,
  #high-roller-page .hr-suits__grid,
  #high-roller-page .hr-guidance__panels,
  #high-roller-page .hr-form__grid { grid-template-columns: 1fr; }
  #high-roller-page .hr-formats__tracks,
  #high-roller-page .hr-explore__routes { grid-template-columns: 1fr; }
  #high-roller-page .hr-formats__tracks > :last-child,
  #high-roller-page .hr-explore__routes > :last-child { grid-column: auto; }
  #high-roller-page .hr-enquiry__form { padding: var(--space-5); }
}

@media (max-width: 43.75rem) {
  #high-roller-page .hr-difference__features,
  #high-roller-page .hr-steps { grid-template-columns: 1fr; }
  #high-roller-page .hr-dining__copy { grid-template-columns: 1fr; }
  #high-roller-page .hr-dining__item:nth-of-type(3) { grid-column: auto; }
  #high-roller-page .hr-dining__image { grid-row: auto; }
}

@media (max-width: 39.9375rem) {
  #high-roller-page .hr-hero__copy { padding-left: var(--space-4); border-left-width: 3px; }
  #high-roller-page .hr-hero__copy h1 { font-size: clamp(3rem, 13vw, 4rem); }
  #high-roller-page .hr-hero__actions { flex-direction: column; align-items: stretch; }
  #high-roller-page .hr-hero__actions > * { width: 100%; min-width: 0; }
  #high-roller-page .hr-qualifiers { grid-template-columns: 1fr; gap: var(--space-2); }
  #high-roller-page .hr-qualifiers > li { padding-top: var(--space-2); }
  #high-roller-page .hr-night__image img { min-height: 0; aspect-ratio: 3 / 4; }
  #high-roller-page .hr-dining__image img { min-height: 0; aspect-ratio: 4 / 3; }
  #high-roller-page .hr-step,
  #high-roller-page .hr-principle,
  #high-roller-page .hr-fit,
  #high-roller-page .hr-guidance__age,
  #high-roller-page .hr-guidance__responsible { padding: var(--space-5); }
  #high-roller-page .hr-formats .button { width: 100%; }
  #high-roller-page .hr-enquiry__form { padding: var(--space-4); }
  #high-roller-page .hr-enquiry .button { width: 100%; }
  #high-roller-page .hr-explore__action { width: 100%; }
}

@media (prefers-reduced-motion: no-preference) {
  #high-roller-page .hr-night__image img,
  #high-roller-page .hr-dining__image img { transition: transform var(--transition-image); }
  #high-roller-page .hr-night__image:hover img,
  #high-roller-page .hr-dining__image:hover img { transform: scale(1.015) translateX(-4px); }
}
