.diamond-grid{--diamond-spring:cubic-bezier(.34, 1.56, .64, 1);will-change:transform;overflow:visible}.diamond-grid-cell,.diamond-grid-shape,.diamond-grid-ping{transform-box:fill-box;transform-origin:50%}.diamond-grid-ping{opacity:0;vector-effect:non-scaling-stroke}@media screen and (prefers-reduced-motion:no-preference){[data-motion=armed] .diamond-grid-cell{opacity:0}:is([data-motion=live],[data-motion=paused]) .diamond-grid-cell{animation:diamond-grid-in .7s var(--diamond-spring) calc(var(--i) * 70ms) backwards}[data-intro=off] .diamond-grid-cell{animation:none!important}.diamond-grid-shape{transition:rotate .6s var(--diamond-spring) calc(var(--i) * 45ms)}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){:is(article,li):hover .diamond-grid-shape,.diamond-grid:hover .diamond-grid-shape{rotate:90deg}}@keyframes diamond-grid-in{0%{opacity:0;rotate:-90deg;scale:.2}40%{opacity:1}}