.casinos-page {
  overflow: hidden;
}

.casinos-page .section {
  position: relative;
}

.casinos-hero__grid,
.casinos-balance__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-6);
}

.casinos-hero__copy,
.casinos-hero__media,
.casinos-operations__intro,
.casinos-games__intro,
.casinos-etiquette__intro,
.casinos-funding__intro,
.casinos-safety__heading,
.casinos-balance__intro,
.casinos-timeline,
.casinos-route-statement,
.casinos-faq__column,
.casinos-closing__content {
  min-width: 0;
}

.casinos-hero__copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
}

.casinos-hero__copy > * {
  margin: 0;
}

.casinos-hero__copy .display-title {
  max-width: 28ch;
}

.casinos-hero__copy > .lead {
  max-width: 62ch;
}

.casinos-hero__context {
  max-width: 54ch;
  padding: var(--space-4) var(--space-5);
  border-inline-start: 3px solid var(--color-pacific-teal);
  background: var(--color-pearl-grey);
}

.casinos-hero__context::before,
.casinos-operations__intro::after {
  display: block;
  width: 4rem;
  height: 1px;
  margin-bottom: var(--space-3);
  background: var(--color-pacific-teal);
  content: "";
}

.casinos-hero__context p:last-child {
  margin-bottom: 0;
}

.casinos-hero__actions {
  width: 100%;
}

.casinos-hero__media {
  width: 100%;
  max-width: 100%;
  margin: 0;
}

.casinos-hero__media img {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  object-position: 70% center;
}

.casinos-operations__intro {
  max-width: 64ch;
  margin-bottom: var(--space-6);
}

.casinos-operations__intro::after {
  margin-top: var(--space-5);
  margin-bottom: 0;
}

.casinos-operations__cards,
.casinos-games__grid,
.casinos-etiquette__cards,
.casinos-funding__cards,
.casinos-principles {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-4);
}

.casinos-operations__cards > *,
.casinos-games__grid > *,
.casinos-etiquette__cards > *,
.casinos-funding__cards > *,
.casinos-principles > * {
  width: 100%;
  min-width: 0;
}

.casinos-info-card,
.casinos-game-card,
.casinos-etiquette-card,
.casinos-step-card,
.casinos-principle {
  height: 100%;
}

.casinos-info-card .card__body,
.casinos-game-card .card__body {
  gap: var(--space-3);
}

.casinos-info-card .card__body > *,
.casinos-game-card .card__body > * {
  margin: 0;
}

.casinos-takeaway {
  margin-top: var(--space-5);
}

.casinos-games__intro {
  max-width: 60ch;
  margin-bottom: var(--space-6);
}

.casinos-games__intro .meta {
  margin-bottom: 0;
}

.casinos-game-card {
  transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
}

.casinos-game-card:hover,
.casinos-game-card:focus-within {
  border-top: var(--border-active);
  box-shadow: var(--shadow-subtle);
}

.casinos-game-card__title {
  display: flex;
  width: 100%;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2);
}

.casinos-game-card__title .eyebrow {
  min-width: 0;
}

.casinos-availability-note {
  max-width: 68ch;
  margin-top: var(--space-5);
  padding: var(--space-4);
  border: var(--border-standard);
  border-radius: var(--radius-card);
  color: var(--color-ocean-slate);
}

.casinos-etiquette > .container > h2 {
  margin-bottom: var(--space-6);
}

.casinos-etiquette__feature {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-6);
  margin-bottom: var(--space-6);
}

.casinos-etiquette__media {
  width: 100%;
  max-width: 100%;
  margin: 0;
}

.casinos-etiquette__media img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  object-position: center;
}

.casinos-etiquette__intro {
  align-self: center;
  max-width: 56ch;
}

.casinos-etiquette__intro h3 {
  margin-bottom: var(--space-4);
}

.casinos-etiquette-card {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

.casinos-etiquette-card > * {
  margin: 0;
}

.casinos-etiquette-card::before,
.casinos-principle::before {
  display: block;
  width: 3rem;
  height: 2px;
  background: var(--color-pacific-teal);
  content: "";
}

.casinos-checklist {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-3);
  margin-top: var(--space-5);
  padding: var(--space-4);
  background: var(--color-pearl-grey-strong);
}

.casinos-checklist > * {
  min-width: 0;
}

.casinos-funding__intro {
  max-width: 62ch;
  margin-bottom: var(--space-6);
  padding-left: var(--space-4);
  border-inline-start: 1px solid var(--color-ocean-slate);
}

.casinos-step-card {
  position: relative;
  display: flex;
  min-height: 100%;
  flex-direction: column;
  gap: var(--space-3);
  padding-top: var(--space-7);
}

.casinos-step-card > * {
  margin: 0;
}

.casinos-step-card__number {
  position: absolute;
  top: var(--space-4);
  left: var(--space-4);
  display: inline-flex;
  width: 2rem;
  height: 2rem;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--color-pacific-teal);
  border-radius: var(--radius-control);
  color: var(--color-pacific-teal);
  font-family: var(--font-heading);
  font-weight: var(--weight-heading);
  font-variant-numeric: tabular-nums;
}

.casinos-step-card__note {
  margin-top: auto !important;
  padding: var(--space-3);
  background: var(--color-seafoam);
  color: var(--color-ocean-slate);
}

.casinos-money-check {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-3);
  margin-top: var(--space-5);
}

.casinos-money-check > * {
  margin: 0;
}

.casinos-safety__heading {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  margin-bottom: var(--space-5);
}

.casinos-safety__heading h2 {
  margin: 0;
}

.casinos-age-notice {
  max-width: 62ch;
  margin-bottom: var(--space-5);
}

