.elementor-42 .elementor-element.elementor-element-d158d43{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-42 .elementor-element.elementor-element-d158d43:not(.elementor-motion-effects-element-type-background), .elementor-42 .elementor-element.elementor-element-d158d43 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-42 .elementor-element.elementor-element-86d2c29{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-42 .elementor-element.elementor-element-86d2c29:not(.elementor-motion-effects-element-type-background), .elementor-42 .elementor-element.elementor-element-86d2c29 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-39e8941 *//* ===== HARD MOBILE/TABLET FIXES (desktop unchanged) ===== */
@media (max-width: 1024px){

  /* 1) Sidebar: progress bar only */
  #explosion-history .be-years-wrap{ display: none !important; }   /* hide titles list */
  #explosion-history .be-mobile-progress{ display: block !important; }
  #explosion-history .be-trail{ display: none !important; }        /* hide desktop footsteps */

  /* 2) Timeline -> single column (kill desktop grid quirks) */
  #explosion-history.be-history{
    grid-template-columns: 1fr !important;
    gap: 24px !important;
    padding: 48px 16px !important;
  }
  #explosion-history .be-history__sidebar{
    position: sticky !important;
    top: var(--be-sticky-offset, 72px) !important;
    height: auto !important;
    padding: 8px 0 2px !important;
    background: linear-gradient(180deg, rgba(0,0,0,.85), rgba(0,0,0,0)) !important;
    z-index: 10 !important;
  }

  /* 3) Events: flatten layout so text can't get squeezed */
  #explosion-history .be-history__timeline{ gap: 40px !important; }
  #explosion-history .be-event{
    display: block !important;                 /* replace the 12-col grid */
    scroll-margin-top: calc(var(--be-sticky-offset, 72px) + 14px) !important;
    opacity: 1 !important; transform: none !important; filter: none !important;
  }
  #explosion-history .be-event__media,
  #explosion-history .be-event__content{
    grid-column: 1 / -1 !important;
    width: 100% !important;
  }

  /* 4) Images: full width, natural height (no tiny thumbnails) */
  #explosion-history .be-event__media{ border-radius: 12px !important; margin: 0 0 12px 0 !important; }
  #explosion-history .be-event__media img{
    display: block !important;
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    transform: none !important;
  }

  /* First image: undo desktop shrink on mobile */
  #explosion-history .be-event:first-of-type .be-event__media{ width: 100% !important; max-width: none !important; }
  #explosion-history .be-event:first-of-type .be-event__media img{ transform: none !important; }

  /* 5) Text card styling for mobile */
  #explosion-history .be-event__content{
    border-left: 0 !important;
    border-top: 3px solid var(--be-purple) !important;
    padding: 16px !important;
    background: linear-gradient(to bottom, rgba(155,89,182,.12), rgba(155,89,182,0)) !important;
  }

  /* 6) Typography/spacing tweaks */
  #explosion-history .be-headline{ font-size: 24px !important; margin-bottom: 10px !important; }
  #explosion-history .be-event__title{ font-size: 20px !important; }
  #explosion-history .be-event__text{ font-size: 14.5px !important; line-height: 1.55 !important; }
  #explosion-history .be-history__timeline{ gap: 28px !important; }
}

/* Very small phones */
@media (max-width: 380px){
  #explosion-history .be-event__title{ font-size: 18px !important; }
  #explosion-history .be-event__text{ font-size: 14px !important; }
}/* End custom CSS */