/* =========================================================
   SECTION DIVIDERS - Structural positioning
   ========================================================= */

/* Sections need stacking context for absolute-positioned children */
.hero,
.about,
.work,
.projects,
.extra-section,
.clients {
  position: relative;
}

/* Optional invisible divider element for future use */
.section-divider {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 80%;
  max-width: 1200px;
  height: 1px;
  background: var(--border-primary);
  pointer-events: none;
  z-index: 10;
}