.home-gallery {
  max-width: none;
  margin: 0;
  padding-inline: max(
    clamp(1.25rem, 4vw, 3.5rem),
    calc((100vw - var(--campaign-max-width)) / 2 + 3.5rem)
  );
  background: var(--campaign-primary);
  color: var(--campaign-surface);
}

.home-gallery > header,
.home-gallery > div {
  width: 100%;
  max-width: var(--campaign-max-width);
  margin-inline: auto;
}

.home-gallery > header > p,
.home-gallery > header > a {
  color: var(--campaign-accent);
}

.home-gallery > header > a:focus-visible {
  outline: 2px solid var(--campaign-accent);
  outline-offset: 0.35rem;
}

.home-gallery__item {
  outline-color: var(--campaign-accent);
}