/* =========================================================================
   메인(index) — 풀페이지 스크롤 스냅
   데스크탑에서 각 섹션이 뷰포트를 꽉 채우며 스냅 이동. 모바일/reduced-motion은 일반 스크롤.
   ========================================================================= */
@media (min-width: 981px) and (prefers-reduced-motion: no-preference) {
  html { scroll-snap-type: none; scroll-padding-top: 0; }

  /* 스냅 패널: 히어로 · 핵심기능 · 시작하기 · 전략 */
  .hero-fx,
  #features,
  #start,
  #strategy {
    min-height: 100vh;
    scroll-snap-align: start;
    scroll-snap-stop: always;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-block: 96px 40px;   /* 상단 고정 GNB(72px) 여유 */
  }

  /* 히어로 카피는 가운데가 아니라 윗선 기준이다 — 값은 hero-futuristic.css 의 --hero-pad-t. */
  .hero-fx { padding-block: var(--hero-pad-t) 0; justify-content: flex-start; }

  /* 섹션 헤드 여백 축소(뷰포트에 맞게) */
  #features .section-head,
  #strategy .section-head { margin-bottom: clamp(28px, 3vw, 44px); }

}

/* 세로가 짧을 때 본문 섹션은 내용 높이로 돌려 스냅을 푼다.
   히어로는 뺀다 — 카피가 짧아 넘치지 않고, min-height 라 넘치면 알아서 늘어난다.
   포함시키면 1366×768 노트북(뷰포트 633px)에서 영상이 잘리고 다음 섹션이 올라붙는다. */
@media (min-width: 981px) and (max-height: 760px) and (prefers-reduced-motion: no-preference) {
  #features, #start, #strategy { min-height: auto; scroll-snap-align: none; }
  html { scroll-snap-type: none; }
}