/* Mobile-only hero fit pass: reduce the brand visual and reclaim vertical space. */
@media (max-width: 768px) {
  body.index-page .hero {
    padding-top: 2.75rem;
    padding-bottom: 3rem;
  }

  body.index-page .hero .hero-visual {
    display: flex;
    justify-content: center;
    margin-bottom: 1.5rem;
  }

  body.index-page .hero .hero-visual .product-mockup {
    width: min(59vw, 230px);
  }

  body.index-page .hero .hero-visual .mockup-frame,
  body.index-page .hero .hero-visual .mockup-frame img {
    display: block;
    width: 100%;
  }

  body.index-page .hero .hero-content {
    margin-bottom: 0;
  }
}