h1 {
  margin: 24px 0;
  font-size: 42px;
  line-height: 42px;
}

.header .logo {
  font-variation-settings: "wght" 900, "wdth" 145;
  letter-spacing: -0.08em;
}

.home .footer {
  flex-direction: column;
  gap: 6px;
}

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

.header {
  font-size: var(--size-x-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(4, 1fr);
  grid-template-rows: auto;
  gap: var(--size-medium);
}

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

.image-grid .image-card:nth-child(5n+4) {
  grid-column: 1 / 2;
}

.image-grid .image-card:nth-child(5n+5) {
  grid-column: 2 / 3;
}

.image-grid .image-card:nth-child(5n+6) {
  grid-column: span 2;
}

.image-grid .image-card:nth-child(5n+7) {
  grid-column: span 2;
}

.image-grid .image-card:nth-child(5n+8) {
  grid-column: span 2;
}