.page-timeline {
    --text-color: var(--secondary);
    
    padding-bottom: 1.25rem;

    background-color: var(--primary-800);
    text-align: center;
}

.page-timeline > *:not(.page-timeline--banner):not(.component-cta) {
    width: var(--content-width);
    margin-left: auto;
    margin-right: auto;

    color: var(--secondary);
}

.page-timeline--title {
    margin-top: 1.56rem;
}

.page-timeline--topic-image-text__timeline--caption {
    margin-top: 0.62rem;
    padding-bottom: 2.75rem;
}

.component-title-sliding-images-and-texts__timeline {
    position: relative;

    padding-top: 2.125rem;
    margin-bottom: 1.56rem;
}

.component-title-sliding-images-and-texts__timeline:before {
    content: '';

    display: block;
    position: absolute;
    top: 0;
    left: 50%;

    width: 100vw;
    height: .063rem;

    transform: translateX(-50%);
    background-color: var(--secondary);
}

.component-title-sliding-images-and-texts--component-title-cta-images-and-caption__timeline {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.component-title-cta-images-and-caption__timeline--image-wrapper {
    margin-bottom: 1.88rem;
}

.component-title-sliding-images-and-texts--component-wrapper-picture-picture-image__timeline {
    border-radius: .625rem;
}

.component-title-cta-images-and-caption__timeline--image-wrapper-description,
.component-title-sliding-images-and-texts--component-title-cta-images-and-caption__timeline--description p {
    color: var(--white);
}

.component-title-cta-images-and-caption__timeline--image-wrapper-description {
    margin-top: 0.31rem;

    font-size: .625rem;
    font-weight: 400;
    opacity: 0.7;
}

.component-title-sliding-images-and-texts--component-title-cta-images-and-caption__timeline--description h3 {
    margin-top: 0.31rem;

    font-size: 1.56rem;
}

.component-title-sliding-images-and-texts--component-title-cta-images-and-caption__timeline--description p {
    position: relative;

    margin-top: 1.88rem;
    
    font-size: .875rem;
    line-height: 1.3;
}

.component-title-sliding-images-and-texts--component-title-cta-images-and-caption__timeline--description:has(p ~ p) p {
    margin-top: 0.94rem;
}

.component-title-sliding-images-and-texts--component-title-cta-images-and-caption__timeline:not(:has(.component-title-sliding-images-and-texts--component-title-cta-images-and-caption__timeline--description p)):not(:last-of-type):after,
.component-title-sliding-images-and-texts--component-title-cta-images-and-caption__timeline--description p:after {
    content: '';
    
    display: block;

    width: 0.063rem;
    height: 9.38rem;
    margin: 1.88rem auto;

    background-color: var(--secondary);
    font-size: .875rem;
}

.component-title-sliding-images-and-texts--component-title-cta-images-and-caption__timeline--description p:not(:last-child):after {
    height: 4.375rem;
    margin: .94rem auto;
}

.page-timeline--component-cta__timeline path {
    fill: var(--primary-800);
}

.page-timeline--topic-title-text__timeline {
    margin-top: 4.92rem;
}

.page-timeline--topic-title-text__timeline * {
    text-align: left;
    color: rgba(255, 255, 255, 0.70);
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 130%;
}

@media screen and (min-width: 64rem) {/* 1024px */

    .page-timeline {
        padding-bottom: 4.37rem;
    }

    .page-timeline--banner {
        display: flex;
        align-items: center;
        height: 41.875rem;
        overflow: hidden;
    }

    .page-timeline--banner picture,
    .page-timeline--component-wrapper-picture-picture-image__timeline {
        width: 100%;
        height: auto;
    }

    .page-timeline--title,
    .page-timeline--content > * {
        max-width: var(--max-content-width);
        margin-left: auto;
        margin-right: auto;
    }

    .page-timeline--title,
    .page-timeline--topic-image-text__timeline {
        text-align: left;
    }

    .page-timeline--title {
        margin-top: 3.12rem;
    }

    .page-timeline--topic-image-text__timeline--caption {
        padding-bottom: 3.12rem;
    }

    .component-title-sliding-images-and-texts__timeline:is(*, #hey),
    .page-timeline--topic-title-text__timeline:is(*, #hey) {
        width: 61.3rem;
    }

    .component-title-sliding-images-and-texts__timeline {
        padding-top: 3.12rem;
        margin-bottom: 5rem;
    }

    .page-timeline--topic-image-text__timeline--caption {
        font-size: 2rem;
    }

    .component-title-cta-images-and-caption__timeline--image-wrapper-description {
        font-size: .8125rem;
    }

    .component-title-sliding-images-and-texts--component-title-cta-images-and-caption__timeline:last-child .component-title-sliding-images-and-texts--component-title-cta-images-and-caption__timeline--description p:last-child:after {
        content: none;
    }

    .component-title-sliding-images-and-texts--component-title-cta-images-and-caption__timeline--description h3 {
        font-size: var(--h3-size);
    }

    .component-title-sliding-images-and-texts--component-title-cta-images-and-caption__timeline--description p {
        font-size: 1.625rem;
    }
}