/* Single homepage banner: preserve the complete artwork at every screen width. */
.hero-banner {
  width: 100%;
  background: var(--bg-paper);
}

.hero-banner-link {
  display: block;
  width: 100%;
}

.hero-banner-link img {
  display: block;
  width: 100%;
  height: auto;
}

.hero-banner-link:focus-visible {
  outline: 3px solid var(--c-primary);
  outline-offset: -3px;
}