/* ==========================================================================
   ORBIT — Section Layout
   ========================================================================== */

.section {
  position: relative;
  z-index: var(--z-content);
  padding-block: var(--space-16);
}

.section-alt { background: var(--space-navy); }

.section-header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  gap: var(--space-4);
  margin-bottom: var(--space-12);
}

.section-title {
  font-size: var(--fs-2xl);
  margin-top: var(--space-2);
}

@media (min-width: 1024px) {
  .section-title { font-size: var(--fs-3xl); }
}