.quad{aspect-ratio:1/1;background-color:var(--color-light-porcelain);background-image:url(../fallback.png);background-size:cover;border-radius:10px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;overflow:hidden;padding:0}.quad:has(>:last-child:first-child) li:first-child{grid-column-end:3;grid-column-start:1;grid-row-end:3;grid-row-start:1}.quad:has(>:last-child:nth-child(2)) li:first-child,.quad:has(>:last-child:nth-child(2)) li:last-child{grid-row-end:3;grid-row-start:1}.quad:has(>:last-child:nth-child(3)) li:first-child{grid-column-end:2;grid-column-start:1;grid-row-end:3;grid-row-start:1}.quad li{align-items:center;display:flex;justify-content:center;list-style-type:none}.quad li:first-child,.quad li:nth-child(4){background-color:var(--color-pink)}.quad li:nth-child(2),.quad li:nth-child(3){background-color:var(--color-gray);color:var(--color-white)}.quad li img{aspect-ratio:1/1;height:100%;-o-object-fit:cover;object-fit:cover}a .quad:hover{transform:scale(1.1)}