/**
 * 시그니처 시술 서브페이지 전용 CSS
 * (styled-jsx 이식분 — reveal-1~6 / revealUp / shimmer-bar / shimmerMove 키프레임은
 *  전역 custom.css 에 있으므로 여기에 넣지 않음)
 */

/* ------------------------------------------------------------------ */
/* SignatureFaceliftHero — 데스크톱 카피/배경 등장 애니메이션            */
/* ------------------------------------------------------------------ */

@keyframes signatureDesktopCopyIn {
  from {
    opacity: 0;
    transform: translateY(18px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes signatureDesktopBgIn {
  from {
    opacity: 0;
    transform: scale(0.96);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.signature-desktop-copy-in {
  opacity: 0;
  animation: signatureDesktopCopyIn 0.7s ease-out forwards;
}

.signature-desktop-copy-in-1 {
  animation-delay: 0.1s;
}

.signature-desktop-copy-in-2 {
  animation-delay: 0.28s;
}

.signature-desktop-copy-in-3 {
  animation-delay: 0.46s;
}

.signature-desktop-bg-in {
  opacity: 0;
  transform-origin: center center;
  animation: signatureDesktopBgIn 0.9s ease-out 0.72s forwards;
}

@media (prefers-reduced-motion: reduce) {
  .signature-desktop-copy-in,
  .signature-desktop-bg-in {
    opacity: 1;
    animation: none;
  }

  .signature-desktop-copy-in {
    transform: translateY(0);
  }

  .signature-desktop-bg-in {
    transform: scale(1);
  }
}

/* ------------------------------------------------------------------ */
/* SignatureBeforeAfterShowcase — Swiper 내비게이션 커스텀              */
/* ------------------------------------------------------------------ */

.signature-before-after-mobile-swiper .swiper-button-prev,
.signature-before-after-mobile-swiper .swiper-button-next {
  color: #251b13;
  top: 44%;
  width: 24px;
  height: 24px;
  margin-top: 0;
  transform: translateY(-50%);
}

.signature-before-after-mobile-swiper .swiper-button-prev::after,
.signature-before-after-mobile-swiper .swiper-button-next::after {
  font-size: 12px;
  font-weight: 700;
}

.signature-before-after-mobile-swiper .swiper-button-prev {
  left: 2px;
}

.signature-before-after-mobile-swiper .swiper-button-next {
  right: 2px;
}

.signature-before-after-mobile-swiper.swiper {
  overflow: hidden;
}

.signature-before-after-swiper .swiper-button-prev,
.signature-before-after-swiper .swiper-button-next {
  color: #251b13;
}

.signature-before-after-swiper.swiper {
  overflow: visible;
}

.signature-before-after-swiper .swiper-button-prev {
  left: -4px;
}

.signature-before-after-swiper .swiper-button-next {
  right: -4px;
}

@media (min-width: 1024px) {
  .signature-before-after-swiper .swiper-button-prev {
    left: -22px;
  }

  .signature-before-after-swiper .swiper-button-next {
    right: -22px;
  }
}

/* ------------------------------------------------------------------ */
/* IntroBanner 모바일 — next/font(Noto Sans KR) 대체                    */
/* ------------------------------------------------------------------ */

.font-noto-kr {
  font-family: "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
}