.header-banner-block {
  width: 100%;
  background: var(--header-banner-background, #ffbf21);
}

.header-banner-block__inner {
  width: min(1200px, calc(100% - 32px));
  margin-inline: auto;
}

.header-banner-block__link,
.header-banner-block__media,
.header-banner-block__image,
.header-banner-block__placeholder {
  display: block;
  width: 100%;
}

.header-banner-block__link {
  color: inherit;
  text-decoration: none;
}

.header-banner-block__link:focus-visible {
  border-radius: 2px;
  outline: 2px solid var(--color-pomgranate, #ef4023);
  outline-offset: 2px;
}

.header-banner-block__media,
.header-banner-block__placeholder {
  aspect-ratio: 25 / 6;
  overflow: hidden;
  background: var(--header-banner-background, #ffbf21);
}

.header-banner-block__image {
  height: 100%;
  object-fit: var(--header-banner-image-fit, contain);
}

.header-banner-block__placeholder {
  display: grid;
  place-items: center;
  color: #505050;
  font: 600 16px/1.4 var(--font-sans, "Source Sans 3", sans-serif);
}

@media (max-width: 639px) {
  .header-banner-block--has-mobile .header-banner-block__media,
  .header-banner-block--has-mobile .header-banner-block__placeholder {
    aspect-ratio: 4 / 3;
  }
}