/* Shared Layout für Split-Sections (Signup/Projects/Recos/Filter) */

.split{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:3.5rem;
  align-items:center;
}
.split.reverse{
  grid-template-columns:.9fr 1.1fr;
}

.copy .checklist{
  list-style:none;
  display:grid;
  gap:.35rem;
  margin:1rem 0 1.2rem;
  padding:0;
}
.copy .checklist li::before{
  content:"✓";
  margin-right:.5rem;
  color:var(--brand);
}
.copy .checklist li{
  display:flex;
  align-items:flex-start;
  gap:.3rem;
}

.shot img{
  display:block;
  width:100%;
  height:auto;
  border-radius:14px;
  border:1px solid var(--border);
}

.cta-line{
  display:flex;
  gap:.75rem;
  flex-wrap:wrap;
  margin-top:1rem;
}

/* Responsive */
/* Responsive */
@media (max-width:1060px){
  .split,
  .split.reverse{
    grid-template-columns:1fr;
  }

  /* Nur bei Split-Sections mit "reverse":
     Auf Mobile zuerst Text, dann Bild */
  .split.reverse .copy{
    order:1;
  }
  .split.reverse .shot{
    order:2;
  }
}