.card-lounge-page {
  background: var(--color-desert-sand);
}

.card-lounge-page .cl-hero {
  position: relative;
  overflow: hidden;
  padding-block: var(--section-space-cinematic) var(--space-8);
  background: var(--color-desert-sand);
}

.cl-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  gap: var(--gutter);
  align-items: center;
}

.cl-hero__grid > * { min-width: 0; }

.cl-hero__copy {
  position: relative;
  z-index: 1;
  width: min(100%, 38.75rem);
}

.cl-hero__copy .lead { margin-bottom: var(--space-6); }

.cl-hero__plane {
  min-height: 25rem;
  background: linear-gradient(135deg, var(--color-mineral-blue) 0 44%, var(--color-deep-merlot) 44% 100%);
  border-inline-start: var(--border-strong-width) solid var(--color-rust-orange);
  transform: translateY(var(--space-6));
}

.cl-terminology {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
  width: min(calc(100% - (var(--gutter) * 2)), 53.75rem);
  margin-top: var(--space-8);
  padding-top: var(--space-4);
  border-top: 1px solid var(--color-stone-line);
}

.cl-terminology > * { min-width: 0; }
.cl-terminology p { margin: 0; font-size: var(--text-micro); font-weight: 600; letter-spacing: var(--tracking-micro); line-height: var(--leading-micro); }
.cl-terminology__node { flex: 0 0 auto; width: 0.625rem; height: 0.625rem; margin-top: 0.35rem; background: var(--color-rust-orange); }

.cl-reveal__heading { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); margin-bottom: var(--space-7); }
.cl-reveal__heading > div { grid-column: 1 / span 5; min-width: 0; width: min(100%, 35rem); }
.cl-reveal__heading .intro { margin-bottom: 0; }
.cl-reveal__figure { height: auto; aspect-ratio: 16 / 9; margin-bottom: var(--space-6); }
.cl-reveal__figure img { transition: transform var(--transition-medium), filter var(--transition-medium); }
.cl-media-reveal:hover img, .cl-media-reveal:focus-within img { transform: scale(1.02); filter: saturate(0.94); }
.cl-reveal__details { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 2fr) minmax(0, 5fr); gap: var(--gutter); }
.cl-reveal__details > * { min-width: 0; }
.cl-reveal__body { grid-column: 1 / span 5; width: min(100%, 31.25rem); }
.cl-reveal__caption { grid-column: 6 / span 2; align-self: end; padding-top: var(--space-3); border-top: 1px solid var(--color-mineral-blue); }

.cl-route-section__intro { width: min(calc(100% - (var(--gutter) * 2)), var(--container-standard)); }
.cl-route-section__intro > * { width: min(100%, 32.5rem); }
.cl-route-section__intro .intro { margin-bottom: var(--space-8); }
.cl-route { position: relative; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gutter); }
.cl-route::before { position: absolute; top: 1.25rem; right: 8%; left: 8%; height: 1px; background: var(--color-stone-line); content: ""; }
.cl-route > * { position: relative; z-index: 1; min-width: 0; }
.cl-route__step { padding: var(--space-6) var(--space-5) var(--space-5); background: var(--color-sand-light); }
.cl-route__step--evening { margin-top: var(--space-7); background: var(--color-deep-merlot); color: var(--color-white-smoke); }
.cl-route__step--evening h3 { color: var(--color-white-smoke); }
.cl-route__step--tables { margin-top: var(--space-4); }
.cl-route__number, .cl-pace__moments > article > span, .cl-definition__statements > article > span { display: inline-flex; align-items: center; justify-content: center; width: 2.5rem; min-height: 2.5rem; margin-bottom: var(--space-5); background: var(--color-rust-orange); color: var(--color-white-smoke); font-size: var(--text-micro); font-weight: 600; letter-spacing: var(--tracking-control); }
.cl-route__step--evening .cl-route__number { background: var(--color-mineral-blue); }
.cl-text-link { color: inherit; font-size: var(--text-utility); font-weight: 600; letter-spacing: var(--tracking-utility); text-decoration: none; }
.cl-text-link::after { display: block; width: 100%; height: 1px; margin-top: 0.2rem; background: currentColor; content: ""; transform: scaleX(0); transform-origin: left; transition: transform var(--transition-fast); }
.cl-text-link:hover::after, .cl-text-link:focus-visible::after { transform: scaleX(1); }

