/* ========================= */
/* header.css */
/* ========================= */

/* Pretendard 폰트 로드 */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/variable/pretendardvariable-dynamic-subset.css');

/* [3] 헤더 내부: 로고 영역 */
.header-nav {
  max-width: 1300px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 38px;
  height: 78px;
}

/* 공통 로고 스타일 */
.logo-img {
  height: 78px;
  width: 78px;
  display: block;
  border-radius: 50%;
  background: #202020;
  border: 2.5px solid #292929;
  box-shadow: 0 3px 12px rgba(80,80,80,0.13);
  filter: drop-shadow(0 0 7px #15151570);
  transition: opacity 0.27s, height 0.27s, box-shadow .2s, filter .2s, background .25s;
  margin-right: 30px;
}
.logo-img:hover {
  box-shadow: 0 6px 26px #ffe06622, 0 0 9px #fff8;
  background: #232323;
  filter: brightness(1.04);
}

/* 모바일 전용 로고 */
@media (max-width: 650px) {
  .logo-img {
    height: 70px !important; 
    width: 70px !important;
    margin: 0 auto !important;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    filter: none !important;
  }
  .header-nav.hide-logo .logo-img {
    opacity: 0;
    height: 0 !important;
    pointer-events: none;
  }
}

/* [4] 메인 헤더 */
.main-header {
  position: relative;
  min-height: 100vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 78px;
}

/* 배경 영상 */
.header-bg-video {
  position: absolute;
  z-index: 1;
  left: 0; top: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  opacity: 0.88;
  background: #111;
  pointer-events: none;
}

/* 파티클 캔버스 */
#particle-canvas {
  position: absolute;
  z-index: 2;
  top: 0; left: 0;
  width: 100%; height: 100%;
  pointer-events: none;
}

/* 좌우 이미지 */
.woman-img {
  position: absolute;
  z-index: 4;
  bottom: 0;
  opacity: 0.78;
  max-height: 70vh;
  pointer-events: none;
  user-select: none;
  filter: drop-shadow(0 0 18px #000c);
}
.woman-left { left: 2vw; }
.woman-right { right: 2vw; }

/* 중앙 텍스트 */
.header-center {
  position: relative;
  z-index: 7;
  margin-top: 155px;
  text-align: center;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 180px;
}
.header-center h1 {
  font-size: 2rem;
  font-weight: 900;
  letter-spacing: 0.14em;
  margin: 0 0 11px 0;
  color: #fff;
  text-shadow: 0 3px 12px #000a;
}
.header-center h2 {
  font-size: 1.65rem;
  font-weight: 700;
  margin: 0 0 16px 0;
  color: #ffd700;
  letter-spacing: 0.02em;
  line-height: 1.32;
  text-shadow: 0 2px 9px #000b;
}
.header-desc {
  font-size: 1.25rem;
  margin: 0 auto 13px auto;
  opacity: 0.99;
  background: rgba(33,25,10,0.31);
  border-radius: 10px;
  padding: 15px 26px;
  display: inline-block;
  line-height: 1.57;
  box-shadow: 0 2px 12px #0002;
  color: #fff;
  max-width: 98vw;
}

/* 중앙 이미지 */
.header-main-img {
  position: absolute;
  left: 50%;
  bottom: 8vh;
  width: 380px;
  transform: translateX(-50%);
  z-index: 6;
  max-width: 92vw;
  opacity: 0.98;
  filter: drop-shadow(0 8px 18px #000c);
  pointer-events: none;
  user-select: none;
  transition: opacity 0.18s, width 0.18s, bottom 0.18s;
  border-radius: 10px;
  background: rgba(0,0,0,0.04);
}

/* 연락처 띠 */
.main-contact-bar {
  position: absolute;
  z-index: 9;
  left: 50%;
  bottom: 1.1vh;
  transform: translateX(-50%);
  background: rgba(50,40,0,0.54);
  color: #ffe9b2;
  font-size: 1.12rem;
  border-radius: 13px;
  padding: 8px 22px;
  font-weight: 600;
  border: 1px solid #e9be6c77;
  box-shadow: 0 0 17px #0008;
  letter-spacing: 0.02em;
  text-align: center;
  min-width: 160px;
  max-width: 88vw;
  display: flex;
  align-items: center;
  gap: 11px;
}
.main-contact-bar .thumbs { font-size: 1.35rem; margin-left: 6px; }

/* 모바일 고정 적용 */
@media (max-width: 650px) {
  .scroll-menu {
    top: 60px !important;
    z-index: 9998 !important;
    background: #202020 !important;
  }
  * { box-sizing: border-box; }
}

/* 헤더 고정 */
.header-nav-wrap {
  position: fixed !important;
  top: 0 !important; left: 0 !important; right: 0 !important;
  z-index: 9999 !important;
  background: rgba(15,15,15,0.96) !important;
}

/* 전화 버튼 고정 (모바일) */
@media (max-width: 650px) {
  .main-contact-bar {
    position: fixed !important;
    left: 50% !important;
    bottom: 12vw !important;
    transform: translateX(-50%);
    background: rgba(40,30,10,0.78) !important;
    box-shadow: 0 2px 13px #0005;
    border: 1.5px solid #ffe19e70;
    min-width: 290px;
    max-width: 95vw;
    padding: 12px 30px;
    font-size: 1rem !important;
    z-index: 9997 !important;
  }
  .main-contact-bar .thumbs { font-size: 1.25rem; }
}