/* Venture landing - responsive */



@media (max-width: 1024px) {

  .vn-highlights { grid-template-columns: repeat(2, 1fr); }

  .vn-growth-grid { grid-template-columns: repeat(2, 1fr); }

  .vn-split { grid-template-columns: 1fr; }

  .vn-connectivity { grid-template-columns: 1fr; }

  .vn-contact-grid { grid-template-columns: 1fr; }

  .vn-footer__grid { grid-template-columns: 1fr 1fr; }

  .vn-plots__filters { grid-template-columns: repeat(3, 1fr); }

}



@media (max-width: 991px) {

  .vn-nav__desktop-actions,

  .vn-nav__links--desktop {

    display: none !important;

  }



  .vn-nav__toggle {

    display: flex;

  }



  .vn-hero__facts { grid-template-columns: repeat(2, 1fr); }

  .vn-pillars { grid-template-columns: 1fr; }

  .vn-gallery { columns: 2; }

}



@media (min-width: 992px) {

  .vn-mobile-menu,

  .vn-nav__backdrop {

    display: none !important;

  }

}



@media (max-width: 768px) {

  :root {

    --section-py: clamp(3rem, 7vw, 4.5rem);

  }



  .vn-hero__facts { grid-template-columns: 1fr 1fr; }

  .vn-highlights { grid-template-columns: 1fr; }

  .vn-growth-grid { grid-template-columns: 1fr; }

  .vn-plots__filters { grid-template-columns: 1fr 1fr; }

  .vn-form-grid { grid-template-columns: 1fr; }

  .vn-footer__grid { grid-template-columns: 1fr; }

  .vn-gallery { columns: 1; }

  .vn-about-stats { grid-template-columns: 1fr; }



  .vn-mobile-bar { display: flex; }



  .vn-float-wa {

    bottom: calc(4.5rem + env(safe-area-inset-bottom, 0));

    right: 1rem;

  }



  body.vn-body { padding-bottom: calc(4.5rem + env(safe-area-inset-bottom, 0)); }



  .vn-layout__toolbar { gap: 0.35rem; }

  .vn-layout__tool span { display: none; }

  .vn-layout__zoom-label { display: none; }



  .vn-cta-band__actions .vn-btn { width: 100%; }

  .vn-hero__actions .vn-btn { flex: 1 1 auto; min-width: 140px; }

}



@media (max-width: 480px) {

  .vn-plots__filters { grid-template-columns: 1fr; }

  .vn-nav__brand-sub { display: none; }

  .vn-hero__facts { grid-template-columns: 1fr; }

}



@media (prefers-reduced-motion: reduce) {

  .vn-reveal {

    opacity: 1;

    transform: none;

    transition: none;

  }



  .vn-hero__bg-glow {

    animation: none;

  }



  .vn-mobile-menu__panel {

    transition: none;

    transform: none;

  }

}