/* 기본 설정 */
* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { 
  font-family: "Poppins", sans-serif; 
  background: #fffcf4; 
  color: #999; /* 2번 요청: 전체 본문 색상을 메뉴와 동일한 회색으로 설정 */
}

/* 1. HEADER & MENU (제목 길이에 맞춘 정렬) */
.header {
  position: fixed;
  top: 0; width: 100%;
  padding: 40px 0;
  background: #fffcf4;
  z-index: 100;
  display: flex;
  justify-content: center;
}

.header-inner {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
}

.logo {
  font-size: 48px;
  font-weight: 800;
  color: #ff9ad3;
  text-decoration: none;
  letter-spacing: 1px;
}

.menu {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}

.menu a {
  font-size: 11px;
  color: #999;
  text-decoration: none;
  text-transform: lowercase;
  letter-spacing: 1px;
}

/* 1번 요청: 좌우 여백을 담당하는 컨테이너 복구 */
.container {
  max-width: 900px; /* 좌우 폭 제한 */
  margin: 0 auto;   /* 가운데 정렬 */
  padding: 0 40px;  /* 최소 여백 확보 */
}

/* 2. 섹션 간 간격 조정 */
.section {
  padding: 80px 0; 
  min-height: auto;
  scroll-margin-top: 150px;
}

.hero {
  height: 60vh; 
  display: flex;
  align-items: center;
  justify-content: center;
}

.hero-text {
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -1px;
  color: #999;
}

/* ABOUT 섹션 (이미지 + 텍스트) */
.about-content {
  display: flex;
  gap: 50px;
  align-items: flex-start;
}

.about-image img {
  width: 280px;
  height: auto;
  border-radius: 4px;
}

.about-text p {
  font-size: 13px;
  line-height: 1.8;
  margin-bottom: 20px;
  color: #999; /* 메뉴와 동일한 색상 */
}

/* REELS */
.reels iframe {
  border-radius: 8px;
}

/* CONTACT */
.contact h2 {
  font-size: 11px;
  text-transform: lowercase;
  letter-spacing: 2px;
  margin-bottom: 30px;
  color: #bbb;
}

.email-box {
  text-align: center;
}

.email-link {
  font-size: 18px;
  color: #ff9ad3; /* 강조를 위해 로고색 사용, 원하시면 #999로 변경 가능 */
  text-decoration: none;
  border-bottom: 1px solid #ff9ad3;
}

/* 3번 요청: FOOTER & COPYRIGHT 수정 */
.footer { 
  padding: 60px 0 40px; 
  text-align: center; 
}

.social-links {
  display: flex;
  justify-content: center;
  gap: 25px;
  margin-bottom: 20px;
}

.social-links a {
  font-size: 22px;
  color: #bbb; /* 아이콘 색상 */
  transition: 0.3s;
}

.social-links a:hover {
  color: #ff9ad3;
}

.copyright {
  font-size: 10px; /* 크기 더 작게 */
  color: #bbb;    /* 색상 연하게 통일 */
  letter-spacing: 0.5px;
}

/* 모바일 대응 */
@media (max-width: 768px) {
  .about-content { flex-direction: column; align-items: center; text-align: center; }
  .logo { font-size: 36px; }
  .container { padding: 0 24px; }
}