# Scroll States

This document lists the ScrollTrigger triggers mapped to the HTML sections.

## Triggers List

- **Hero Mount (`#arena-3d-container`)**:
  - Start: `top top`
  - End: `bottom top`
  - Effect: Assemblies core and pushes camera in.
- **Recruitment Section (`[aria-labelledby='recruitment-heading']`)**:
  - Start: `top 80%`
  - End: `bottom 20%`
  - Effect: Separates core segments and draws connecting lines.
- **Tournaments Section (`[aria-labelledby='tournaments-heading']`)**:
  - Start: `top 80%`
  - End: `bottom 20%`
  - Effect: Pulls camera closer, shifts rim light color to championship purple.
- **Rankings Section (`[aria-labelledby='rankings-heading']`)**:
  - Start: `top 80%`
  - End: `bottom 20%`
  - Effect: Moves camera vertically through rankings levels.