/*


 * Responsive transition contract for real front-page sections.


 * One overlay element stores Desktop/Tablet/Mobile geometry in CSS variables;


 * the active breakpoint selects the effective state without duplicating content.


 *


 * Shell side effects are responsive too. A transition disabled on Tablet or


 * Mobile restores clipping and does not hide that device's configured border.


 */


body.home .vh-section-transition-overlay--responsive{


  display:none !important;


}





@media (min-width:992px){


  body.home .vh-section-transition-source.vh-section-has-seamless-overlap{


    overflow:hidden !important;


  }


  body.home .vh-section-transition-source.vh-section-transition-desktop--overlap-active{


    overflow:visible !important;


    clip-path:none !important;


  }


  body.home .vh-section-transition-desktop--top-requested{


    --vh-transition-responsive-top-border-color:transparent;


  }


  body.home .vh-section-transition-desktop--bottom-requested{


    --vh-transition-responsive-bottom-border-color:transparent;


  }


  body.home .vh-section-transition-overlay--responsive{


    display:var(--vh-transition-desktop-display,none) !important;


    height:var(--vh-transition-desktop-height-fallback,0px) !important;


    height:var(--vh-transition-desktop-height,0px) !important;


    transform:var(--vh-transition-desktop-transform,none) !important;


    background:var(--vh-transition-desktop-background,none) !important;


  }


}


@media (min-width:600px) and (max-width:991.98px){


  body.home .vh-section-transition-source.vh-section-has-seamless-overlap{


    overflow:hidden !important;


  }


  body.home .vh-section-transition-source.vh-section-transition-tablet--overlap-active{


    overflow:visible !important;


    clip-path:none !important;


  }


  body.home .vh-section-transition-tablet--top-requested{


    --vh-transition-responsive-top-border-color:transparent;


  }


  body.home .vh-section-transition-tablet--bottom-requested{


    --vh-transition-responsive-bottom-border-color:transparent;


  }


  body.home .vh-section-transition-overlay--responsive{


    display:var(--vh-transition-tablet-display,none) !important;


    height:var(--vh-transition-tablet-height-fallback,0px) !important;


    height:var(--vh-transition-tablet-height,0px) !important;


    transform:var(--vh-transition-tablet-transform,none) !important;


    background:var(--vh-transition-tablet-background,none) !important;


  }


}


@media (max-width:599.98px){


  body.home .vh-section-transition-source.vh-section-has-seamless-overlap{


    overflow:hidden !important;


  }


  body.home .vh-section-transition-source.vh-section-transition-mobile--overlap-active{


    overflow:visible !important;


    clip-path:none !important;


  }


  body.home .vh-section-transition-mobile--top-requested{


    --vh-transition-responsive-top-border-color:transparent;


  }


  body.home .vh-section-transition-mobile--bottom-requested{


    --vh-transition-responsive-bottom-border-color:transparent;


  }


  body.home .vh-section-transition-overlay--responsive{


    display:var(--vh-transition-mobile-display,none) !important;


    height:var(--vh-transition-mobile-height-fallback,0px) !important;


    height:var(--vh-transition-mobile-height,0px) !important;


    transform:var(--vh-transition-mobile-transform,none) !important;


    background:var(--vh-transition-mobile-background,none) !important;


  }


}