/* Keep the supplied v16 layout readable when opened at /sociarchy on a phone. */
@media (max-width: 600px) {
  .hero .wrap { padding-top: 120px !important; }
  .hero .kicker { max-width: 190px; }
  .hero h1 {
    font-size: clamp(34px, 9.8vw, 42px) !important;
    letter-spacing: -.06em !important;
    line-height: 1.05 !important;
    white-space: nowrap;
  }
  .hero .hero-grenade-permanent {
    top: 20px !important;
    right: 12px !important;
    width: 125px !important;
    height: auto !important;
    transform: none !important;
  }
}