.brand-logo {
  display: block;
  width: 48px;
  height: 48px;
  object-fit: contain;
}

.brand-wordmark {
  display: block;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: .3px;
}

.hero-visual {
  border-radius: 12px 96px 12px 12px;
}

footer .brand-logo {
  width: 46px;
  height: 46px;
}

@media (max-width: 600px) {
  .brand-logo {
    width: 39px;
    height: 39px;
  }

  footer .brand-logo {
    width: 38px;
    height: 38px;
  }

  .brand-wordmark {
    font-size: 10px;
  }

  .hero-visual {
    height: 440px;
    border-radius: 10px 58px 10px 10px;
  }
}