.elementor-80 .elementor-element.elementor-element-5b0ac80{--display:flex;}/* Start custom CSS for html, class: .elementor-element-e5de175 *//* ===== Story Section ===== */
  .story{
    /* gör sektionen "lång" så du har scrollutrymme */
    height: 420vh;
    position: relative;
  }

  .story__sticky{
    position: sticky;
    top: 0;
    height: 100vh;
    display: grid;
    place-items: center;
    padding: 8vh 6vw;
  }

  .story__frame{
    max-width: 980px;
    width: 100%;
    text-align: center;
  }

  /* Alla rader ligger ovanpå varandra */
  .story__line{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, calc(-50% + 18px));
    width: min(980px, 92vw);

    font-size: clamp(28px, 3.2vw, 56px);
    line-height: 1.1;
    letter-spacing: -0.02em;

    opacity: 0;
    filter: blur(6px);
    transition: opacity 420ms ease, transform 420ms ease, filter 420ms ease;
    margin: 0;
  }

  /* Aktiv rad */
  .story__line.is-active{
    opacity: 1;
    filter: blur(0px);
    transform: translate(-50%, -50%);
  }

  /* Citat lite annorlunda typografi */
  .story__line:nth-child(n+8){
    font-size: clamp(22px, 2.4vw, 40px);
    line-height: 1.2;
  }

  /* Progress indicator (diskret) */
  .story__progress{
    position: absolute;
    bottom: 28px;
    left: 50%;
    transform: translateX(-50%);
    width: min(420px, 70vw);
    height: 6px;
    border-radius: 999px;
    background: rgba(0,0,0,0.08);
    overflow: hidden;
  }

  .story__bar{
    display: block;
    height: 100%;
    width: 0%;
    background: rgba(0,0,0,0.28);
    border-radius: 999px;
    transition: width 160ms linear;
  }

  /* Reduced motion */
  @media (prefers-reduced-motion: reduce){
    .story__line{ transition: none; filter: none; }
    .story__bar{ transition: none; }
  }/* End custom CSS */