.page {
    background-color: var(--color--white);
}


.events {
    margin-bottom: 64px;
}

.events .wrapper {
    display: grid;
    grid-column-gap: 64px;
    grid-template-columns: 1fr 247px;
}


.media-appearances {
    margin-bottom: 64px;
}


.items .title {
    margin-bottom: 16px;
}

.items-list {
    display: grid;
    grid-gap: 16px;
    grid-template-columns: repeat(3, 1fr);
}

.items-list.events-list {
    grid-gap: 16px;
}

.items-list.media {
    grid-gap: 32px;
}

.items-list:not(:last-child) {
    margin-bottom: 32px;
}



@media (max-width: 1299px) {
    .events .wrapper {
        grid-column-gap: 48px;
        grid-template-columns: 1fr 241px;
    }


    .items-list.events-list {
        grid-template-columns: repeat(2, 1fr);
    }

    .items-list.media {
        grid-gap: 24px;
    }
}


@media (max-width: 1024px) {
    .events .wrapper {
        display: flex;
        flex-direction: column-reverse;
        row-gap: 32px;
    }


    .items-list.events-list {
        grid-template-columns: 1fr;
    }

    .items-list.media {
        grid-template-columns: 1fr;
        row-gap: 16px;
    }
}