/* Prototype only: improve the visible scale of packaging application pages. */
@media (min-width: 761px) {
  .app {
    max-width: 1360px;
    padding: 20px clamp(28px, 3.2vw, 52px) 64px;
  }

  .hero {
    padding: 20px 0 30px;
  }

  .hero h1 {
    font-size: clamp(2.5rem, 5vw, 4.125rem);
    max-width: 980px;
  }

  .app .hero h1 {
    font-size: clamp(2.5rem, 5vw, 4.125rem) !important;
  }

  .hero p {
    max-width: 960px;
    font-size: clamp(1.15rem, 1.35vw, 1.3rem);
  }
}

@media (max-width: 760px) {
  .app {
    padding: 18px 18px 44px;
  }

  .hero {
    padding: 24px 0 26px;
  }

  .hero h1 {
    font-size: clamp(2.35rem, 9vw, 2.8rem);
    line-height: 1.04;
  }

  .app .hero h1 {
    font-size: clamp(2.35rem, 9vw, 2.8rem) !important;
  }

  .hero p {
    font-size: 1.125rem;
    line-height: 1.58;
  }
}