.cl-built { background: var(--color-charcoal-ink); }
.cl-built__grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); align-items: stretch; }
.cl-built__grid > * { min-width: 0; }
.cl-built__media { min-height: 46rem; border-left: 0; }
.cl-built__panel { display: flex; flex-direction: column; min-width: 0; gap: var(--space-7); padding: var(--section-space) max(var(--gutter), calc((100vw - var(--container-standard)) / 2)); background: var(--color-sand-light); }
.cl-built__copy { width: min(100%, 30rem); margin-left: auto; }
.cl-material-notes { display: flex; flex-direction: column; gap: 0; width: min(100%, 18.75rem); margin-left: auto; }
.cl-material-notes > div { display: flex; flex-direction: column; gap: var(--space-2); min-width: 0; padding-block: var(--space-4); border-top: 1px solid var(--color-stone-line); }
.cl-material-notes > div:last-child { border-bottom: 1px solid var(--color-stone-line); }
.cl-material-notes strong { font-size: var(--text-micro); letter-spacing: var(--tracking-micro); text-transform: uppercase; }
.cl-material-notes span { font-size: var(--text-utility); line-height: var(--leading-utility); }
.cl-built__closing { width: min(100%, 30rem); margin-left: auto; }

.cl-definition { padding-block: var(--section-space); }
.cl-definition__lead { width: min(calc(100% - (var(--gutter) * 2)), 37.5rem); }
.cl-definition__lead > * { min-width: 0; }
.cl-definition__lead .intro { margin-bottom: var(--space-8); }
.cl-definition__statements { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-6); }
.cl-definition__statements > * { min-width: 0; }
.cl-definition__statements > article { width: min(100%, 22.5rem); }
.cl-definition__statements > article:nth-child(2) > span { background: var(--color-mineral-blue); border: 1px solid rgb(251 248 241 / 60%); }
.cl-definition__statements > article:nth-child(3) > span { background: var(--color-olive-leaf); }

.cl-pace__intro { width: min(calc(100% - (var(--gutter) * 2)), var(--container-standard)); }
.cl-pace__intro > * { width: min(100%, 32.5rem); }
.cl-pace__moments { position: relative; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gutter); }
.cl-pace__moments::before { position: absolute; top: 1.25rem; right: 4%; left: 4%; height: 1px; background: var(--color-stone-line); content: ""; }
.cl-pace__moments > article { position: relative; z-index: 1; min-width: 0; padding-top: var(--space-5); }
.cl-pace__moments > article > span { margin-bottom: var(--space-5); }
.cl-pace__moments > article:nth-child(2) > span { background: var(--color-mineral-blue); }
.cl-pace__actions { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); min-width: 0; }

.cl-detail__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); align-items: center; }
.cl-detail__grid > * { min-width: 0; }
.cl-detail__copy { grid-column: 1; width: min(100%, 25.625rem); justify-self: end; margin-right: var(--space-8); }
.cl-detail__media { grid-column: 2; grid-row: 1; aspect-ratio: 4 / 5; margin: 0; }
.cl-detail__media figcaption { width: min(100%, 18.75rem); padding-inline: var(--gutter); }

.cl-explore__bridge { width: min(calc(100% - (var(--gutter) * 2)), var(--container-standard)); margin-bottom: var(--space-7); }
.cl-explore__bridge > * { width: min(100%, 31.25rem); }
.cl-explore__bridge .intro { padding-top: var(--space-4); border-top: 1px solid var(--color-mineral-blue); }
.cl-explore__panels { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--gutter); }
.cl-explore__panels > * { min-width: 0; }
.cl-destination { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; gap: var(--space-5); padding: var(--space-7); border-top: 2px solid transparent; transition: border-color var(--transition-fast); }
.cl-destination > * { min-width: 0; margin: 0; }
.cl-destination h3 { width: min(100%, 25rem); }
.cl-destination p { width: min(100%, 22.5rem); }
.cl-destination--tables { background: var(--color-mineral-blue); color: var(--color-white-smoke); }
.cl-destination--tables h3 { color: var(--color-white-smoke); }
.cl-destination--tables .button-secondary { border-color: var(--color-white-smoke); color: var(--color-white-smoke); }
.cl-destination--tables .button-secondary:hover { background: var(--color-white-smoke); color: var(--color-mineral-blue); }
.cl-destination--holdem { background: var(--color-sand-light); color: var(--color-charcoal-ink); }
.cl-destination:hover, .cl-destination:focus-within { border-top-color: var(--color-rust-orange); }

.cl-seat { position: relative; padding-block: var(--section-space-cinematic); background: var(--color-sand-light); border-top: 2px solid var(--color-rust-orange); }
.cl-seat::after { position: absolute; top: var(--space-7); right: 10%; width: 8rem; height: 8rem; background: var(--color-olive-leaf); content: ""; opacity: 0.35; }
.cl-seat__block { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: flex-start; min-width: 0; gap: var(--space-5); width: min(calc(100% - (var(--gutter) * 2)), 33.75rem); margin-inline: auto; }
.cl-seat__block > * { min-width: 0; margin: 0; }
.cl-seat__actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-4); min-width: 0; }
.cl-seat__actions > * { min-width: 0; }
.cl-seat__support { width: min(100%, 26.25rem); font-size: var(--text-utility); }

