.projects-section{padding:100px 0;background:linear-gradient(135deg,var(--blue-very-light) 0%,#e8f0f8 100%);position:relative}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:28px;padding:20px 0;max-width:1200px;margin:0 auto}.project-card{background:var(--white);border-radius:24px;overflow:hidden;box-shadow:0 4px 20px rgba(7,40,80,0.08),0 2px 8px rgba(0,0,0,0.04);transition:transform 0.3s cubic-bezier(0.4,0,0.2,1),box-shadow 0.3s ease,border-color 0.3s ease;border:1px solid rgba(7,40,80,0.08);position:relative;animation:fadeInUp 0.6s ease-out forwards;will-change:transform;display:flex;flex-direction:column;height:100%}.project-card:nth-child(1){animation-delay:0.1s}.project-card:nth-child(2){animation-delay:0.2s}.project-card:nth-child(3){animation-delay:0.3s}.project-card::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(240,111,12,0.05),transparent);opacity:0;transition:opacity 0.2s ease;pointer-events:none;will-change:opacity}.project-card:hover::after{opacity:1}.project-card:hover{transform:translateY(-8px) scale(1.01);box-shadow:0 12px 24px rgba(7,40,80,0.12);border-color:var(--primary-blue)}.project-media{width:100%;height:240px;object-fit:cover;object-position:center;display:block;background:linear-gradient(135deg,#e8f0f8,#f0f4f8)}.video-thumbnail{position:relative;cursor:pointer;overflow:hidden}.video-play-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:rgba(7,40,80,0.6);font-size:64px;color:white;transition:all 0.3s ease}.video-thumbnail:hover .video-play-overlay{background:rgba(7,40,80,0.8)}.project-content{padding:20px 24px;flex:1;display:flex;flex-direction:column}.project-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:15px}.project-category{display:inline-block;background:linear-gradient(135deg,var(--primary-orange),#ff8c42);color:white;padding:6px 16px;border-radius:20px;font-size:0.85rem;font-family:'NeoTech Bold','Arial Black',Arial,sans-serif;text-shadow:1px 1px 2px rgba(0,0,0,0.2)}.project-type-tag{display:inline-block;padding:6px 14px;border-radius:18px;font-size:0.75rem;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;box-shadow:inset 0 0 0 1px rgba(7,40,80,0.12)}.project-type-video{background:rgba(216,27,96,0.12);color:#b91c66}.project-type-publication{background:rgba(5,114,206,0.12);color:var(--primary-blue)}.project-title{font-family:'NeoTech Bold','Arial Black',Arial,sans-serif;color:var(--primary-blue);font-size:1.25rem;margin-bottom:12px;line-height:1.3}.project-description{font-family:'Lucida Sans',Arial,sans-serif;color:var(--gray-text);line-height:1.5;margin-bottom:12px;font-size:0.95rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.project-student{color:var(--primary-blue);font-family:'Lucida Sans',Arial,sans-serif;font-weight:600;margin-bottom:20px;font-size:1rem}.projects-header{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap;text-align:center}.projects-admin-actions{align-self:flex-start}.project-admin-actions{margin-top:18px;display:flex;gap:10px}.project-admin-actions .admin-secondary-btn,.project-admin-actions .admin-danger-btn{padding:8px 16px;font-size:0.9rem}@media (max-width:768px){.projects-grid{grid-template-columns:1fr;gap:24px;padding:15px 0}.project-media{height:220px}.project-content{padding:18px 20px}.project-title{font-size:1.15rem}.project-description{font-size:0.9rem}}@media (max-width:480px){.projects-grid{gap:20px}.project-media{height:200px}.project-content{padding:16px 18px}.project-title{font-size:1.1rem}}