/* WillowinWorld CSS: desktop and short viewport responsive rules. */
@media (min-width: 921px) and (max-height: 1080px) {
  .hero {
    padding-top: calc(var(--header-h) + 28px);
    padding-bottom: 22px;
  }

  .hero h1 {
    max-width: 760px;
    margin-bottom: 14px;
    font-size: clamp(4rem, 4.85vw, 5.55rem);
    line-height: 0.9;
  }

  .hero .hero-copy {
    max-width: 650px;
    margin-bottom: 18px;
    font-size: clamp(1rem, 1.22vw, 1.16rem);
    line-height: 1.5;
  }

  .hero-worlds {
    margin-top: 14px;
  }

  .hero-worlds a {
    min-height: 68px;
    padding: 10px 11px;
  }

  .hero-panel {
    min-height: clamp(470px, 58svh, 600px);
  }
}