/* Vista Lead Generation — TRUE NO-CROP IMAGE LAYOUT
   Original artwork dimensions/aspect ratios are preserved.
   Images scale proportionally only; no cover, crop, forced aspect ratio, or fixed media height. */
:root{--vlg-nocrop-margin-lg:24px;--vlg-nocrop-margin-sm:12px}

.visual-frame{
  height:auto!important;
  min-height:0!important;
  aspect-ratio:auto!important;
}
.visual-frame .visual-composite{
  display:block!important;
  width:calc(100% - (var(--vlg-nocrop-margin-lg) * 2))!important;
  max-width:calc(100% - (var(--vlg-nocrop-margin-lg) * 2))!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:var(--vlg-nocrop-margin-lg) auto!important;
  border-radius:14px!important;
}
.step-visual.visual-frame .visual-composite,
.resource-art.visual-frame .visual-composite,
.portrait-art.visual-frame .visual-composite{
  width:calc(100% - (var(--vlg-nocrop-margin-sm) * 2))!important;
  max-width:calc(100% - (var(--vlg-nocrop-margin-sm) * 2))!important;
  margin:var(--vlg-nocrop-margin-sm) auto!important;
}
.hero-art.visual-frame,
.inner-visual.visual-frame,
.switch-visual.visual-frame,
.step-visual.visual-frame,
.resource-art.visual-frame,
.portrait-art.visual-frame,
.contact-shell aside.visual-frame,
.green-impact.visual-frame{
  overflow:hidden!important;
}
@media(max-width:720px){
  :root{--vlg-nocrop-margin-lg:14px;--vlg-nocrop-margin-sm:9px}
}
@media(max-width:420px){
  :root{--vlg-nocrop-margin-lg:10px;--vlg-nocrop-margin-sm:7px}
}