.hp-wordmark__inner {
  padding-block: var(--pt) var(--pb);
}
.hp-wordmark__inner > svg,
.hp-wordmark__image {
  display: block;
  width: 100%;
  height: auto;
}

@media screen and (max-width: 767px) {
  .hp-wordmark__inner {
    padding-block: calc(var(--pt) * 0.4) calc(var(--pb) * 0.6);
  }
}