.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 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);}@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 */.trnk-hero{
  overflow: hidden;
  position: relative;
}

/* =========================
   TRNKYEVNTS — HERO (ALT BUILD)
   Background Slideshow on .trnk-hero
   Static copy + static CTA overlay
   ========================= */

/* HERO WRAPPER */
.trnk-hero{
  position: relative;
  overflow: hidden;

  /* Adjustable overlay controls (defaults) */
  --overlay-opacity: .62;   /* strength */
  --overlay-mid: 45%;       /* easing point */
  --overlay-height: 72%;    /* how high the fade rises */
}

/* BOTTOM GRADIENT OVERLAY (legibility layer) */
.trnk-hero::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index: 2;

  background: linear-gradient(
    to top,
    rgba(0,0,0,var(--overlay-opacity)) 0%,
    rgba(0,0,0,calc(var(--overlay-opacity) * .55)) var(--overlay-mid),
    rgba(0,0,0,0) var(--overlay-height)
  );
}

/* KEEP COPY ABOVE OVERLAY */
.trnk-hero .hero-copy{
  position: relative;
  z-index: 3;
}

/* STATIC CTA OVERLAY (Option B) */
.trnk-hero .hero-cta{
  position: absolute;
  left: 0; right: 0;
  bottom: 56px;
  display: flex;
  justify-content: center;
  gap: 16px;
  z-index: 4;
}

/* MOBILE STACK */
@media (max-width: 767px){
  .trnk-hero{
    --overlay-opacity: .72;
    --overlay-mid: 55%;
    --overlay-height: 80%;
  }

  .trnk-hero .hero-cta{
    bottom: 28px;
    flex-direction: column;
    align-items: center;
    gap: 12px;
  }
}

/* OPTIONAL: QUICK OVERLAY PRESETS (add as extra class on hero container) */
.trnk-hero.overlay-strong{ --overlay-opacity: .78; --overlay-height: 82%; }
.trnk-hero.overlay-light{  --overlay-opacity: .50; --overlay-height: 66%; }/* End custom CSS */