/* ─── Layout ─────────────────────────────────────────────────────────────── */
.wrap {
  max-width: var(--container);
  margin: 0 auto;
  padding: 0 40px;
}

.rule {
  height: 1px;
  background: var(--line);
  border: 0;
}

/* ─── Section frame ──────────────────────────────────────────────────────── */
section {
  padding: clamp(72px, 9vw, 128px) 0;
}

.sec-head {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 40px;
  align-items: end;
  margin-bottom: clamp(48px, 6vw, 80px);
}

.sec-head .lede {
  justify-self: end;
}