.timeline_timeline .text-block .header-image-container
{
    position: relative;
    height: var(--image-height);
    max-width: 100%;
    --image-height: 4rem;
}

@media (min-width: 992px)
{
    .timeline_timeline .text-block .header-image-container
    {
        --image-height: 6rem;
        height: var(--image-height)
    }
}

.timeline_timeline .text-block .header-image
{
    height: var(--image-height);
    width: calc(var(--image-height) * 2);
    object-fit: contain;
    object-position: bottom left;
    display: block;
}

.timeline_timeline .text-block .header-image:not([src]),
.timeline_timeline .text-block .header-image[src='']
{
    display: none;
}

.timeline_timeline .text-block .year-number
{
    color: var(--template-color-secondary);
    position: absolute;
    top: 50%;
    left: 1.5rem;
    transform: translateY(-50%);
    z-index: -1;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    font-size: clamp(80px, calc(5rem + ((1vw - 3.9px) * 6.5359)), 180px);
    min-height: 0vw; /* Safari fix */
}

.timeline_timeline .text-block .title
{
    background: linear-gradient(to top, var(--template-color-detail) 40%, transparent 40%) no-repeat;
}

.timeline_timeline .article-content .btn
{
    display: inline-flex;
    align-items: center;
    min-height: 3.5rem;
    padding-inline: 2.125rem;
    padding-block: 0;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.timeline_timeline .article-content *+.btn
{
    margin-top: 1.2rem;
}

.timeline_timeline .text-block hr,
.timeline_timeline .text-block hr:not([size]) /* bootstrap override */
{
    width: clamp(57px, calc(3.5625rem + ((1vw - 3.9px) * 1.5033)), 80px);
    height: 2px;
    opacity: 1;
    margin: 12px 0px 21px;
    color: var(--color-detail, --template-text-primary);
}

@media (min-width: 992px)
{
    .timeline_timeline .text-block hr,
    .timeline_timeline .text-block hr:not([size]) /* bootstrap override */
    {
        margin-top: 18px;
        margin-bottom: 26px;
    }
}