.elementor-203 .elementor-element.elementor-element-527bcde{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:-29px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-203 .elementor-element.elementor-element-527bcde{--margin-top:-29px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS *//* Desktop: 45% text / 55% video, 75vh tall, video fills right column */
@media (min-width:768px){
  /* OUTER hero (set CSS ID = hero) */
  #hero{
    height:75vh !important;
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:stretch !important;
    gap:0 !important;
    overflow:hidden !important;
    position:relative;
  }

  /* LEFT column (text/buttons) — set CSS CLASS = hero-content */
  #hero .hero-content{
    flex:0 0 45% !important;
    width:45% !important;
    max-width:45% !important;
    display:flex; align-items:center;
    position:relative; z-index:2;
  }

  /* RIGHT column (video) — set CSS ID = hero-video-side */
  #hero-video-side{
    flex:0 0 55% !important;
    width:55% !important;
    max-width:55% !important;
    position:relative;
    overflow:hidden;
    background:#1f1f1f;  /* blends with video edges */
    padding:0 !important;
  }

  /* Video behavior (same on all sites) */
  #hero-video-side .hero-video{
    position:absolute; inset:0;
    width:100%; height:100%;
    object-fit:cover;
    object-position:left center;   /* keep LEFT visible */
    transform-origin:left center;  /* crop happens on RIGHT */
    transform:scale(1.20);         /* ≈20% zoom */
    display:block; pointer-events:none;
  }
}/* End custom CSS */