.splash img {
  width: min(145px, 24vw);
}

.splash strong {
  font-size: clamp(3rem, 6vw, 5.4rem);
  line-height: 0.86;
}

.splash small {
  font-size: clamp(0.68rem, 1.15vw, 0.95rem);
  letter-spacing: 0.46em;
}

.hero-lockup .hero-emblem {
  width: min(112px, 20vw);
}

.hero-brand strong {
  font-size: clamp(2.8rem, 5vw, 4.8rem);
  line-height: 0.86;
}

.hero-brand span {
  font-size: clamp(0.62rem, 1vw, 0.82rem);
  letter-spacing: 0.42em;
}

.hero-brand a {
  color: #8d7b54;
  font-size: 0.7rem;
  letter-spacing: 0.24em;
  text-decoration: none;
  margin-top: 0.35rem;
}

.hero-brand a:hover {
  color: #d2b36c;
}

@media (max-width: 560px) {
  .splash img {
    width: 88px;
  }
  .splash strong {
    font-size: 2.1rem;
  }
  .splash small {
    font-size: 0.48rem;
    letter-spacing: 0.24em;
  }
  .hero-lockup .hero-emblem {
    width: 78px;
  }
  .hero-brand strong {
    font-size: 2rem;
  }
  .hero-brand span {
    font-size: 0.46rem;
    letter-spacing: 0.22em;
  }
  .hero-brand a {
    font-size: 0.54rem;
    letter-spacing: 0.15em;
  }
}