.container {
  max-width: var(--container-max);
  margin: 0 auto;
  padding: 0 var(--container-pad);
  position: relative;
  z-index: 1;
}

section { position: relative; padding: var(--space-2xl) 0; }

.section-dark { background: var(--dark); color: var(--on-dark); }
.section-dark p { color: var(--on-dark-muted); }

.grid { display: grid; gap: var(--space-md); }
.grid-3 { grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); }
.grid-2 { grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); }

/* Bords diagonaux : signature Atelier */
.slash-top { clip-path: polygon(0 clamp(28px, 5vw, 64px), 100% 0, 100% 100%, 0 100%); }
.slash-bottom { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - clamp(28px, 5vw, 64px))); }

.section-head { max-width: 640px; margin-bottom: var(--space-xl); }
.section-head h2 { font-size: var(--fs-2); margin-top: var(--space-sm); }