.elementor-kit-4{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-8ed65c4:#EE8122;--e-global-color-aa63b4c:#1C3074;--e-global-color-168ae34:#257DE1;--e-global-color-7459783:#000000;--e-global-color-93770b7:#FFFFFF;--e-global-color-0f0a432:#152857;--e-global-color-c0e3747:#EBEBEB;--e-global-color-bc339c0:#E6E6E6;--e-global-color-363c771:#050E22;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-weight:500;}.elementor-kit-4 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ========== HERO ========== */
.longhero { position: relative; overflow: hidden; }
.longhero .elementor-container { position: relative; z-index: 3; }
.nightBackground{
  position:absolute; inset:0;
  background: radial-gradient(circle at 50% 0, #34a7fa4d, #fff0 46%), linear-gradient(#151b20,#151b20);
  opacity:0; transition:opacity 2s ease; z-index:4;
}

/* ========== CARDS (generic) ========== */
.card {
  background:#fff; border-radius:20px; padding:28px;
  transition: transform .25s ease, box-shadow .25s ease;
  box-shadow:0 2px 12px rgba(0,0,0,.05);
}
.card:hover { transform: translateY(-4px); box-shadow:0 10px 24px rgba(0,0,0,.08); }

/* ========== MID FULL-BLEED VIDEO ========== */
.v2-section-vid3o .video-container{
  position:relative; height:100%; width:100%; overflow:hidden; background:#000;
}
.v2-section-vid3o video{ width:100%; height:100%; object-fit:cover; }
.controls-bubble{
  background:#9a9a9a05; border-radius:200px; display:flex; align-items:center; gap:16px;
  padding:18px; backdrop-filter:blur(15px) contrast(.5);
  position:fixed; bottom:20px; left:50%; transform:translateX(-50%);
  opacity:0; transition:opacity .3s; pointer-events:none;
}
.controls-bubble.visible{ opacity:1; pointer-events:auto; }
.controls-bubble.absolute{ position:absolute; }
.control-button{
  background:none; border:none; width:24px; height:24px; display:flex; align-items:center; justify-content:center;
  color:#fff; opacity:.7; transition:.2s;
}
.control-button:hover{ opacity:1; }

/* ========== BOTTOM STICKY LOGO REVEAL ========== */
.masked-vid-wrapper{ position:sticky; top:0; height:100vh; width:100%; overflow:hidden; }
.fullscreen-sticky-vid{ position:absolute; inset:0; }
.a-svg-wrapper{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; z-index:2; }

/* Mask “window” around final logo — adjust these 250/300 values to fit logo size */
.mask-cover-top, .mask-cover-bottom, .mask-cover-left, .mask-cover-right{
  position:absolute; background:#fff; z-index:4;
}
.mask-cover-top{ top:0; left:0; width:100%; height:calc(50vh - 250px); }
.mask-cover-bottom{ bottom:0; left:0; width:100%; height:calc(50vh - 250px); }
.mask-cover-left{ top:0; left:0; width:calc(50vw - 300px); height:100%; }
.mask-cover-right{ top:0; right:0; width:calc(50vw - 300px); height:100%; }

/* Start: giant logo centered */
#A-mask-svg{
  position:absolute; top:50%; left:50%; transform-origin:center;
  transform:translate(-50%,-50%) scale(35);
}

/* ========== MOBILE ========== */
@media (max-width: 600px){
  .a-svg-wrapper{ display:none; } /* simplify sticky logo section on phones */
  .masked-vid-wrapper{ height:50vh; }
}/* End custom CSS */