.brand-wordmark {
  display: grid;
  gap: 1px;
  line-height: 1;
}

.brand-japanese {
  color: var(--forest);
  font-family: "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", Georgia, serif;
  font-size: 1.08rem;
  font-weight: 700;
  letter-spacing: 0.16em;
}

.brand-roman {
  color: var(--muted);
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.08em;
}

.hero-title {
  display: grid;
  gap: 14px;
}

.hero-title-japanese {
  display: block;
  font-family: "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", Georgia, serif;
  font-size: clamp(5.5rem, 16vw, 13rem);
  font-weight: 500;
  letter-spacing: 0.08em;
  line-height: 0.72;
  text-shadow: 0 8px 35px rgba(0, 0, 0, 0.22);
}

.hero-title-roman {
  display: block;
  color: #efb87c;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: clamp(0.82rem, 1.5vw, 1.05rem);
  font-weight: 900;
  letter-spacing: 0.22em;
  line-height: 1;
  text-transform: uppercase;
}

.site-footer-brand {
  margin: 0 0 10px;
  color: var(--forest);
  font-family: "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", Georgia, serif;
  font-size: 1.45rem;
  font-weight: 700;
  letter-spacing: 0.14em;
}

@media (max-width: 760px) {
  .brand-roman {
    display: none;
  }

  .hero-title {
    gap: 18px;
  }

  .hero-title-japanese {
    font-size: clamp(5rem, 28vw, 8rem);
  }
}