.home .header__inner {
  min-height: 12rem;
}
.home .header__content--l {
  font-size: 2rem;
}

.home figure {
  width: var(--col-w-3);
}

@media screen and (max-width: 1024px) {
    .home figure {
      width: var(--col-w-6);
    }
}

@media screen and (max-width: 640px) {
    .home figure {
      width: var(--col-w-8);
    }
}


.home .main {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
}

.home-timeline {
    position: relative;
    height: calc(100dvh - var(--header-h));
    overflow: scroll;
    padding: 0 1rem;
}

.home-timeline__inner {
    display: flex;
    column-gap: var(--x-m);
    row-gap: var(--x-l);
    height: 100%;
    width: 100%;
}

.home-timeline__section {
  flex: 1;
  scroll-snap-type: y proximity;
}

.home-timeline__heading {
  font-size: var(--fs-s);
  color: var(--color-tx-muted);
  padding: var(--x-xs) 0;
  margin: 0;
  position: sticky;
  top: 0;
  background: white;
  z-index: 2;
}


.home-timeline__heading--year {
  position: sticky;
  top: calc(var(--fs-s) + var(--x-s));
  background: white;
  z-index: 1;
  border-bottom: var(--border);
}

.home-timeline__list {
    padding-bottom: var(--x-l);
}
.home-timeline__list-item {
    border-bottom: var(--border);
    scroll-snap-align: start;
    scroll-snap-stop: normal;
    scroll-margin-top:calc((var(--fs-s) + var(--x-s)));
}

.home-timeline__list-item--past {
    scroll-margin-top:calc((var(--fs-s) + var(--x-s)) * 2);
}

.home-timeline__now {
  padding: 0.1rem 0 var(--x-xs) 0;
}
.home-timeline__now-content {
  margin-top: var(--x-s);
}

@media only screen and (min-width: 1025px) {
  .home-timeline__section {
    overflow-y: auto;
  }
}
@media only screen and (max-width: 1024px) {
  .home-timeline__inner {
    display: block;
    scroll-snap-type: y proximity;
    overflow-y: auto;
  }
}

@media only screen and (max-width: 767px) {
    .home .header__content--l {
      font-size: 1.5rem;
    }

    .home .header__nav-list {
      flex-direction: column;
      align-items: end;
    }
}

@media only screen and (max-width: 375px) {
    .home .header__content--l {
      font-size: 1rem;
    }
}