.cg{background:var(--ab-bg);padding:96px 0 120px}
.cg h2.ab-h{margin:0 0 52px;font-size:clamp(34px,4.2vw,60px);font-weight:300;line-height:1.04;letter-spacing:-.05em}
.cg h2.ab-h em{display:block;font-style:normal;font-weight:600;color:var(--ab-peach)}
/* six square cells wide; every picture is a different shape and together they fill the block */
.cg .ab-wrap{container-type:inline-size}
.cg .cg-grid{--g:16px;display:grid;grid-template-columns:repeat(6,1fr);gap:var(--g);grid-auto-rows:calc((100cqw - 5 * var(--g)) / 6)}
@supports not (width:1cqw){.cg .cg-grid{grid-auto-rows:150px}}
.cg .cg-tile{position:relative;margin:0;overflow:hidden;background:#20222c;box-shadow:0 0 0 1px #ffffff14 inset}
.cg .cg-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}
.cg .cg-tile:hover img{transform:scale(1.07)}
.cg .cg-t1{grid-column:1/3;grid-row:1/3;border-radius:999px 999px 28px 28px}
.cg .cg-t2{grid-column:3/5;grid-row:1/2;border-radius:999px}
.cg .cg-t3{grid-column:5/7;grid-row:1/3;border-radius:28px 140px 28px 140px}
.cg .cg-t4{grid-column:3/5;grid-row:2/4;border-radius:50%}
.cg .cg-t5{grid-column:1/3;grid-row:3/4;border-radius:140px 28px 28px 28px}
.cg .cg-t6{grid-column:5/7;grid-row:3/4;border-radius:28px 28px 140px 28px}
.cg.cg-armed [data-cg-rise]{opacity:0;transform:scale(.88) translateY(24px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform 1.1s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i,0) * 110ms)}
.cg.cg-armed h2[data-cg-rise]{transform:translateY(24px)}
.cg.cg-armed [data-cg-rise].in{opacity:1;transform:none}
@media(max-width:900px){
  .cg{padding:56px 0 72px}.cg h2.ab-h{margin-bottom:28px}
  .cg .cg-grid{--g:10px;grid-template-columns:repeat(4,1fr);grid-auto-rows:calc((100cqw - 3 * var(--g)) / 4)}
  @supports not (width:1cqw){.cg .cg-grid{grid-auto-rows:80px}}
  .cg .cg-t1{grid-column:1/3;grid-row:1/3;border-radius:999px 999px 20px 20px}
  .cg .cg-t2{grid-column:3/5;grid-row:1/2;border-radius:999px}
  .cg .cg-t3{grid-column:3/5;grid-row:2/3;border-radius:20px 80px 20px 80px}
  .cg .cg-t4{grid-column:1/3;grid-row:3/5;border-radius:50%}
  .cg .cg-t5{grid-column:3/5;grid-row:3/4;border-radius:80px 20px 20px 20px}
  .cg .cg-t6{grid-column:3/5;grid-row:4/5;border-radius:20px 20px 80px 20px}
}
@media(prefers-reduced-motion:reduce){.cg.cg-armed [data-cg-rise]{opacity:1;transform:none;transition:none}.cg .cg-tile img{transition:none}}