/**
 * layout.css — 그리드, 컨테이너, sticky 섹션 레이아웃
 */

.container {
  width: 100%;
  max-width: var(--container-max);
  margin-inline: auto;
  padding-inline: clamp(var(--space-unit) * 4, 2rem);
}

/* ----- Sticky 섹션 래퍼 ----- */
.section--sticky .sticky-wrapper {
  position: relative;
  height: 300vh; /* 스크롤 구간 확보, 필요 시 조정 */
}

.section--sticky .sticky-inner {
  position: sticky;
  top: 0;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2rem;
}

/* ----- 일반 섹션 최소 높이 ----- */
.section {
  min-height: 50vh;
}

.section--normal {
  min-height: 60vh;
}

/* 스크롤 테스트용: 긴 구간 (헤더 프로그레스 확인) */
.section--scroll-test {
  min-height: 120vh;
}