.header {
  background: #edece9;
  padding: 1rem 2rem;
}

.header__wordmark {
  display: flex;
  flex-flow: column;
  gap: 0.5rem;
  color: var(--warm-gray1);
  text-decoration: none;
  font-size: 18px;
}

.header__wordmark:hover,
.header__wordmark:focus {
  color: var(--warm-gray1);
  text-decoration: none;
}

.header__wordmark img {
  width: 104px;
}

.header__trademark {
  width: 134px;
}

/* The custom wordmark is the brand; hide the duplicate branding block. */
.header .block-system-branding-block {
  display: none;
}