/* Dusty Rocket Games responsive desktop stage: wide screens must not scale the
   entire artwork with viewport width while the screen height stays fixed. */
@media (min-width: 75rem) {
  body.single-hub-home .hero {
    height: clamp(44rem, calc(100svh + 2rem), 60rem);
    min-height: 44rem;
    max-height: 60rem;
  }
  body.single-hub-home .hero-backdrop {
    object-position: center 50%;
  }
  body.single-hub-home .hero-copy {
    top: clamp(5.5rem, 12%, 7.8rem);
    left: max(3.5%, calc((100% - 100rem) / 2 + 3.5rem));
    width: min(35%, 30rem);
  }
  body.single-hub-home .hero-wordmark {
    max-width: 30rem;
  }
  body.single-hub-home .hero-tagline {
    font-size: clamp(1.9rem, 2.3vw, 2.7rem);
    margin: .45rem 0 1.05rem 4%;
  }
  body.single-hub-home .hero-play-choices {
    margin-left: 4%;
    width: min(96%, 27.5rem);
    gap: .5rem;
  }
  body.single-hub-home .hero-choice {
    min-height: 3.75rem;
    padding: .47rem .8rem;
  }
  body.single-hub-home .hero-choice strong {
    font-size: clamp(1.15rem, 1.35vw, 1.5rem);
  }
  body.single-hub-home .hero-choice small {
    padding-top: .2rem;
    font-size: .67rem;
  }
  body.single-hub-home .hero-choice-arrow {
    width: 2rem;
    height: 2rem;
    font-size: 1.45rem;
  }
  body.single-hub-home .hero-features {
    top: clamp(7.75rem, 14%, 9rem);
    right: max(5%, calc((100% - 100rem) / 2 + 4rem));
    width: min(29%, 25rem);
    gap: 1.75rem;
  }
  body.single-hub-home .sleeve-caption {
    padding: .68rem .58rem .78rem;
  }
  body.single-hub-home .sleeve-caption strong {
    font-size: clamp(1.35rem, 1.55vw, 1.9rem);
  }
  body.single-hub-home .sleeve-status {
    font-size: .75rem;
  }
  body.single-hub-home .hero-baseline {
    left: max(5%, calc((100% - 100rem) / 2 + 4rem));
    right: max(5%, calc((100% - 100rem) / 2 + 4rem));
    bottom: 1.5rem;
  }
}
@media (min-width: 75rem) and (max-height: 51.25rem) {
  body.single-hub-home .hero-baseline { display: none; }
}

/* Ultra-wide monitors: keep the important content fully visible at 1080p
   or shorter browser-window heights. */
@media (min-width: 100rem) {
  body.single-hub-home .site-header {
    max-width: 108rem;
    margin-inline: auto;
  }
}
@media (min-width: 110rem) {
  body.single-hub-home .hero-choice strong {
    font-size: clamp(1.15rem, 1.25vw, 1.33rem);
  }
  body.single-hub-home .hero-features {
    top: clamp(7rem, 12%, 8rem);
    width: min(27%, 24rem);
    gap: 1.15rem;
  }
}