.card-lounge-page {
  overflow: hidden;
}

.card-lounge-page .cl-hero__grid,
.card-lounge-page .cl-space__grid,
.card-lounge-page .cl-dining__grid,
.card-lounge-page .cl-sequence__grid,
.card-lounge-page .cl-hosts__grid,
.card-lounge-page .cl-faq__grid,
.card-lounge-page .cl-atmosphere__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-5);
}

.card-lounge-page .cl-hero {
  padding-block-start: var(--space-9);
}

.card-lounge-page .cl-hero__intro {
  grid-column: 1 / span 5;
  align-self: center;
  min-width: 0;
}

.card-lounge-page .cl-hero__intro .display-xl {
  max-width: 20ch;
}

.card-lounge-page .cl-hero__intro .text-large {
  max-width: 34ch;
}

.card-lounge-page .cl-hero__action {
  margin-block-start: var(--space-2);
}

.card-lounge-page .cl-hero__media {
  grid-column: 6 / span 7;
  width: calc(100% + max(0px, (100vw - var(--container-max)) / 2));
  max-width: none;
  margin: 0;
  align-self: start;
}

.card-lounge-page .cl-hero__media .media-frame {
  aspect-ratio: 16 / 10;
}

.card-lounge-page .cl-image-module .media-frame {
  position: relative;
  width: 100%;
  transition: border-color var(--transition-standard);
}

.card-lounge-page .cl-image-module figcaption {
  max-width: 46ch;
  transition: color var(--transition-standard), transform var(--transition-standard);
}

.card-lounge-page .cl-image-module:hover .media-frame {
  border-color: var(--color-signal);
}

.card-lounge-page .cl-image-module:hover figcaption {
  color: var(--color-paper);
  transform: translateX(var(--space-1));
}

.card-lounge-page .cl-hero__rail {
  grid-column: 1 / span 7;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  min-width: 0;
  margin-block-start: calc(var(--space-6) * -1);
  border: var(--border-default);
  background: var(--color-graphite);
  position: relative;
  z-index: 1;
}

.card-lounge-page .cl-hero__rail > div {
  display: flex;
  min-width: 0;
  min-height: 5.5rem;
  flex-direction: column;
  justify-content: center;
  gap: var(--space-2);
  padding: var(--space-4);
  border-inline-end: var(--border-default);
}

.card-lounge-page .cl-hero__rail > div:last-child { border-inline-end: 0; }
.card-lounge-page .cl-hero__rail strong { font-size: var(--text-small); font-weight: 500; overflow-wrap: anywhere; }

.card-lounge-page .cl-space__intro { grid-column: 1 / span 4; min-width: 0; }
.card-lounge-page .cl-space__intro h2 { max-width: 14ch; }
.card-lounge-page .cl-space__intro p { max-width: 42ch; }
.card-lounge-page .cl-space__modules { grid-column: 5 / span 8; display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-4); min-width: 0; }
.card-lounge-page .cl-space__module { width: 100%; min-width: 0; }
.card-lounge-page .cl-space__module--b { margin-inline-start: var(--space-6); width: calc(100% - var(--space-6)); }
.card-lounge-page .cl-space__module--c { margin-inline-start: var(--space-3); width: calc(100% - var(--space-3)); }
.card-lounge-page .cl-space__module p:not(.technical-label):not(.cl-module-meta) { max-width: 55ch; }
.card-lounge-page .cl-module-meta { margin-block-end: 0; padding-block-start: var(--space-3); border-top: var(--border-default); color: var(--color-ash); font-size: var(--text-small); }

.card-lounge-page .cl-dining__copy { grid-column: 1 / span 5; min-width: 0; align-self: center; }
.card-lounge-page .cl-dining__copy h2 { max-width: 15ch; }
.card-lounge-page .cl-dining__copy > p { max-width: 48ch; }
.card-lounge-page .cl-dining__media { grid-column: 7 / span 4; width: 100%; margin: 0; min-width: 0; }
.card-lounge-page .cl-dining__media .media-frame { aspect-ratio: 4 / 5; }
.card-lounge-page .cl-dining__media figcaption { max-width: 38ch; }
.card-lounge-page .cl-dining__note { grid-column: 10 / span 3; align-self: end; width: 100%; min-width: 0; margin-block-start: calc(var(--space-8) * -1); position: relative; z-index: 1; }
.card-lounge-page .cl-dining__note h3 { max-width: 16ch; }
.card-lounge-page .cl-dining__note p:not(.technical-label) { max-width: 34ch; }

