/* v422G — Show more of the Vietnam line-art background under the Why cards.
   The previous v418G crop was too shallow, so the drawing looked cut in half.
   Keep the card layout intact, but give the decorative art more vertical space. */

.home-page .why-vge-line-art-under-grid-v404G{
  height: clamp(184px, 14.8vw, 255px) !important;
  margin-top: clamp(-22px, -1.4vw, -12px) !important;
  margin-bottom: 0 !important;
}

.home-page .why-vge-line-art-under-grid-v404G::before,
.home-page .why-vge-line-art-under-grid-v404G::after{
  height: 100% !important;
  width: min(90vw, 1480px) !important;
}

.home-page .why-vge-line-art-under-grid-v404G::before{
  background-position: center bottom !important;
  background-size: 100% auto !important;
  opacity: .58 !important;
}

.home-page .why-vge-line-art-under-grid-v404G::after{
  background: linear-gradient(180deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.03) 34%,
    rgba(255,255,255,.10) 72%,
    rgba(255,255,255,.38) 100%) !important;
}

.home-page .trust-section + .section,
.home-page .home-fees-teaser{
  padding-top: clamp(26px, 2.8vw, 40px) !important;
}

@media (max-width: 980px){
  .home-page .why-vge-line-art-under-grid-v404G{
    height: clamp(150px, 20vw, 220px) !important;
    margin-top: -12px !important;
  }

  .home-page .why-vge-line-art-under-grid-v404G::before,
  .home-page .why-vge-line-art-under-grid-v404G::after{
    width: 94vw !important;
  }
}

@media (max-width: 640px){
  .home-page .why-vge-line-art-under-grid-v404G{
    height: clamp(118px, 30vw, 170px) !important;
    margin-top: -8px !important;
  }

  .home-page .why-vge-line-art-under-grid-v404G::before,
  .home-page .why-vge-line-art-under-grid-v404G::after{
    width: 98vw !important;
  }
}