@media (max-width: 968px) {
    nav { padding: 1rem 2rem; }
    .nav-links { display: none; }
    section { padding: 4rem 2rem; }
    .hero { padding: 6rem 2rem 4rem; }
    .exp-header { flex-direction: column; }
    .projects-grid { grid-template-columns: 1fr; }
    .showcase-grid { grid-template-columns: 1fr; }
    .contact-info { flex-direction: column; gap: 1rem; }
}

.fade-in { opacity: 0; transform: translateY(30px); transition: opacity 0.6s ease, transform 0.6s ease; }
.fade-in.visible { opacity: 1; transform: translateY(0); }