/* ── Layout ── */
.container {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--gutter);
}

section {
  position: relative;
}

/* Grid helpers */
.grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2px;
}

.grid-2-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
  gap: clamp(16px, 2vw, 24px);
}

/* Section padding */
.section-pad {
  padding-top: var(--section-pad);
  padding-bottom: var(--section-pad);
}

/* Two-col layout */
.two-col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(40px, 6vw, 100px);
  align-items: start;
}

/* Divider line */
.divider {
  width: 100%;
  height: 1px;
  background: rgba(255,255,255,0.1);
}