.blog-grid .blog-thumb{transition:transform .32s cubic-bezier(.2,.7,.2,1),box-shadow .32s,border-radius .32s}.blog-grid>*{position:relative}.blog-grid>:hover,.blog-grid>:focus-visible{z-index:30}.blog-grid>:hover .blog-thumb,.blog-grid>:focus-visible .blog-thumb,.blog-grid>:active .blog-thumb{transform-origin:50%;border-radius:.375rem;transform:scale(1.04)}@media (hover:hover) and (min-width:640px){.blog-grid .blog-thumb{transform-origin:top;will-change:transform}.blog-grid>:hover .blog-thumb,.blog-grid>:focus-visible .blog-thumb{box-shadow:0 0 0 1px #ffffff24,0 20px 50px #00000080}}@media (hover:hover) and (min-width:640px) and (max-width:1023.98px){.blog-grid>:hover .blog-thumb,.blog-grid>:focus-visible .blog-thumb{transform:scale(1.15)}.blog-grid>:nth-child(odd) .blog-thumb{transform-origin:0 0}.blog-grid>:nth-child(2n) .blog-thumb{transform-origin:100% 0}}@media (hover:hover) and (min-width:1024px){.blog-grid>:hover .blog-thumb,.blog-grid>:focus-visible .blog-thumb{transform:scale(1.25)}.blog-grid>:nth-child(3n+1) .blog-thumb{transform-origin:0 0}.blog-grid>:nth-child(3n) .blog-thumb{transform-origin:100% 0}}@media (prefers-reduced-motion:reduce){.blog-grid .blog-thumb{transition:none}}
