/** Shopify CDN: Minification failed

Line 21:16 Unexpected "{"
Line 21:28 Expected ":"
Line 21:32 Unexpected "{"
Line 27:18 Unexpected "{"
Line 27:30 Expected ":"
Line 32:18 Unexpected "{"
Line 32:30 Expected ":"
Line 46:18 Unexpected "{"
Line 46:30 Expected ":"
Line 56:18 Unexpected "{"
... and 43 more hidden warnings

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:story-timeline (INDEX:126) */
#StoryTimeline-{{ section_id }} {
    position: relative;
    width: 100%;
    background-color: var(--stt-bg);
  }

  #StoryTimeline-{{ section_id }} .story-timeline__scroll {
    position: relative;
    width: 100%;
  }

  #StoryTimeline-{{ section_id }} .story-timeline__pin {
    position: sticky;
    top: 0;
    height: 100vh;
    width: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: var(--stt-pad-top);
    padding-bottom: var(--stt-pad-bottom);
    box-sizing: border-box;
  }

  #StoryTimeline-{{ section_id }} .story-timeline__inner {
    position: relative;
    width: 100%;
    max-width: var(--stt-max-width);
    height: 100%;
    margin: 0 auto;
    padding: 0 24px;
    box-sizing: border-box;
  }

  #StoryTimeline-{{ section_id }} .story-timeline__panel {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    will-change: transform, opacity;
    backface-visibility: hidden;
  }

  #StoryTimeline-{{ section_id }} .story-timeline__panel--intro {
    text-align: center;
  }

  #StoryTimeline-{{ section_id }} .story-timeline__intro-heading {
    margin: 0 auto;
  }

  #StoryTimeline-{{ section_id }} .story-timeline__card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 48px;
    width: 100%;
  }

  #StoryTimeline-{{ section_id }} .story-timeline__card-text {
    flex: 1 1 45%;
  }

  #StoryTimeline-{{ section_id }} .story-timeline__card-text p {
    margin: 0 0 1em;
  }

  #StoryTimeline-{{ section_id }} .story-timeline__highlight {
    color: var(--stt-highlight-color);
    font-weight: var(--stt-highlight-weight);
    font-size: var(--stt-highlight-size);
    letter-spacing: var(--stt-highlight-spacing);
  }

  #StoryTimeline-{{ section_id }} .story-timeline__card-image {
    flex: 1 1 45%;
    display: flex;
    justify-content: center;
  }

  #StoryTimeline-{{ section_id }} .story-timeline__img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: var(--stt-radius);
    box-shadow: var(--stt-shadow);
  }

  /* Tablet */
  @media (max-width: 989px) {
    #StoryTimeline-{{ section_id }} .story-timeline__card {
      gap: 28px;
    }
    #StoryTimeline-{{ section_id }} .story-timeline__card-image {
      transform: none !important;
    }
  }

  /* Mobile: image above text, everything centered */
  /* Mobile: NO pin/scrub — normal stacked flow, image on top + text below per card */
  @media (max-width: 749px) {
    /* ADDED: kill the scroll-height wrapper and sticky pin completely */
    #StoryTimeline-{{ section_id }} .story-timeline__scroll {
      height: auto !important;
    }
    #StoryTimeline-{{ section_id }} .story-timeline__pin {
      position: relative !important;
      top: auto;
      height: auto;
      display: block;
      padding-top: var(--stt-pad-top);
      padding-bottom: var(--stt-pad-bottom);
    }
    #StoryTimeline-{{ section_id }} .story-timeline__inner {
      padding: 0 16px;
      height: auto;
    }
    /* ADDED: panels stack normally instead of absolute-positioned crossfade layers */
    #StoryTimeline-{{ section_id }} .story-timeline__panel {
      position: relative !important;
      inset: auto;
      opacity: 1 !important;
      visibility: visible !important;
      transform: none !important;
      filter: none !important;
      padding: 40px 0;
    }
    #StoryTimeline-{{ section_id }} .story-timeline__card {
      flex-direction: column;
      text-align: center;
      gap: 20px;
    }
    #StoryTimeline-{{ section_id }} .story-timeline__card-text {
      max-width: 100% !important;
      margin: 0 auto;
    }
    #StoryTimeline-{{ section_id }} .story-timeline__card-image {
      width: 100% !important;
      max-width: 100% !important;
      transform: none !important;
    }
    #StoryTimeline-{{ section_id }} .story-timeline__intro-heading {
      max-width: 100% !important;
      font-size: calc({{ settings.intro_font_size }}px * 0.6) !important;
    }
  }

  /* Respect reduced motion: static stacked layout, no pin/blur */
  @media (prefers-reduced-motion: reduce) {
    #StoryTimeline-{{ section_id }} .story-timeline__pin {
      position: relative;
      height: auto;
    }
    #StoryTimeline-{{ section_id }} .story-timeline__scroll {
      height: auto !important;
    }
    #StoryTimeline-{{ section_id }} .story-timeline__panel {
      position: relative;
      inset: auto;
      opacity: 1 !important;
      transform: none !important;
      filter: none !important;
      padding: 60px 0;
    }
  }
/* END_SECTION:story-timeline */