.casinos-age-notice h3 {
  color: #9a3412;
}

.casinos-principle {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

.casinos-principle > * {
  margin: 0;
}

.casinos-principle--caution h3 {
  color: #9a3412;
}

.casinos-principle--caution::before {
  background: var(--color-maritime-coral-amber);
}

.casinos-assistance {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-4);
  margin-top: var(--space-5);
  padding: var(--space-6);
  border-radius: var(--radius-feature);
}

.casinos-assistance > * {
  margin: 0;
}

.casinos-assistance p {
  max-width: 62ch;
}

.casinos-assistance__next {
  max-width: 62ch;
  padding: var(--space-4);
  background: var(--color-seafoam);
  color: var(--color-deep-ocean-slate);
}

.casinos-direct-reminder {
  margin-top: var(--space-4);
  padding: var(--space-4);
  border-inline-start: 3px solid var(--color-maritime-coral-amber);
  background: var(--color-coral-tint);
  color: var(--color-ocean-slate);
  font-family: var(--font-heading);
  font-weight: var(--weight-heading);
}

.casinos-balance__intro {
  max-width: 60ch;
}

.casinos-timeline {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-5);
  padding-left: var(--space-5);
  border-inline-start: 1px solid var(--color-pacific-teal);
}

.casinos-timeline > article {
  min-width: 0;
}

.casinos-timeline > article > *:last-child {
  margin-bottom: 0;
}

.casinos-timeline .eyebrow {
  display: flex;
  align-items: center;
  gap: var(--space-2);
}

.casinos-route-statement {
  max-width: 60ch;
  padding-top: var(--space-5);
  border-bottom: 2px solid var(--color-pacific-teal);
  padding-bottom: var(--space-2);
  font-family: var(--font-heading);
  font-size: 1.125rem;
  font-weight: var(--weight-heading);
  line-height: 1.45;
}

.casinos-faq__column {
  width: 100%;
  max-width: 68ch;
  margin-inline: auto;
}

.casinos-faq__intro {
  margin-bottom: var(--space-5);
}

.casinos-faq__list {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-2);
}

.casinos-faq-item {
  min-width: 0;
  border: var(--border-standard);
  border-radius: var(--radius-card);
  background: var(--color-white);
}

.casinos-faq__button {
  display: flex;
  width: 100%;
  min-height: 2.75rem;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  padding: var(--space-4);
  color: var(--color-deep-ocean-slate);
  font-family: var(--font-heading);
  font-weight: var(--weight-heading);
  line-height: 1.35;
  text-align: left;
}

.casinos-faq__button > span:first-child {
  min-width: 0;
}

.casinos-faq__state {
  flex: 0 0 auto;
  color: var(--color-pacific-teal);
  font-family: var(--font-body);
  font-size: var(--text-meta);
  font-weight: var(--weight-medium);
  white-space: nowrap;
}

.casinos-faq-item:has(.casinos-faq__button[aria-expanded="true"]) {
  border-color: var(--color-pacific-teal);
}

.casinos-faq__answer {
  max-width: 68ch;
  padding: 0 var(--space-4) var(--space-4);
}

.casinos-faq__answer > *:last-child {
  margin-bottom: 0;
}

.casinos-faq__inset {
  padding: var(--space-3);
  background: var(--color-seafoam);
}

.casinos-faq__safety {
  max-width: 60ch;
  margin-top: var(--space-5);
}

.casinos-closing__content {
  display: flex;
  max-width: 60ch;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
}

.casinos-closing__content > * {
  margin: 0;
}

.casinos-closing__actions {
  width: 100%;
}

.casinos-closing__note {
  max-width: 64ch;
  color: var(--color-ocean-slate);
  font-size: var(--text-label);
  line-height: var(--leading-label);
}

@media (min-width: 48rem) {
  .casinos-checklist {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) repeat(4, minmax(0, 1fr));
    align-items: center;
  }

  .casinos-money-check {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) repeat(3, minmax(0, 1fr));
    align-items: start;
  }

  .casinos-money-check p {
    grid-column: 1 / -1;
  }
}

@media (min-width: 51.25rem) {
  .casinos-games__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 56.25rem) {
  .casinos-operations__cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 60rem) {
  .casinos-hero__grid {
    grid-template-columns: minmax(0, 6fr) minmax(0, 5fr);
    column-gap: calc(var(--space-6) + var(--space-4));
    align-items: center;
  }

  .casinos-etiquette__feature {
    grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
    column-gap: calc(var(--space-6) + var(--space-4));
    align-items: center;
  }

  .casinos-balance__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: var(--space-8);
    align-items: start;
  }

  .casinos-route-statement {
    grid-column: 1 / span 2;
  }
}

@media (min-width: 64rem) {
  .casinos-operations__cards,
  .casinos-etiquette__cards,
  .casinos-funding__cards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .casinos-principles {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 70rem) {
  .casinos-games__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .casinos-closing__content {
    margin-inline: auto;
    align-items: center;
    text-align: center;
  }

  .casinos-closing__actions {
    display: flex;
    justify-content: center;
  }
}

@media (max-width: 53.74rem) {
  .casinos-principles {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 47.99rem) {
  .casinos-hero__copy .display-title {
    font-size: clamp(2.9rem, 12vw, 3.5rem);
  }

  .casinos-hero__actions .button,
  .casinos-closing__actions .button {
    width: min(100%, 22.5rem);
  }

  .casinos-checklist,
  .casinos-money-check {
    padding: var(--space-4);
  }

  .casinos-assistance {
    padding: var(--space-5);
  }

  .casinos-faq__button {
    align-items: flex-start;
  }

  .casinos-faq__state {
    padding-top: 0.1rem;
  }
}