@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{margin:0;font-family:Inter,sans-serif;background:#0f0f0f;color:#fff}.projects-grid{display:grid;gap:2rem;padding:4rem 2rem;grid-template-columns:repeat(2,1fr)}@media (min-width:1024px){.projects-grid{grid-template-columns:repeat(4,1fr)}}.card{position:relative;aspect-ratio:4/3;border-radius:1rem;overflow:hidden}.card img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:scale .3s}.card:hover img{scale:1.05}.card h3{position:absolute;inset:auto 0 0 0;margin:0;padding:1rem;background:linear-gradient(0deg,rgba(0,0,0,.7),transparent);font-size:1rem}a{text-decoration:none;color:inherit}