/* v787FY — Emergency Visa hero compact tune
   Goal: make the top hero on /emergency-visa.html more concise vertically,
   slightly reduce image height, and remove extra bottom bulk. */

body .page-hero.urgent-hero{
  padding: clamp(34px, 4.4vw, 52px) 0 20px !important;
}

body .page-hero.urgent-hero .urgent-hero-grid{
  align-items: center !important;
  gap: 24px !important;
}

body .page-hero.urgent-hero .eyebrow{
  margin-bottom: 14px !important;
}

body .page-hero.urgent-hero h1{
  font-size: clamp(42px, 4.5vw, 58px) !important;
  line-height: 1.02 !important;
  margin-bottom: 14px !important;
  max-width: 14.2ch !important;
}

body .page-hero.urgent-hero .muted{
  font-size: clamp(18px, 1.55vw, 21px) !important;
  line-height: 1.52 !important;
  margin-bottom: 20px !important;
  max-width: 720px !important;
}

body .page-hero.urgent-hero .hero-actions{
  gap: 12px !important;
  margin-top: 0 !important;
}

body .page-hero.urgent-hero .hero-actions .btn{
  min-height: 50px !important;
  padding: 14px 20px !important;
  font-size: 14px !important;
}

body .page-hero.urgent-hero .hero-actions .btn.secondary{
  padding-inline: 18px !important;
}

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

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

@media (max-width: 1360px){
  body .page-hero.urgent-hero .urgent-hero-grid{
    gap: 20px !important;
  }

  body .page-hero.urgent-hero h1{
    font-size: clamp(38px, 4.1vw, 52px) !important;
    max-width: 14.6ch !important;
  }

  body .page-hero.urgent-hero .hero-actions .btn{
    padding: 13px 16px !important;
    font-size: 13px !important;
  }

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

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

@media (max-width: 1160px){
  body .page-hero.urgent-hero{
    padding-bottom: 16px !important;
  }

  body .page-hero.urgent-hero .hero-actions{
    flex-wrap: wrap !important;
  }

  body .page-hero.urgent-hero .hero-actions .btn{
    font-size: 14px !important;
  }
}

@media (max-width: 980px){
  body .page-hero.urgent-hero{
    padding: 30px 0 14px !important;
  }

  body .page-hero.urgent-hero h1{
    max-width: none !important;
    font-size: clamp(34px, 8.6vw, 44px) !important;
    margin-bottom: 12px !important;
  }

  body .page-hero.urgent-hero .muted{
    font-size: 16px !important;
    margin-bottom: 16px !important;
  }

  body .page-hero.urgent-hero .hero-actions{
    gap: 10px !important;
  }

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