<!-- 1. GSAP & ScrollTrigger 로드 -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/ScrollTrigger.min.js"></script>

<!-- 2. Lenis 부드러운 스크롤 라이브러리 로드 -->
<script src="https://unpkg.com/@studio-freight/lenis@1.0.34/dist/lenis.min.js"></script>

<div class="scroll-container">
  <div class="scroll-content">
    
    <div class="intro-section">
      <h2 style="margin:0; margin-bottom:1rem;">마우스를 굴려보세요 👇</h2>
      <p style="opacity: 0.7; font-size: 0.9rem;">스크롤이 평소보다 훨씬 부드럽게 움직입니다.</p>
    </div>
    
    <div class="trigger-section">
      <div class="box">부드러운<br>등장!</div>
    </div>
    
    <div class="intro-section">
      <p style="opacity: 0.7; font-size: 0.9rem;">부드러운 스크롤 덕분에 애니메이션도 매끄럽게 연결됩니다.</p>
    </div>

  </div>
</div>