.section--story-intro {
  padding-top: 120px;
  padding-bottom: var(--margin);
  text-align: center;
  min-height: auto;
}
.section--story-intro img {
  width: 100%;
  max-width: 650px;
}
.section--story-intro p:not(.h-md) {
  max-width: 800px;
  margin: 1em auto;
  font-size: 15px;
}

.hero-image {
  position: sticky;
  top: calc(50% - 100px);
  width: 260px;
  transform: rotate(-2.189deg);
  margin: auto;
  display: block;
}

.hero-container {
  height: calc(100dvh + 300px);
  width: auto;
}

section.section--photos {
  margin: 0;
  width: 100vw;
  position: relative;
  overflow-x: scroll;
  height: 1000px;
  top: -300px;
}
section.section--photos .photos-inner {
  display: flex;
  align-items: center;
  gap: var(--margin);
  transform: translateX(-50%);
  position: absolute;
  left: 50%;
}
section.section--photos .photos-inner .photo-group {
  display: flex;
  flex-direction: column;
  gap: var(--margin);
}
section.section--photos .photos-inner .photo-group:nth-child(3) img:first-child {
  opacity: 0;
  pointer-events: none;
}
section.section--photos .photos-inner img {
  transition: 100ms;
  align-self: center;
}
@media screen and (max-width: 1120px) {
  section.section--photos {
    overflow: hidden;
    top: -50px;
    height: 1120px;
  }
  section.section--photos .photos-inner {
    flex-direction: column;
    position: static;
    justify-content: center;
    align-items: center;
    transform: translateX(0%);
  }
  section.section--photos .photos-inner .photo-group {
    flex-direction: row;
    justify-content: center;
  }
  section.section--photos .photos-inner .photo-group:nth-child(3) img:first-child {
    opacity: 1;
    pointer-events: inherit;
  }
}
@media screen and (max-width: 600px) {
  section.section--photos {
    top: 0px;
    height: 1180px;
  }
  section.section--photos .photos-inner {
    transform: scale(0.8) !important;
  }
  section.section--photos img {
    transform: scale(0.8) !important;
    margin: -10px;
  }
  section.section--photos .photos-inner .photo-group {
    gap: 0px;
    margin: -10px;
  }
}

footer {
  margin-top: 100px;
}

/*# sourceMappingURL=story.css.map */