body{margin:0;min-height:100vh;display:grid;place-items:center}.graham-gallery{--size:100px;display:grid;grid-template-columns:repeat(6,var(--size));grid-auto-rows:var(--size);margin-bottom:var(--size);place-items:flex-start;gap:5px;top:-15px}.graham-gallery:has(:focus) img:not(:focus),.graham-gallery:has(:hover) img:not(:hover){filter:brightness(.5) contrast(.5)}.graham-gallery img{-o-object-fit:cover;object-fit:cover;width:calc(var(--size) * 2);height:calc(var(--size) * 2);clip-path:path("M90,10 C100,0 100,0 110,10 190,90 190,90 190,90 200,100 200,100 190,110 190,110 110,190 110,190 100,200 100,200 90,190 90,190 10,110 10,110 0,100 0,100 10,90Z");transition:clip-path .25s,filter .75s;grid-column:auto/span 2;border-radius:5px;&:nth-child(5n - 1){grid-column:2/span 2}&:focus,&:hover{clip-path:path("M0,0 C0,0 200,0 200,0 200,0 200,100 200,100 200,100 200,200 200,200 200,200 100,200 100,200 100,200 100,200 0,200 0,200 0,100 0,100 0,100 0,100 0,100Z");z-index:1;transition:clip-path .25s,filter .25s}&:focus{outline:1px dashed #000;outline-offset:-5px}}