body {
  background: #000;
  overflow: hidden;
  height: 100vh;
  cursor: none;
}

/* ── 커스텀 커서 ── */

/* 펄스 조절: scale 크기, 속도 */
:root {
  --pulse-scale: 1.25;   /* 최대 크기 (1 = 원본, 1.25 = 25% 커짐) */
  --pulse-duration: 1.4s; /* 한 사이클 시간 */
}

@keyframes cursor-pulse {
  0%, 100% { transform: translate(-50%, -50%) scale(1); }
  50%       { transform: translate(-50%, -50%) scale(var(--pulse-scale)); }
}

.cursor-mv {
  position: fixed;
  z-index: 100;
  font-family: 'NUEcriture';
  font-size: 16px;
  color: #fff;
  pointer-events: none;
  transform: translate(-50%, -50%);
  white-space: nowrap;
  opacity: 0;
  transition: opacity 0.2s ease;
  animation: cursor-pulse var(--pulse-duration) ease-in-out infinite;
}

.home-nav a {
  cursor: pointer;
}

body:has(.home-nav a:hover) #cursorMv {
  opacity: 0 !important;
}

/* ── 비디오 풀스크린 ── */
.video-container {
  position: fixed;
  inset: 0;
  z-index: 1;
  overflow: hidden;
}

.bg-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}


/* ── 모바일 전용 Click 2 MV ── */
.mobile-mv-link {
  display: none;
}

@media (max-width: 800px) {
  .cursor-mv {
    display: none;
  }
  body {
    cursor: auto;
  }
  .mobile-mv-link {
    display: block;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: 'NUEcriture';
    font-size: 16px;
    color: #fff;
    white-space: nowrap;
    z-index: 10;
    animation: cursor-pulse var(--pulse-duration) ease-in-out infinite;
  }
}

/* ── 우측 상단 네비게이션 ── */
.home-nav {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 10;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 24px;
}

.home-nav a {
  font-family: 'NUEcriture';
  font-size: 16px;
  color: #ffffff;
  letter-spacing: 0.5px;
  opacity: 1;
  transition: opacity 0.2s ease;
}

.home-nav a:hover {
  opacity: 1;
}