/* ===== LAYOUT ===== */

.container{
  width:100%;
  max-width:1200px;
  margin:0 auto;
  padding:0 clamp(1rem, 4vw, 2rem);
}

.section{
  padding: clamp(64px, 10vw, 120px) 0;
  position: relative;
}

.section.alt{
  background:#2a2a2a;
}

.flow > *+*{
  margin-top:1.5em;
}

.grid{
  display:grid;
  gap:clamp(1.5rem, 3vw, 2.5rem);
}

.grid.spacious{
  gap:clamp(2rem, 4vw, 3rem);
}

.flex{
  display:flex;
  align-items:center;
}

.flex.between{
  justify-content:space-between;
}

.flex.center{
  justify-content:center;
}