/* ROS Mortgages — framed hero photograph, PHONES AND TABLETS ONLY (27 Sep 2026).

   Sonu: "clients can see the images in full", "the full image should be inside
   the square", "everywhere it should be the complete landscape photo",
   "don't change the laptop style". So on screens up to 1040px the top photo is
   the complete landscape frame, uncropped, in a rounded box on navy, with the
   words below it — no veil over the picture and nothing written on it.

   Every rule is inside the max-width:1040px block, so laptops and desktops
   render exactly as before. The pages that use this also stop serving phones
   the cut-down upright crop (the <source media="(max-width: 620px)"> lines are
   removed), so the <img> here is always the full landscape photograph, and
   height:auto keeps its own proportions — nothing is ever cropped. */
@media (max-width: 1040px) {
  .hero--veil{background:#062A63 !important; display:block !important}
  .hero--veil::before{display:none !important}
  .hero--veil .hero__veil,
  .hero--veil .hero__vid{display:none !important}

  .hero--veil picture{display:block !important; position:relative !important; top:auto !important;
    left:auto !important; right:auto !important; height:auto !important; width:auto !important;
    margin:96px 16px 0 !important; overflow:hidden; border-radius:14px;
    box-shadow:0 16px 36px rgba(0,0,0,.35)}
  .hero--veil .hero__img{position:static !important; display:block !important; inset:auto !important;
    width:100% !important; height:auto !important; max-height:none !important;
    object-fit:contain !important; animation:none !important; transform:none !important; translate:none !important}

  .hero--veil .hero__in,
  .hero--veil.hero--veil-port .hero__in{position:relative !important; padding-top:24px !important}
  .hero--veil h1,.hero--veil p,.hero--veil .label,.hero--veil .hero__marks,
  .hero--veil .hero__news{text-shadow:none !important}
}
@media (min-width: 621px) and (max-width: 1040px) {
  .hero--veil picture{margin:100px 32px 0 !important; border-radius:18px}
}