.cg-main{}

.cg-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,2fr) minmax(0,3fr);
  gap:var(--space-6);
  align-items:center;
}
.cg-hero-text{max-width:520px}
.cg-hero-image img{border-radius:var(--radius-md);width:100%}

.cg-gallery-head{max-width:700px;margin-inline:auto;text-align:center}
.cg-masonry{
  column-count:3;
  column-gap:var(--space-4);
  margin-top:var(--space-5);
}
.cg-masonry img{
  width:100%;
  margin-bottom:var(--space-4);
  border-radius:var(--radius-md);
  border:1px solid var(--color-border-subtle);
}
.cg-masonry img:hover{box-shadow:var(--shadow-soft);border-color:var(--color-accent-gold)}

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

.cg-text-block{
  max-width:700px;
  margin-inline:auto;
}

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

.cg-disclaimer-box{
  max-width:800px;
  margin-inline:auto;
  background:var(--color-surface-accent);
  padding:var(--space-5);
  border-radius:var(--radius-md);
  text-align:center;
}

.cg-cta{background:var(--color-accent-teal);color:var(--color-text-on-teal)}
.cg-cta p{color:#e9f2f2}

@media(max-width:900px){
  .cg-hero-grid{grid-template-columns:1fr}
  .cg-hero-text{text-align:center;margin-inline:auto}
  .cg-masonry{column-count:2}
  .cg-styles-grid{grid-template-columns:1fr}
  .cg-exp-grid{grid-template-columns:1fr}
}

@media(max-width:500px){
  .cg-masonry{column-count:1}
  .cg-hero-grid{gap:var(--space-4)}
  .cg-disclaimer-box{padding:var(--space-3)}
}