/* v492: guarantee the complete-system presentation fits one desktop viewport. */
@media (min-width: 1000px) {
  .page-demo .luminous-showcase-row {
    box-sizing: border-box;
    height: calc(100svh - 24px);
    min-height: 620px !important;
    max-height: 100svh !important;
    gap: clamp(1.4rem, 2.8vw, 3.25rem);
    align-items: center;
    overflow: hidden;
  }

  .page-demo .luminous-showcase-media {
    justify-content: center;
    max-height: calc(100svh - 44px);
  }

  .page-demo .luminous-showcase-media .demo-image-open img {
    max-height: calc(100svh - 112px);
  }

  .page-demo .complete-system-disclaimer {
    margin-top: 6px;
    padding: 7px 10px;
    font-size: .65rem;
    line-height: 1.32;
  }

  .page-demo .luminous-showcase-copy {
    display: flex;
    max-height: calc(100svh - 44px);
    flex-direction: column;
    justify-content: center;
  }

  .page-demo .luminous-showcase-copy .luminous-showcase-label {
    margin-bottom: .45rem;
    font-size: .64rem;
  }

  .page-demo .luminous-showcase-copy h3 {
    margin-bottom: .48rem;
    font-size: clamp(1.72rem, 2.55vw, 3rem);
    line-height: 1;
  }

  .page-demo .luminous-showcase-copy > p {
    margin: 0;
    font-size: .86rem;
    line-height: 1.42;
  }

  .page-demo .luminous-showcase-copy > ul {
    gap: 0;
    margin-top: .58rem;
  }

  .page-demo .luminous-showcase-copy > ul > li {
    padding: .31rem 0 .31rem 1.45rem;
    font-size: .78rem;
    line-height: 1.25;
  }

  .page-demo .luminous-showcase-copy > ul > li::before {
    top: .34rem;
  }

  .page-demo .platform-compatibility {
    margin-top: 9px;
    padding: 12px 14px 11px;
    border-radius: 14px;
  }

  .page-demo .platform-compatibility::before {
    margin-bottom: 5px;
    font-size: .53rem;
  }

  .page-demo .platform-compatibility::after {
    left: 14px;
  }

  .page-demo .platform-compatibility > strong {
    font-size: .98rem;
    line-height: 1.14;
  }

  .page-demo .platform-compatibility > p {
    display: none;
  }

  .page-demo .platform-compatibility ul {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 4px;
    margin-top: 7px !important;
    padding-top: 7px !important;
  }

  .page-demo .platform-compatibility li {
    min-height: 25px;
    padding: 4px 6px !important;
    font-size: .58rem;
    line-height: 1.15;
  }

  .page-demo .platform-compatibility li::before {
    width: 3px;
    height: 3px;
    margin-right: 6px;
    flex-basis: 3px;
  }
}

@media (min-width: 1000px) and (max-height: 680px) {
  .page-demo .luminous-showcase-row {
    min-height: 560px !important;
  }

  .page-demo .luminous-showcase-media .demo-image-open img {
    max-height: calc(100svh - 92px);
  }

  .page-demo .luminous-showcase-copy h3 {
    font-size: clamp(1.55rem, 2.25vw, 2.5rem);
  }

  .page-demo .luminous-showcase-copy > ul > li {
    padding-top: .24rem;
    padding-bottom: .24rem;
  }

  .page-demo .platform-compatibility {
    padding-top: 10px;
    padding-bottom: 9px;
  }
}