@import url("/typography.css");
@font-face {
  font-family: "Momento Hero English";
  src: url("/assets/fonts/hero-english-light.ttf") format("truetype");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: "Momento Hero Korean";
  src: url("/assets/fonts/hero-korean-light.ttf") format("truetype");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}
.hero-slogan { display: flex; flex-direction: column; gap: .65rem; width: 100%; margin: 0 0 2rem; font-weight: 300; letter-spacing: 0; }
.hero-slogan-ko { font-family: "Pretendard", "Momento Hero Korean", "Batang", serif; font-size: clamp(1.375rem, 2.15vw, 2rem); font-weight: 300; line-height: 1.5; letter-spacing: -.025em; word-break: keep-all; }
.hero-slogan-en { font-family: "Pretendard", "Momento Hero English", Georgia, serif; font-size: clamp(2.125rem, 3.5vw, 3.5rem); font-weight: 300; line-height: 1.08; letter-spacing: -.035em; }
@media (max-width: 560px) {
  .hero-slogan { gap: .5rem; }
  .hero-slogan-en { max-width: 14ch; font-size: clamp(2.125rem, 9vw, 3rem); }
}