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