.main-content {
    max-width: var(--max-content-width);
    margin: 0 auto;
    padding-left: var(--size-xx-large);
    padding-right: var(--size-xx-large);
}

.header .logo {
    font-variation-settings: "wght" 900, "wdth" 150;
}

.header {
    font-size: var(--size-xx-large);
}

.header-inner {
    max-width: var(--max-content-width);
    margin: var(--size-x-small) auto;
    padding-left: var(--size-xx-large);
    padding-right: var(--size-xx-large);
}

.header nav ul {
    gap: var(--size-xx-small);
}

.work-slideshow-alt-text {
    font-size: var(--size-small);
}

.about-page-container {
    max-width: var(--max-content-width);
    margin-left: auto;
    margin-right: auto;
}

.image-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto;
    gap: var(--size-medium);
}

.image-grid .image-card:nth-child(5n + 2) {
    grid-column: span 2;
    aspect-ratio: 5/3.033;
}