/* The generic section padding already defines the page's content width.
   Do not count that padding inside a second max-width constraint. */
.seo-page .seo-content {
    width: 100%;
    max-width: none;
    margin: 0;
}

.seo-page .event-story {
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    gap: clamp(48px, 7vw, 120px);
}

@media (min-width: 1600px) {
    .seo-page .event-story-images {
        height: 680px;
    }
}

@media (max-width: 850px) {
    .seo-page .event-story {
        grid-template-columns: minmax(0, 1fr);
        gap: 45px;
    }
}

@media (max-width: 560px) {
    .seo-page .seo-content {
        overflow: hidden;
    }

    .seo-page .event-story {
        gap: 30px;
        margin-top: 35px;
        margin-bottom: 70px;
    }
}