@media (max-width: 600px) {
  .institutional-hero { overflow: hidden; }
  .institutional-hero .container { width: 100%; max-width: 100vw; }
  .ip-hero-grid { max-width: 100%; min-width: 0; }
  .institutional-hero h1 {
    max-width: 100%;
    font-size: clamp(1.95rem, 9vw, 2.35rem);
    line-height: 1.06;
    white-space: normal;
    word-break: normal;
    overflow-wrap: normal;
    text-wrap: wrap;
  }
  .institutional-hero p {
    max-width: 100%;
    white-space: normal;
    word-break: normal;
    overflow-wrap: normal;
    text-wrap: wrap;
  }
}