.elementor-kit-4{--e-global-color-primary:#183153;--e-global-color-secondary:#E8894A;--e-global-color-text:#D97736;--e-global-color-accent:#FAF8F5;--e-global-color-c510a8d:#FAF8F5;--e-global-color-e331284:#222222;--e-global-color-9207364:#5E5E5E;--e-global-color-7534db4:#E7E1D8;--e-global-color-7907ce5:#FFFFFF;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-size:64px;--e-global-typography-primary-font-weight:600;--e-global-typography-primary-line-height:1em;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-size:58px;--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-line-height:1.1em;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:54px;--e-global-typography-text-font-weight:600;--e-global-typography-text-line-height:1.1em;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-size:42px;--e-global-typography-accent-font-weight:600;--e-global-typography-accent-line-height:1.2em;--e-global-typography-9b75c1b-font-family:"Inter";--e-global-typography-9b75c1b-line-height:1.2em;--e-global-typography-119a316-font-family:"Inter";--e-global-typography-119a316-font-size:26px;--e-global-typography-119a316-line-height:1.3em;--e-global-typography-aa293b1-font-family:"Inter";--e-global-typography-aa293b1-font-size:20px;--e-global-typography-55db0b5-font-family:"Inter";--e-global-typography-55db0b5-font-size:20px;--e-global-typography-ffdaf1d-font-family:"Inter";--e-global-typography-ffdaf1d-font-weight:600;--e-global-typography-ffdaf1d-text-transform:uppercase;--e-global-typography-ffdaf1d-letter-spacing:0.8px;--e-global-typography-05eb1db-font-family:"Inter";--e-global-typography-05eb1db-font-weight:600;--e-global-typography-05eb1db-text-transform:uppercase;--e-global-typography-05eb1db-letter-spacing:1.1px;--e-global-typography-03ccd0e-font-family:"Inter";--e-global-typography-03ccd0e-font-size:16px;--e-global-typography-03ccd0e-font-weight:500;--e-global-typography-03ccd0e-line-height:1.5em;--e-global-typography-61c40c7-font-family:"Inter";--e-global-typography-61c40c7-font-size:18px;--e-global-typography-61c40c7-font-weight:500;--e-global-typography-fbe7da8-font-family:"Inter";--e-global-typography-fbe7da8-font-size:14px;--e-global-typography-fbe7da8-font-weight:600;--e-global-typography-fbe7da8-text-transform:uppercase;--e-global-typography-fbe7da8-line-height:1em;--e-global-typography-fbe7da8-letter-spacing:0.8px;--e-global-typography-fa07cec-font-family:"Inter";--e-global-typography-fa07cec-font-size:58px;--e-global-typography-fa07cec-font-weight:600;--e-global-typography-e2e8291-font-family:"Inter";--e-global-typography-e2e8291-font-size:42px;--e-global-typography-e2e8291-font-weight:600;}.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-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-kit-4{--e-global-typography-primary-font-size:48px;--e-global-typography-primary-line-height:1.1em;--e-global-typography-secondary-font-size:32px;--e-global-typography-secondary-line-height:1.1em;--e-global-typography-text-font-size:32px;--e-global-typography-text-line-height:1.1em;--e-global-typography-accent-font-size:32px;--e-global-typography-accent-line-height:1.1em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* =========================
   Case Study Stack - Desktop
========================= */

.case-stack{
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 160px;
  overflow: visible !important;
  padding-bottom: 180px;
}

.case-panel{
  position: sticky;
  top: 120px;
  min-height: 560px;
  border-radius: 4px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 30px 80px rgba(0,0,0,0.14);
}

/* Stacking order */
.case-panel:nth-child(1){ z-index: 1; }
.case-panel:nth-child(2){ z-index: 2; }
.case-panel:nth-child(3){ z-index: 3; }

/* Orange gradient panel background */
.case-panel.orange-gradient{
  background-image:
    radial-gradient(circle at top left, rgba(255,255,255,0.12) 0%, transparent 35%),
    radial-gradient(circle at bottom right, rgba(0,0,0,0.15) 0%, transparent 40%),
    linear-gradient(
      to left,
      #f4a46f,
      #f09559,
      #ec8644,
      #e6762d,
      #e16612
    );
}

/* Noise overlay */
.case-panel.orange-gradient::before{
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='0.08'/%3E%3C/svg%3E");
  opacity: 0.25;
  pointer-events: none;
  mix-blend-mode: soft-light;
  z-index: 0;
}

/* Keep content above overlay */
.case-panel > *{
  position: relative;
  z-index: 1;
}
@media (max-width: 1024px){

  .case-stack{
    gap: 100px;
    padding-bottom: 120px;
  }

  .case-panel{
    top: 90px;
    min-height: 500px;
    border-radius: 4px;
  }

}
@media (max-width: 767px){

  .case-stack{
    gap: 32px;
    padding-bottom: 0;
    overflow: visible !important;
  }

  .case-panel{
    position: relative;
    top: auto;
    min-height: auto;
    border-radius: 4px;
    box-shadow: 0 18px 45px rgba(0,0,0,0.10);
  }

}/* End custom CSS */