/* ═══════════════════════════════════════════════════════
   SAILSY — LAYOUT
   Container system, section spacing, structural helpers.
═══════════════════════════════════════════════════════ */

/* ── Container ── */
.container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 var(--space-8);
  position: relative;
  z-index: 2;
}
@media (max-width: 768px) {
  .container { padding: 0 var(--space-5); }
}

/* ── Section spacing ── */
section {
  position: relative;
  z-index: 2;
  padding: var(--section-pad) 0;
}
@media (max-width: 768px) {
  section { padding: var(--space-18) 0; }
}

/* ── Text alignment helpers ── */
.text-center { text-align: center; }
.text-center .section-sub { margin-left: auto; margin-right: auto; }