.project-layer-stage,
.project-layer-stage > div {
  display: grid;
  gap: clamp(1.15rem, 3vw, 2rem);
}

.project-article__section--ai-layer.is-layer-sequence {
  display: block;
}

.is-layer-sequence .project-layer-runway,
.is-layer-sequence .project-layer-timeline-runway {
  position: relative;
  display: block;
  max-width: none;
}

.is-layer-sequence .project-layer-timeline-runway {
  position: absolute;
  top: var(--layer-timeline-start);
  inset-inline: 0;
}

.is-layer-sequence .project-layer-stage {
  position: sticky;
  top: 4rem;
  width: 100%;
  z-index: 1;
  background: var(--warm-white);
}

.is-layer-sequence .project-layer-stage.is-released {
  position: absolute;
  top: var(--layer-release-top);
}

.is-layer-sequence .project-layer-stage > div {
  max-width: 52rem;
  overflow: hidden;
}

.is-layer-sequence .project-layer-stage > h2 {
  opacity: var(--layer-title-opacity, 0);
  transform: translateY(calc((1 - var(--layer-title-opacity, 0)) * 1.25rem));
}

.is-layer-sequence .project-article__inline-media {
  aspect-ratio: auto;
  overflow: hidden;
  transform-origin: top center;
}

.is-layer-sequence .project-article__inline-media img {
  object-position: center top;
}

.is-layer-sequence .project-article__inline-media.is-folded {
  border: 0;
  box-shadow: none;
}

.is-layer-sequence .project-article__chips {
  opacity: var(--layer-chips-opacity, 1);
}

.is-layer-sequence .project-article__timeline li {
  opacity: 0;
  transform: translateY(2rem);
  transition: opacity 700ms cubic-bezier(.16, 1, .3, 1), transform 700ms cubic-bezier(.16, 1, .3, 1);
}

.is-layer-sequence .project-article__timeline li.is-visible {
  opacity: 1;
  transform: none;
}

@media (min-width: 901px) {
  .is-layer-sequence .project-article__timeline {
    position: sticky;
    top: calc(4rem + var(--layer-stage-height, 0px) + 1.5rem);
  }
}

@media (max-width: 900px) {
  .is-layer-sequence .project-layer-stage {
    top: 0;
  }
}