.card-lounge-page .cl-sequence__intro { grid-column: 1 / span 5; min-width: 0; }
.card-lounge-page .cl-sequence__intro h2 { max-width: 16ch; }
.card-lounge-page .cl-sequence__intro > p { max-width: 46ch; }
.card-lounge-page .cl-sequence__cards { grid-column: 6 / span 7; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4); min-width: 0; }
.card-lounge-page .cl-sequence__card { width: 100%; min-width: 0; }
.card-lounge-page .cl-sequence__card h3 { max-width: 16ch; }
.card-lounge-page .cl-sequence__card > p:not(.technical-figure):not(.technical-label) { max-width: 42ch; }
.card-lounge-page .cl-sequence__card--final { border-top: var(--rule-signal); }
.card-lounge-page .cl-sequence__card:hover { border-color: var(--color-signal); }

.card-lounge-page .cl-formats__intro { width: 50%; min-width: 0; }
.card-lounge-page .cl-formats__intro h2 { max-width: 22ch; }
.card-lounge-page .cl-formats__intro > p { max-width: 50ch; }
.card-lounge-page .cl-formats__scroll { margin-block-start: var(--space-6); }
.card-lounge-page .cl-formats__rail { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); min-width: 0; border: var(--border-default); }
.card-lounge-page .cl-format { width: 100%; min-width: 0; padding: var(--space-5); border-inline-end: var(--border-default); background: var(--color-graphite); }
.card-lounge-page .cl-format:last-child { border-inline-end: 0; }
.card-lounge-page .cl-format h3 { max-width: 16ch; }
.card-lounge-page .cl-format p:not(.technical-label) { max-width: 40ch; }

.card-lounge-page .cl-hosts__media { grid-column: 1 / span 7; width: 100%; margin: 0; min-width: 0; }
.card-lounge-page .cl-hosts__media .media-frame { aspect-ratio: 3 / 2; }
.card-lounge-page .cl-hosts__media figcaption { max-width: 38ch; }
.card-lounge-page .cl-hosts__copy { grid-column: 8 / span 5; min-width: 0; align-self: center; }
.card-lounge-page .cl-hosts__copy h2 { max-width: 17ch; }
.card-lounge-page .cl-hosts__copy > p:not(.eyebrow):not(.cl-hosts__verbs) { max-width: 46ch; }
.card-lounge-page .cl-hosts__verbs { color: var(--color-signal); font-size: var(--text-small); font-weight: 500; }
.card-lounge-page .cl-hosts__secondary { max-width: 46ch; border-top: var(--border-default); padding-top: var(--space-4); }

.card-lounge-page .cl-faq__intro { grid-column: 1 / span 4; min-width: 0; }
.card-lounge-page .cl-faq__intro h2 { max-width: 16ch; }
.card-lounge-page .cl-faq__intro p { max-width: 40ch; }
.card-lounge-page .cl-faq__list { grid-column: 5 / span 8; min-width: 0; border-top: var(--border-default); }
.card-lounge-page .cl-faq__item { display: grid; grid-template-columns: minmax(2.5rem, 1fr) minmax(0, 3fr) minmax(0, 4fr); gap: var(--space-4); min-width: 0; padding-block: var(--space-5); border-bottom: var(--border-default); }
.card-lounge-page .cl-faq__item > * { min-width: 0; margin-block-end: 0; }
.card-lounge-page .cl-faq__item > span { color: var(--color-signal); font-size: var(--text-small); }
.card-lounge-page .cl-faq__item h3 { font-size: var(--text-body); }

.card-lounge-page .cl-atmosphere__copy { grid-column: 1 / span 4; min-width: 0; align-self: center; }
.card-lounge-page .cl-atmosphere__copy h2 { max-width: 15ch; }
.card-lounge-page .cl-atmosphere__copy p { max-width: 36ch; }
.card-lounge-page .cl-atmosphere__media { grid-column: 5 / span 8; width: 100%; margin: 0; min-width: 0; }
.card-lounge-page .cl-atmosphere__media .media-frame { aspect-ratio: 3 / 2; }
.card-lounge-page .cl-atmosphere__media figcaption { max-width: 42ch; }

