@view-transition{navigation:auto}::view-transition-group(*){animation-duration:.3s;animation-timing-function:ease}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}::view-transition-old(root){animation-name:fade-out}::view-transition-new(root){animation-name:fade-in}body{color:#fff;background:#0f0f0f;margin:0;font-family:Inter,sans-serif}.projects-grid{grid-template-columns:repeat(2,1fr);gap:2rem;padding:4rem 2rem;display:grid}@media (min-width:1024px){.projects-grid{grid-template-columns:repeat(4,1fr)}}.card{aspect-ratio:4/3;border-radius:1rem;position:relative;overflow:hidden}.card img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:scale .3s}.card:hover img{scale:1.05}.card h3{background:linear-gradient(#0000,#000000b3);margin:0;padding:1rem;font-size:1rem;position:absolute;inset:auto 0 0}a{color:inherit;text-decoration:none}