.gallery{--size:150px;grid-template-columns:repeat(6, var(--size));grid-auto-rows:var(--size);margin-bottom:var(--size);place-items:start center;gap:5px}:is(.gallery:has(>.service-tile:hover)>.service-tile:not(:hover),.gallery:has(>.service-tile:focus-within)>.service-tile:not(:focus-within)){filter:brightness(.8)blur(4px)}.gallery>.service-tile{--clip-transition-time:.25s;width:calc(var(--size) * 2);height:calc(var(--size) * 2);transition:clip-path var(--clip-transition-time), filter var(--clip-transition-time);border-radius:5px;grid-column:auto/span 2}.gallery>.service-tile:nth-child(5n+1){grid-column:2/span 2}.gallery>.service-tile:first-child,.gallery>.service-tile:nth-child(2){clip-path:polygon(45.02% 5.23%,48.71% 1.91%,51.29% 1.91%,54.98% 5.23%,84.27% 34.52%,96.99% 47.24%,99.75% 50%,99.75% 50%,99.75% 50%,99.75% 50%,85.75% 64%,64% 85.75%,50% 99.75%,49.82% 99.57%,48.53% 98.28%,45.02% 94.77%,33.42% 83.17%,11.86% 61.61%,.25% 50%,.25% 50%,.25% 50%,.25% 50%)}.gallery>.service-tile:nth-child(3){clip-path:polygon(50% .25%,50% .25%,50% .25%,50% .25%,82.8% 33.05%,96.8% 47.05%,99.75% 50%,99.57% 50.18%,98.28% 51.47%,94.77% 54.98%,83.17% 66.58%,61.61% 88.14%,50% 99.75%,49.82% 99.57%,48.53% 98.28%,45.02% 94.77%,33.6% 83.35%,13.33% 63.08%,5.23% 54.98%,1.91% 51.29%,1.91% 48.71%,5.23% 45.02%)}.gallery>.service-tile:nth-child(4){clip-path:polygon(50% .25%,50% .25%,50% .25%,50% .25%,82.8% 33.05%,96.8% 47.05%,99.75% 50%,99.57% 50.18%,98.28% 51.47%,94.77% 54.98%,83.17% 66.58%,61.61% 88.14%,50% 99.75%,49.82% 99.57%,48.53% 98.28%,45.02% 94.77%,33.42% 83.17%,11.86% 61.61%,.25% 50%,.43% 49.82%,1.72% 48.53%,5.23% 45.02%)}.gallery>.service-tile:nth-child(5){clip-path:polygon(50% .25%,50.18% .43%,51.47% 1.72%,54.98% 5.23%,82.98% 33.23%,93.3% 43.55%,94.77% 45.02%,98.09% 48.71%,98.09% 51.29%,94.77% 54.98%,83.17% 66.58%,61.61% 88.14%,50% 99.75%,49.82% 99.57%,48.53% 98.28%,45.02% 94.77%,33.42% 83.17%,11.86% 61.61%,.25% 50%,.43% 49.82%,1.72% 48.53%,5.23% 45.02%)}.gallery>.service-tile:nth-child(6),.gallery>.service-tile:nth-child(7){clip-path:polygon(50% .25%,50.18% .43%,51.47% 1.72%,54.98% 5.23%,84.27% 34.52%,96.99% 47.24%,99.75% 50%,99.57% 50.18%,98.28% 51.47%,94.77% 54.98%,84.46% 65.29%,65.29% 84.46%,54.98% 94.77%,51.29% 98.09%,48.71% 98.09%,45.02% 94.77%,33.42% 83.17%,11.86% 61.61%,.25% 50%,.43% 49.82%,1.72% 48.53%,5.23% 45.02%)}.gallery>.service-tile:hover,.gallery>.service-tile:focus-within{clip-path:polygon(0 0,25.93% 0,74.07% 0,100% 0,100% 12.96%,100% 37.04%,100% 50%,100% 62.96%,100% 87.04%,100% 100%,87.04% 100%,62.96% 100%,50% 100%,48.15% 100%,35.19% 100%,0 100%,0 87.04%,0 62.96%,0 50%,0 50%,0 50%,0 50%);z-index:100;transition:clip-path var(--clip-transition-time), filter var(--clip-transition-time)}.gallery>.service-tile:not(:hover):not(:focus-within){animation:zIndexHack var(--clip-transition-time)}.gallery>.service-tile:focus-within{outline-offset:-5px;outline:1px dashed #000}@keyframes zIndexHack{0%,to{z-index:10}}