.projects-hero{position:relative;height:50vh;min-height:400px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2c3e50,#5d6d7e);background-image:url(https://images.unsplash.com/photo-1503387762-592deb58ef4e?auto=format&fit=crop&w=1920&q=80);background-size:cover;background-position:center;background-attachment:fixed;overflow:hidden}.projects-hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#2c3e50d9,#5d6d7ebf)}.projects-hero-content{position:relative;z-index:2;text-align:center;color:#fff;padding:0 20px}.projects-hero-content h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;margin:0 0 20px;text-transform:uppercase;letter-spacing:2px;text-shadow:2px 2px 20px rgba(0,0,0,.5)}.projects-hero-content p{font-size:clamp(1.1rem,2vw,1.3rem);font-weight:300;margin:0;opacity:.9}.projects-main{padding:80px 0;background:#f8f9fa}.projects-filter{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;margin-bottom:50px}.filter-btn{display:inline-flex;align-items:center;gap:10px;padding:12px 30px;background:#fff;border:2px solid #e0e0e0;border-radius:50px;font-size:1rem;font-weight:600;color:#333;cursor:pointer;transition:.3s;box-shadow:0 2px 10px #0000000d}.filter-btn i{font-size:1.1rem}.filter-btn:hover{background:#f0f0f0;border-color:#8e9db2;transform:translateY(-2px);box-shadow:0 4px 15px #2c3e501f}.filter-btn.active{background:linear-gradient(135deg,#8e9db2,#5d6d7e);border-color:#8e9db2;color:#fff;box-shadow:0 4px 20px #2c3e504d}.filter-btn.active:hover{background:linear-gradient(135deg,#5d6d7e,#8e9db2);transform:translateY(-2px)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px}.project-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0000001a;transition:.3s;cursor:pointer}.project-card:hover{transform:translateY(-8px);box-shadow:0 8px 30px #00000026}.project-image{position:relative;width:100%;height:250px;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.project-card:hover .project-image img{transform:scale(1.1)}.project-category-badge{position:absolute;top:15px;right:15px;background:linear-gradient(135deg,#8e9db2,#5d6d7e);color:#fff;padding:8px 16px;border-radius:25px;font-size:.85rem;font-weight:600;display:flex;align-items:center;gap:6px;box-shadow:0 4px 12px #2c3e5040;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.project-category-badge i{font-size:.9rem}.project-content{padding:25px}.project-content h3{font-size:1.4rem;font-weight:700;color:#1a1a1a;margin:0 0 12px;line-height:1.3}.project-location{display:flex;align-items:center;gap:8px;font-size:.95rem;color:#666;margin:0 0 15px}.project-location i{color:#8e9db2;font-size:1rem}.project-description{font-size:.95rem;line-height:1.6;color:#555;margin:0 0 20px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.project-footer{display:flex;justify-content:flex-end}.btn-details{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background:linear-gradient(135deg,#8e9db2,#5d6d7e);color:#fff;border:none;border-radius:25px;font-size:.95rem;font-weight:600;cursor:pointer;transition:.3s;box-shadow:0 4px 12px #2c3e5040}.btn-details:hover{background:linear-gradient(135deg,#5d6d7e,#8e9db2);transform:translate(3px);box-shadow:0 6px 16px #2c3e504d}.btn-details i{font-size:.9rem;transition:transform .3s}.btn-details:hover i{transform:translate(3px)}.error-state,.loading-state,.no-projects{grid-column:1/-1;text-align:center;padding:60px 20px}.error-state i,.loading-state i,.no-projects i{font-size:3rem;color:#8e9db2;margin-bottom:20px}.loading-state i{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-state p,.loading-state p,.no-projects p{font-size:1.1rem;color:#666;margin:0}@media (max-width:768px){.projects-hero{height:40vh;min-height:300px}.projects-main{padding:50px 0}.projects-filter{gap:10px;margin-bottom:30px}.filter-btn{padding:10px 20px;font-size:.9rem}.projects-grid{grid-template-columns:1fr;gap:20px}.project-card{border-radius:10px}.project-image{height:200px}.project-content{padding:20px}.project-content h3{font-size:1.2rem}.logo{max-width:100px}.logo img:first-child{width:80px;height:60px}}.footer-brand{font-family:Zalando Sans Expanded,sans-serif;font-size:clamp(1.8rem,3vw,2.8rem);font-weight:800;color:#8e9db2;text-align:center;line-height:1.3;letter-spacing:1px;text-shadow:0 4px 20px rgba(142,157,178,.3);margin:0}@media (max-width:480px){.projects-hero-content h1{font-size:2rem}.projects-hero-content p{font-size:1rem}.filter-btn{padding:8px 16px;font-size:.85rem}.filter-btn span{display:none}.filter-btn i{font-size:1.2rem}}