/* ヒーロー */
.lp-hero { max-width: var(--w-wide); margin: 0 auto; padding: 32px var(--pad-x) 0; }
.lp-hero__panel {
  border-radius: var(--radius-panel);
  box-shadow: var(--shadow-panel);
  text-align: center;
  padding: 96px var(--pad-x) 88px;
}
.lp-hero__glow {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(ellipse 60% 70% at 70% 30%, rgba(70, 96, 143, .55), transparent 70%);
}
.lp-hero__tagline {
  font-family: var(--font-en);
  font-size: 14px;
  letter-spacing: .16em;
  color: rgba(249, 246, 240, .55);
  margin-bottom: 26px;
}
.lp-hero__title {
  font-family: var(--font-serif);
  font-size: 46px;
  font-weight: 500;
  margin: 0 0 22px;
  color: var(--c-cream);
  letter-spacing: .08em;
  line-height: 1.45;
}
.lp-hero__lead {
  font-size: 15.5px;
  color: rgba(249, 246, 240, .72);
  margin: 0 0 40px;
  letter-spacing: .04em;
}
@media (max-width: 640px) {
  .lp-hero { padding-top: 20px; }
  .lp-hero__panel { padding: 60px 22px 56px; }
  .lp-hero__title { font-size: 29px; letter-spacing: .04em; }
  .lp-hero__lead { font-size: 14px; }
}