.project-page header h2 {
    margin: 0 0 0.25em;
    font-size: 1.5em;
}

.back-home {
    font-size: 0.875em;
}

.eyebrow {
    margin-bottom: 0.5em;
}

.project-page header {
    margin-bottom: 2em;
}

.section-heading {
    margin-bottom: 1em;
}

.game-frame {
    overflow: hidden;
    width: 100%;
}

.game-frame iframe {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 5;
    border: 0;
}

.caption {
    margin-top: 0.5em;
    font-size: 0.875em;
}

.earlier-versions {
    margin-top: 2em;
}

.reference-videos {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1em;
    padding-left: 0;
    list-style: none;
}

.reference-videos li {
    margin: 0;
}

.reference-videos video {
    display: block;
    width: 100%;
}

.project-page article {
    margin-top: 2em;
}

@media (max-width: 480px) {
    .reference-videos {
        grid-template-columns: 1fr;
    }
}