/* 반응형 전역 스타일 */
html {
  scroll-behavior: smooth;
  font-size: clamp(14px, 2vw, 18px);
}

body {
  margin: 0;
  padding: 0;
  font-family: 'Noto Sans KR', sans-serif;
}

/* 이미지 자동 리사이징 */
img {
  max-width: 100%;
  height: auto;
}

/* 큰 제목 자동 조정 */
h1, h2, h3 {
  line-height: 1.3;
  word-break: keep-all;
}

/* Hero 텍스트 반응형 크기 */
.hero-title {
  font-size: clamp(1.5rem, 4vw, 3rem);
}

/* 버튼 반응형 */
button {
  font-size: clamp(0.9rem, 1.8vw, 1.2rem);
  padding: clamp(0.5rem, 1.2vw, 1rem) clamp(1rem, 2vw, 1.5rem);
  border-radius: 9999px;
}