/* ============ scale grid (sticky 3x3) ============ */
.scalegrid-section { }
.sticky-wrapper {
  position: relative;
  height: 300svh;
  overflow: clip;
}
.sticky-images {
  position: sticky;
  top: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--scale-gap);
  width: 100%;
  height: 100vh;
}
.scale-grid {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--scale-gap);
  width: 100%;
}
/* ix2 scroll0 상태 측정값 — 스크롤 인터랙션은 phase-8 */
.scale-grid-images {
  position: relative;
  flex: none;
  width: var(--scale-cell-w);
  aspect-ratio: 16 / 9;    /* 표지 원본 비율 유지 — 크롭 없음 */
  height: auto;
}
.scale-grid-images img { width: 100%; height: 100%; object-fit: cover; }
.scale-grid-images .background-video { position: absolute; inset: 0; overflow: hidden; color: var(--c-white); }
.scale-grid-images .background-video video {
  position: absolute; inset: -100%; margin: auto; z-index: -100;
  width: 100%; height: 100%;
  object-fit: cover; object-position: 50% 50%;
}