/* v912 - Visa Requirements hero image-first alignment
   Goal: image sits directly at the top of the page hero, text goes below it,
   and the oversized hero title is reduced. Scoped to visa-requirements.html only. */

body.visa-req-hero-image-first-v912 .visa-req-hero-v886{
  padding-top:0 !important;
  padding-bottom:32px !important;
  background:#fff !important;
}

body.visa-req-hero-image-first-v912 .visa-req-hero-v886 > .container{
  display:flex !important;
  flex-direction:column !important;
  gap:24px !important;
}

body.visa-req-hero-image-first-v912 .visa-req-hero-banner-v886{
  order:1 !important;
  margin:0 !important;
  border-radius:0 0 18px 18px !important;
  overflow:hidden !important;
  width:100% !important;
}

body.visa-req-hero-image-first-v912 .visa-req-hero-banner-v886 img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  aspect-ratio:16/4.2 !important;
  object-fit:cover !important;
  object-position:center center !important;
}

body.visa-req-hero-image-first-v912 .visa-req-hero-copy-v886{
  order:2 !important;
  max-width:1040px !important;
  margin:0 !important;
}

body.visa-req-hero-image-first-v912 .visa-req-hero-copy-v886 .eyebrow{
  margin-bottom:10px !important;
  font-size:16px !important;
  letter-spacing:.04em !important;
}

body.visa-req-hero-image-first-v912 .visa-req-hero-copy-v886 h1{
  margin:0 0 12px !important;
  font-size:clamp(36px,3.7vw,52px) !important;
  line-height:1.08 !important;
  letter-spacing:-.035em !important;
}

body.visa-req-hero-image-first-v912 .visa-req-hero-copy-v886 .muted{
  max-width:980px !important;
  font-size:20px !important;
  line-height:1.55 !important;
}

@media (max-width: 900px){
  body.visa-req-hero-image-first-v912 .visa-req-hero-v886 > .container{
    gap:18px !important;
  }
  body.visa-req-hero-image-first-v912 .visa-req-hero-banner-v886{
    border-radius:0 0 14px 14px !important;
  }
  body.visa-req-hero-image-first-v912 .visa-req-hero-banner-v886 img{
    aspect-ratio:16/6.2 !important;
  }
  body.visa-req-hero-image-first-v912 .visa-req-hero-copy-v886 h1{
    font-size:clamp(32px,8vw,44px) !important;
  }
  body.visa-req-hero-image-first-v912 .visa-req-hero-copy-v886 .muted{
    font-size:18px !important;
  }
}