.timeline {
        margin-top: 2rem;
    }

    .decade-header {
        /* background-color: #c1272d;
				color: white; */

        padding: 0.25rem;
        padding-left: 0.25rem;
        display: flex;
        align-items: center;
    }

    .decade-tag-wrap {
        position: relative;
        top: -4.25rem;
    }

    .decade-link-wrap:hover>.decade-link {
        background-color: rgba(255, 255, 255, 0.15);
    }

    .decade-title {
        border: 3px solid rgba(255, 255, 255, 0.15);
        background-color: rgba(255, 255, 255, 0.05);
        width: 5rem;
        min-width: 5rem;
        height: 5rem;
        font-size: 2.5rem;
        padding: 0.25rem;
        text-align: center;
        line-height: 5rem;
        font-weight: 100;
        border-radius: 50%;
        cursor: pointer;
        color: #888;
    }

    .decade-title:hover {
        background-color: rgba(255, 255, 255, 0.15);
    }

    .decades-before,
    .decades-after {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: wrap;
    }

    .decades-after {
        width: 9.25rem;
        justify-content: flex-end;
        padding-left: 0.5rem;
    }

    .decade-link {
        box-sizing: border-box;
        border: 2px solid rgba(255, 255, 255, 0.15);
        background-color: rgba(255, 255, 255, 0.05);
        width: 2rem;
        height: 2rem;
        font-size: 0.85rem;
        padding: 0.25rem;
        text-align: center;
        line-height: 1.25rem;
        font-weight: 100;
        border-radius: 50%;
        color: #888;
        margin: 0.3rem;
    }

    .decade-open {
        color: #c1272d;
    }

    .year-header {
        padding: 0.25rem;
        margin-left: 11.5rem;
        font-size: 1.25rem;
        color: #c1272d;
        display: flex;
        position: relative;
    }

    .year-divider {
        position: relative;
        width: 100%;
        border-bottom: 4px dotted #444;
        margin-left: 0.5rem;
        bottom: 0.6rem;
    }

    .perform {
        display: flex;
    }

    .perform-dates {
        min-width: 12rem;
        max-width: 12rem;
        font-size: 0.85rem;
        color: #888;
        text-align: right;
        padding: 0.6rem 0;
        padding-right: 1rem;
        border-right: 3px solid rgba(255, 255, 255, 0.15);
    }

    .perform-poster {
        margin-top: 0.5rem;
        margin-bottom: 1.5rem;
        width: 100%;
        display: flex;
        justify-content: flex-end;
    }

    .perform-venue-location {
        font-size: 80%;
        opacity: 0.5;
        margin: 0.25rem 0;
    }

    .perform-poster>.img-gallery>a {
        margin: 0;
    }

    .perform-poster>.img-gallery>.img-thumb,
    .perform-poster>.img-gallery>a>.img-thumb {
        /*min-width: 6rem;*/
        max-width: 9rem;
    }

    .perform-content {
        text-align: left;
        margin-left: 1rem;
        padding: 0.5rem 0;
        word-break: break-word;
    }

    .perform-title {
        color: #c1272d;
        font-size: 1.25rem;
        margin-top: -0.2rem;
        opacity: 0.75;
        word-break: break-word;
    }

    .link-collection {
        font-size: 0.85rem;
    }

    .image-gallery {
        margin: 0.25rem 0;
        margin-top: 0.5rem;
    }

    .link-collection>a {
        margin-right: 0.5rem;
    }

    @media only screen and (max-width: 679px) {
        .perform-dates {
            min-width: 6rem;
            max-width: 6rem;
        }

        .decade-header {
            padding-left: 0rem;
            margin-left: -1.65rem;
        }

        .year-header {
            margin-left: 5.5rem;
        }

        .decades-after {
            width: 5.25rem;
        }

        .img-gallery>a>img {
            max-width: 140px;
        }
    }
	
	.perform-related { margin-top: .75rem; padding-top: .75rem; border-top: 1px solid rgba(255,255,255,.1); }
	
	.perform-related-title { font-weight: 600; margin-bottom: .5rem; opacity: .9; }
	
	.perform-related-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: .5rem; }

	.rel-press-card { display: flex; gap: .6rem; text-decoration: none; border-radius: 10px; padding: .5rem; background: rgba(255,255,255,.04); }
	
	.rel-press-card:hover { background: rgba(255,255,255,.07); }

	.rel-press-thumb { width: 56px; height: 56px; object-fit: cover; border-radius: 8px; flex: 0 0 auto; }
	
	.rel-press-meta { min-width: 0; }
	.rel-press-title { font-weight: 600; line-height: 1.2; }
	.rel-press-sub { font-size: .85em; opacity: .75; margin-top: .15rem; }