.cg-page{}

.cg-hero-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--space-6);
  align-items:center;
}

.cg-hero-text{
  max-width:60ch;
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
}

.cg-hero-image img{
  width:100%;
  border-radius:var(--radius-md);
}

.cg-features{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--space-4);
}

.cg-feature{
  max-width:45ch;
}

.cg-gallery-intro{
  max-width:70ch;
}

.cg-masonry{
  column-count:3;
  column-gap:var(--space-4);
}

.cg-card{
  display:block;
  margin-bottom:var(--space-4);
}

.cg-card img{
  width:100%;
  border-radius:var(--radius-sm);
  margin-bottom:var(--space-2);
}

.cg-text-block{
  max-width:55ch;
}

.cg-steps{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--space-4);
  text-align:center;
}

.cg-step{
  max-width:40ch;
  margin-inline:auto;
}

.cg-disclaimer{
  max-width:60ch;
  margin-inline:auto;
  text-align:center;
}

.cg-visual{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--space-5);
  align-items:center;
}

.cg-visual-text{
  max-width:50ch;
}

.cg-cta{
  max-width:60ch;
  margin-inline:auto;
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
}

@media(max-width:1024px){
  .cg-hero-grid{
    grid-template-columns:1fr;
  }
  .cg-features{
    grid-template-columns:1fr;
  }
  .cg-steps{
    grid-template-columns:1fr;
  }
  .cg-visual{
    grid-template-columns:1fr;
  }
  .cg-masonry{
    column-count:2;
  }
}

@media(max-width:600px){
  .cg-masonry{
    column-count:1;
  }
}