.wp-block-carhop-blocks-story-timeline {
  @apply flex flex-col md:flex-row  gap-12 mx-auto max-w-screen-xl;
  aside.story-timeline__years {
    @apply text-white;
    ul {
      @apply sticky top-0 left-0 !pt-6;
      @apply list-none p-0 m-0 grid grid-cols-2 md:flex flex-col gap-4;
      li {
        @apply list-none bg-white text-primary border border-primary text-3xl fjalla p-0;
        a {
          @apply no-underline p-6 block;
        }
      }

      li.story-timeline__year[data-active='false'] {
        @apply opacity-30;
      }
      li.story-timeline__year[data-active='true'] {
        @apply opacity-100;
      }
    }
  }
}

.wp-block-carhop-blocks-heading + .wp-block-carhop-blocks-story-timeline {
  @apply mt-6;
}