/* Increase the original high-quality five-phone hero without cutting off its bottom. */
@media (min-width:801px) {
  .hero {
    padding-top:clamp(20px,2.8svh,32px);
    padding-bottom:clamp(16px,2.2svh,24px);
  }
  .hero .hero-showcase {
    width:min(1240px,95vw);
    max-width:100%;
    margin-top:clamp(15px,2.2svh,24px);
  }
  .hero .hero-showcase img {
    max-width:100%;
    max-height:min(56svh,520px,calc(100svh - 330px));
    height:auto;
    width:auto;
    object-fit:contain;
    object-position:center;
    filter:none;
    transform:none;
  }
}
@media (min-width:801px) and (max-height:700px) {
  .hero .hero-showcase {margin-top:clamp(8px,1.5svh,14px)}
  .hero .hero-showcase img {
    max-height:min(49svh,calc(100svh - 300px));
  }
}
/* Keep the already approved mobile composition unchanged. */