.cl-note { padding-block: var(--section-space-compact); }
.cl-note__block { width: min(calc(100% - (var(--gutter) * 2)), 38.75rem); border-top: 1px solid var(--color-sand-light); padding-top: var(--space-5); }
.cl-note__block h2 { font-size: var(--text-heading-sm); }
.cl-note__block .eyebrow { color: var(--color-sand-light); }

@media (max-width: 68.75rem) {
  .cl-hero__grid { grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); }
  .cl-hero__plane { min-height: 19rem; }
  .cl-route { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cl-route::before { display: none; }
  .cl-route__step--tables { grid-column: 1 / span 1; margin-top: 0; }
  .cl-definition__statements { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cl-definition__statements > article:nth-child(3) { grid-column: 1 / span 2; justify-self: center; }
  .cl-pace__moments { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cl-pace__moments::before { display: none; }
  .cl-pace__moments > article:nth-child(3) { grid-column: 1 / span 1; }
  .cl-explore__panels { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 60rem) {
  .cl-hero__grid { grid-template-columns: minmax(0, 1fr); }
  .cl-hero__plane { display: none; }
  .cl-built__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cl-built__media { min-height: 37rem; }
  .cl-built__panel { padding-inline: var(--gutter); }
  .cl-detail__grid { grid-template-columns: minmax(0, 1fr); }
  .cl-detail__copy { grid-column: 1; grid-row: 1; justify-self: start; width: min(100%, 31.25rem); margin: 0 auto var(--space-7); }
  .cl-detail__media { grid-column: 1; grid-row: 2; width: min(100%, 50rem); margin-inline: auto; }
}

@media (max-width: 47.9375rem) {
  .card-lounge-page .cl-hero { padding-block: var(--space-9) var(--space-7); }
  .cl-hero__copy { width: 100%; }
  .cl-hero__copy h1 { font-size: clamp(3rem, 13vw, 3.75rem); }
  .cl-terminology { width: calc(100% - (var(--gutter) * 2)); margin-top: var(--space-7); }
  .cl-reveal__heading { display: block; margin-bottom: var(--space-6); }
  .cl-reveal__heading > div { width: 100%; }
  .cl-reveal__figure { width: 100%; height: auto; aspect-ratio: 4 / 5; border-inline: 0; }
  .cl-reveal__details { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-4); }
  .cl-reveal__body, .cl-reveal__caption { grid-column: 1; width: 100%; }
  .cl-route-section__intro .intro { margin-bottom: var(--space-6); }
  .cl-route { grid-template-columns: minmax(0, 1fr); gap: var(--space-5); padding-left: var(--space-5); }
  .cl-route::after, .cl-pace__moments::after { position: absolute; top: 0; bottom: 0; left: 0.5rem; width: 1px; background: var(--color-stone-line); content: ""; }
  .cl-route__step, .cl-route__step--evening, .cl-route__step--tables { grid-column: 1; margin-top: 0; }
  .cl-built__grid { grid-template-columns: minmax(0, 1fr); }
  .cl-built__panel { grid-row: 1; padding: var(--space-8) var(--gutter); }
  .cl-built__media { grid-row: 2; min-height: 0; aspect-ratio: 4 / 5; border-inline: 0; }
  .cl-built__copy, .cl-material-notes, .cl-built__closing { width: 100%; margin-left: 0; }
  .cl-definition__lead { width: calc(100% - (var(--gutter) * 2)); }
  .cl-definition__statements { grid-template-columns: minmax(0, 1fr); gap: var(--space-7); }
  .cl-definition__statements > article, .cl-definition__statements > article:nth-child(3) { grid-column: 1; width: 100%; justify-self: stretch; }
  .cl-pace__moments { grid-template-columns: minmax(0, 1fr); gap: var(--space-6); padding-left: var(--space-5); }
  .cl-pace__moments > article, .cl-pace__moments > article:nth-child(3) { grid-column: 1; }
  .cl-pace__actions { align-items: stretch; }
  .cl-pace__actions .button-primary { width: 100%; }
  .cl-detail__copy { width: calc(100% - (var(--gutter) * 2)); margin-bottom: var(--space-6); }
  .cl-detail__media { width: 100%; border-inline: 0; }
  .cl-detail__media figcaption { width: 100%; padding-inline: var(--gutter); }
  .cl-explore__panels { grid-template-columns: minmax(0, 1fr); gap: var(--space-4); }
  .cl-destination { padding: var(--space-5); }
  .cl-destination .button-secondary { width: 100%; }
  .cl-seat::after { display: none; }
  .cl-seat__block { width: calc(100% - (var(--gutter) * 2)); }
  .cl-seat__actions { width: 100%; flex-direction: column; align-items: stretch; }
  .cl-seat__actions .button-primary { width: 100%; }
  .cl-note__block { width: calc(100% - (var(--gutter) * 2)); }
}

@media (prefers-reduced-motion: reduce) {
  .cl-media-reveal img { transform: none !important; filter: none !important; }
}