.card-lounge-page .cl-cta__panel { position: relative; padding-block: var(--space-8); }
.card-lounge-page .cl-cta__panel::before { position: absolute; inset: var(--space-5) auto var(--space-5) var(--space-5); width: 2px; background: var(--color-signal); content: ""; }
.card-lounge-page .cl-cta__content { display: flex; width: min(100%, 34rem); min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-4); margin-inline: auto; }
.card-lounge-page .cl-cta__content > * { margin-block: 0; min-width: 0; }
.card-lounge-page .cl-cta__content h2 { max-width: 18ch; }
.card-lounge-page .cl-cta__content > p:not(.eyebrow) { max-width: 45ch; }
.card-lounge-page .cl-cta__action { min-width: 13.75rem; }
.card-lounge-page .cl-cta__secondary { font-size: var(--text-small); }

@media (max-width: 67.4375rem) {
  .card-lounge-page .cl-hero__grid,
  .card-lounge-page .cl-space__grid,
  .card-lounge-page .cl-dining__grid,
  .card-lounge-page .cl-sequence__grid,
  .card-lounge-page .cl-hosts__grid,
  .card-lounge-page .cl-faq__grid,
  .card-lounge-page .cl-atmosphere__grid { grid-template-columns: repeat(8, minmax(0, 1fr)); gap: var(--space-4); }
  .card-lounge-page .cl-hero__intro { grid-column: 1 / span 4; }
  .card-lounge-page .cl-hero__intro .display-xl { font-size: var(--text-display-l); }
  .card-lounge-page .cl-hero__media { grid-column: 5 / span 4; width: 100%; }
  .card-lounge-page .cl-hero__rail { grid-column: 1 / span 8; margin-block-start: 0; }
  .card-lounge-page .cl-space__intro { grid-column: 1 / span 8; }
  .card-lounge-page .cl-space__intro h2 { max-width: 22ch; }
  .card-lounge-page .cl-space__modules { grid-column: 1 / span 8; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .card-lounge-page .cl-space__module--b,
  .card-lounge-page .cl-space__module--c { width: 100%; margin-inline-start: 0; }
  .card-lounge-page .cl-space__module--c { grid-column: 1 / span 2; }
  .card-lounge-page .cl-dining__copy { grid-column: 1 / span 4; }
  .card-lounge-page .cl-dining__media { grid-column: 5 / span 4; }
  .card-lounge-page .cl-dining__note { grid-column: 1 / span 8; margin-block-start: 0; }
  .card-lounge-page .cl-sequence__intro { grid-column: 1 / span 8; }
  .card-lounge-page .cl-sequence__cards { grid-column: 1 / span 8; }
  .card-lounge-page .cl-formats__intro { width: 100%; }
  .card-lounge-page .cl-hosts__media { grid-column: 1 / span 5; }
  .card-lounge-page .cl-hosts__copy { grid-column: 6 / span 3; }
  .card-lounge-page .cl-faq__intro { grid-column: 1 / span 8; }
  .card-lounge-page .cl-faq__list { grid-column: 1 / span 8; }
  .card-lounge-page .cl-atmosphere__copy { grid-column: 1 / span 8; }
  .card-lounge-page .cl-atmosphere__media { grid-column: 1 / span 8; }
  .card-lounge-page .cl-cta__content { width: min(100%, 36rem); }
}

@media (max-width: 56.1875rem) {
  .card-lounge-page .cl-hosts__grid { grid-template-columns: 1fr; }
  .card-lounge-page .cl-hosts__media,
  .card-lounge-page .cl-hosts__copy { grid-column: 1; }
  .card-lounge-page .cl-hosts__copy { align-self: start; }
  .card-lounge-page .cl-faq__item { grid-template-columns: 2.5rem minmax(0, 1fr); }
  .card-lounge-page .cl-faq__item p { grid-column: 2; }
}

@media (max-width: 47.9375rem) {
  .card-lounge-page .cl-hero { padding-block-start: var(--space-8); }
  .card-lounge-page .cl-hero__grid,
  .card-lounge-page .cl-space__grid,
  .card-lounge-page .cl-dining__grid,
  .card-lounge-page .cl-sequence__grid,
  .card-lounge-page .cl-hosts__grid,
  .card-lounge-page .cl-faq__grid,
  .card-lounge-page .cl-atmosphere__grid { grid-template-columns: minmax(0, 1fr); gap: var(--space-5); }
  .card-lounge-page .cl-hero__intro,
  .card-lounge-page .cl-hero__media,
  .card-lounge-page .cl-hero__rail,
  .card-lounge-page .cl-space__intro,
  .card-lounge-page .cl-space__modules,
  .card-lounge-page .cl-dining__copy,
  .card-lounge-page .cl-dining__media,
  .card-lounge-page .cl-dining__note,
  .card-lounge-page .cl-sequence__intro,
  .card-lounge-page .cl-sequence__cards,
  .card-lounge-page .cl-hosts__media,
  .card-lounge-page .cl-hosts__copy,
  .card-lounge-page .cl-faq__intro,
  .card-lounge-page .cl-faq__list,
  .card-lounge-page .cl-atmosphere__copy,
  .card-lounge-page .cl-atmosphere__media { grid-column: 1; }
  .card-lounge-page .cl-hero__intro .display-xl { max-width: 17ch; font-size: clamp(3rem, 13vw, 3.5rem); }
  .card-lounge-page .cl-hero__intro .text-large { max-width: 36ch; }
  .card-lounge-page .cl-hero__action { width: 100%; min-height: 3rem; }
  .card-lounge-page .cl-hero__media { width: 100%; }
  .card-lounge-page .cl-hero__media .media-frame { aspect-ratio: 16 / 11; }
  .card-lounge-page .cl-hero__rail { grid-template-columns: minmax(0, 1fr); }
  .card-lounge-page .cl-hero__rail > div { min-height: 2.75rem; flex-direction: row; justify-content: space-between; align-items: center; padding: var(--space-3) var(--space-4); border-inline-end: 0; border-bottom: var(--border-default); }
  .card-lounge-page .cl-hero__rail > div:last-child { border-bottom: 0; }
  .card-lounge-page .cl-hero__rail strong { text-align: right; }
  .card-lounge-page .cl-space__modules { grid-template-columns: minmax(0, 1fr); gap: var(--space-3); }
  .card-lounge-page .cl-space__module--c { grid-column: 1; }
  .card-lounge-page .cl-space__intro h2,
  .card-lounge-page .cl-dining__copy h2,
  .card-lounge-page .cl-sequence__intro h2,
  .card-lounge-page .cl-formats__intro h2,
  .card-lounge-page .cl-hosts__copy h2,
  .card-lounge-page .cl-faq__intro h2,
  .card-lounge-page .cl-atmosphere__copy h2,
  .card-lounge-page .cl-cta__content h2 { max-width: 20ch; font-size: var(--text-h2); }
  .card-lounge-page .cl-dining__note { width: 100%; }
  .card-lounge-page .cl-sequence__cards { grid-template-columns: minmax(0, 1fr); gap: var(--space-3); }
  .card-lounge-page .cl-formats__scroll { width: calc(100% + var(--gutter-mobile)); }
  .card-lounge-page .cl-formats__rail { display: flex; width: max-content; min-width: 0; border-inline-start: var(--border-default); }
  .card-lounge-page .cl-format { flex: 0 0 82vw; width: 82vw; min-width: 17.5rem; border-inline-end: var(--border-default); }
  .card-lounge-page .cl-faq__item { grid-template-columns: minmax(0, 1fr); gap: var(--space-3); padding-block: var(--space-5); }
  .card-lounge-page .cl-faq__item p { grid-column: 1; }
  .card-lounge-page .cl-faq__item h3 { font-size: var(--text-h3); }
  .card-lounge-page .cl-cta__panel { padding: var(--space-5); }
  .card-lounge-page .cl-cta__panel::before { inset: var(--space-4) auto var(--space-4) var(--space-3); }
  .card-lounge-page .cl-cta__content { width: 100%; padding-inline-start: var(--space-2); }
  .card-lounge-page .cl-cta__action { width: 100%; min-height: 3rem; }
}