/* v787GQ — Emergency hero final copy/image balance
   User request: reduce the hero subtitle size, narrow its text measure,
   and give the right image more horizontal width so the top hero feels balanced. */

@media (min-width: 1101px){
  body .page-hero.urgent-hero .urgent-hero-grid{
    grid-template-columns:minmax(0, 1.30fr) minmax(500px, .70fr) !important;
    gap:32px !important;
    align-items:center !important;
  }

  body .page-hero.urgent-hero h1{
    font-size:clamp(38px, 3.35vw, 54px) !important;
    line-height:1.08 !important;
    max-width:22ch !important;
    margin-bottom:18px !important;
  }

  body .page-hero.urgent-hero .muted{
    font-size:clamp(15px, 1.08vw, 17px) !important;
    line-height:1.55 !important;
    max-width:680px !important;
    margin-bottom:20px !important;
  }

  body .page-hero.urgent-hero .urgent-visual-card{
    max-width:560px !important;
    width:100% !important;
    justify-self:end !important;
  }

  body .page-hero.urgent-hero .urgent-visual-card img{
    height:360px !important;
    width:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
  }
}

@media (min-width: 1101px) and (max-width: 1360px){
  body .page-hero.urgent-hero .urgent-hero-grid{
    grid-template-columns:minmax(0, 1.26fr) minmax(430px, .74fr) !important;
    gap:26px !important;
  }

  body .page-hero.urgent-hero h1{
    font-size:clamp(34px, 3.05vw, 44px) !important;
    max-width:22ch !important;
  }

  body .page-hero.urgent-hero .muted{
    font-size:15px !important;
    max-width:620px !important;
  }

  body .page-hero.urgent-hero .urgent-visual-card{
    max-width:500px !important;
  }

  body .page-hero.urgent-hero .urgent-visual-card img{
    height:330px !important;
  }
}

@media (max-width:1100px){
  body .page-hero.urgent-hero .muted{
    font-size:16px !important;
    max-width:none !important;
  }
}
