@keyframes shimmer-smooth{0%{background-position:-200% 0}to{background-position:200% 0}}.project-card-container{transform:translateZ(0);will-change:transform,opacity}.project-card-container:hover{transform:translateZ(0) scale(1.02)}.project-image{will-change:opacity;content-visibility:auto;contain:layout style paint}.skeleton-shimmer{background:linear-gradient(90deg,#f0f0f0,#e0e0e0,#f0f0f0);background-size:200% 100%;animation:shimmer-smooth 1.5s ease-in-out infinite}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;contain:layout style}.projects-list{contain:layout style;transform:translateZ(0)}.dashboard-main{contain:layout style}.critical-image{content-visibility:visible;loading:eager}.lazy-image{loading:lazy;decoding:async}@media (max-width: 768px){.projects-grid{grid-template-columns:1fr;gap:1rem}.project-card-container{transform:translateZ(0)}.project-card-container:hover{transform:translateZ(0) scale(1.01)}}@media (prefers-reduced-motion: reduce){.skeleton-shimmer{animation:none;background:#f0f0f0}.project-card-container{transition:none}.project-card-container:hover{transform:none}}@media (prefers-color-scheme: dark){.skeleton-shimmer{background:linear-gradient(90deg,#374151,#4b5563,#374151)}}