/* v1056 — Working Visa mobile hero panorama hardfix
   Mobile only:
   - crop hero to a short top-banner panorama like the approved frame
   - make the banner full device width
   - place it flush under the top menu/time strip with no white gap
   - remove rounded corners
   - reduce hero title size for better balance
   Desktop remains unchanged. */

@media (max-width: 900px){
  body.working-article-page-v814 .working-article-v814,
  body.working-article-page-v814 .working-hero-v814,
  body.working-article-page-v814 .working-container-v814{
    margin-top:0 !important;
    padding-top:0 !important;
  }

  body.working-article-page-v814 .working-container-v814{
    max-width:100% !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }

  body.working-article-page-v814 .working-hero-card-v814{
    width:100vw !important;
    max-width:100vw !important;
    margin:0 calc(50% - 50vw) 14px !important;
    min-height:0 !important;
    height:auto !important;
    aspect-ratio:16 / 5 !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    overflow:hidden !important;
    background:#0b2b55 !important;
  }

  body.working-article-page-v814 .working-hero-card-v814 img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    min-height:100% !important;
    max-width:100% !important;
    border-radius:0 !important;
    object-fit:cover !important;
    object-position:78% 30% !important;
  }

  body.working-article-page-v814 .working-hero-card-v814::after{
    background:
      linear-gradient(90deg, rgba(7,29,58,.72) 0%, rgba(7,29,58,.48) 40%, rgba(7,29,58,.14) 68%, rgba(7,29,58,0) 100%),
      linear-gradient(0deg, rgba(7,29,58,.10), rgba(7,29,58,.10)) !important;
  }

  body.working-article-page-v814 .working-hero-copy-v814{
    left:14px !important;
    right:14px !important;
    top:auto !important;
    bottom:14px !important;
    transform:none !important;
    max-width:62% !important;
  }

  body.working-article-page-v814 .working-hero-copy-v814 span{
    margin-bottom:8px !important;
    padding:5px 11px !important;
    font-size:11px !important;
    line-height:1.15 !important;
    font-weight:800 !important;
  }

  body.working-article-page-v814 .working-hero-copy-v814 h1{
    margin:0 !important;
    font-size:clamp(28px, 8.8vw, 40px) !important;
    line-height:.95 !important;
    letter-spacing:-.03em !important;
    text-shadow:0 8px 22px rgba(0,0,0,.18) !important;
  }

  body.working-article-page-v814 .working-hero-copy-v814 p{
    display:none !important;
  }
}

@media (max-width: 430px){
  body.working-article-page-v814 .working-hero-card-v814{
    aspect-ratio:43 / 14 !important;
    margin-bottom:12px !important;
  }

  body.working-article-page-v814 .working-hero-card-v814 img{
    object-position:79% 32% !important;
  }

  body.working-article-page-v814 .working-hero-copy-v814{
    left:12px !important;
    right:12px !important;
    bottom:12px !important;
    max-width:64% !important;
  }

  body.working-article-page-v814 .working-hero-copy-v814 span{
    margin-bottom:7px !important;
    padding:5px 10px !important;
    font-size:10px !important;
  }

  body.working-article-page-v814 .working-hero-copy-v814 h1{
    font-size:clamp(26px, 8.2vw, 34px) !important;
  }
}