.projects-section{background:0 0;min-height:100vh;padding:7rem 0 4rem}.projects-container{max-width:1100px;margin:0 auto;padding:0 2rem}.projects-header{text-align:center;margin-bottom:4rem}.section-subtitle{font-family:var(--font-mono);color:var(--accent-green);text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem;font-size:.9rem}.projects-header h1{font-family:var(--font-heading);color:var(--text-white);letter-spacing:-.02em;margin-bottom:1rem;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700}.projects-intro{max-width:600px;color:var(--text-gray);margin:0 auto;font-size:1.1rem;line-height:1.6}.filter-buttons{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:3rem;display:flex}.filter-btn{color:var(--text-gray);cursor:pointer;font-family:var(--font-mono);background:#64ffda0d;border:1px solid #64ffda1a;border-radius:6px;padding:.5rem 1.1rem;font-size:.8rem;transition:all .3s}.filter-btn:hover,.filter-btn.active{color:var(--accent-teal);background:#64ffda1a;border-color:#64ffda4d;transform:translateY(-2px)}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem;display:grid}.project-card{background:linear-gradient(135deg,#1a294266,#1a294233);border:1px solid #64ffda1a;border-radius:8px;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.project-card:before{content:"";background:linear-gradient(90deg,var(--accent-teal),var(--accent-green));opacity:0;width:100%;height:3px;transition:opacity .3s;position:absolute;top:0;left:0}.project-card:hover{background:linear-gradient(135deg,#1a294299,#1a29424d);border-color:#64ffda4d;transform:translateY(-5px);box-shadow:0 15px 35px #020c1b99}.project-card:hover:before{opacity:1}.project-card.hidden{display:none}.project-image{border-bottom:1px solid #64ffda1a;width:100%;height:200px;position:relative;overflow:hidden}.project-image img{object-fit:cover;filter:grayscale(40%)contrast(1.1)brightness(.9);width:100%;height:100%;transition:transform .4s}.project-card:hover .project-image img{filter:grayscale(0%)contrast()brightness();transform:scale(1.08)}.project-overlay{z-index:2;position:absolute;top:1rem;right:1rem}.project-tag{font-family:var(--font-mono);color:var(--text-white);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0a1628d9;border:1px solid #64ffda4d;border-radius:4px;padding:.35rem .75rem;font-size:.7rem}.project-content{flex-direction:column;flex-grow:1;padding:1.5rem;display:flex}.project-content h3{color:var(--text-white);letter-spacing:-.01em;margin-bottom:.75rem;font-size:1.15rem;font-weight:600;line-height:1.3;transition:color .3s}.project-card:hover .project-content h3{color:var(--accent-teal)}.project-content p{color:var(--text-gray);flex-grow:1;margin-bottom:1.25rem;font-size:.875rem;line-height:1.6}.project-tech{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.project-tech span{color:var(--text-gray);font-family:var(--font-mono);background:#64ffda0d;border:1px solid #64ffda1a;border-radius:4px;padding:.3rem .65rem;font-size:.7rem;transition:all .3s}.project-tech span:hover{color:var(--accent-teal);background:#64ffda1a;border-color:#64ffda4d}.project-links{border-top:1px solid #64ffda14;align-items:center;gap:1rem;padding-top:.75rem;display:flex}.project-link{color:var(--accent-teal);font-family:var(--font-mono);flex:1;font-size:.8rem;transition:all .3s}.project-link:hover{color:var(--accent-green)}.project-link-icon{color:var(--text-gray);align-items:center;transition:all .3s;display:flex}.project-link-icon:hover{color:var(--accent-teal);transform:translateY(-2px)}@media (max-width:768px){.projects-section{padding:6rem 0 3rem}.projects-header{margin-bottom:3rem}.filter-buttons{margin-bottom:2.5rem}.projects-grid{grid-template-columns:1fr;gap:1.25rem}.project-image{height:180px}.project-content{padding:1.25rem}}@media (max-width:480px){.projects-section{padding:5rem 0 2.5rem}.filter-btn{padding:.45rem 1rem;font-size:.75rem}.project-content h3{font-size:1.05rem}.project-content p{font-size:.85rem}.project-tech span{padding:.25rem .55rem;font-size:.65rem}}.maps-showcase-section{border-top:1px solid #64ffda1a;margin-top:5rem;padding-top:4rem}.maps-showcase-header{text-align:center;margin-bottom:3rem}.maps-showcase-header h2{color:var(--text-white);margin-bottom:1rem;font-size:2rem}.maps-showcase-header p{max-width:600px;color:var(--text-gray);margin:0 auto;font-size:1rem;line-height:1.6}.maps-featured-card{background:linear-gradient(135deg,#1a294266,#1a294233);border:1px solid #64ffda1a;border-radius:12px;grid-template-columns:1.2fr 1fr;transition:all .3s;display:grid;overflow:hidden}.maps-featured-card:hover{border-color:#64ffda4d;transform:translateY(-5px);box-shadow:0 20px 40px #020c1b99}.maps-featured-image{height:100%;min-height:300px;position:relative;overflow:hidden}.maps-featured-image img{object-fit:cover;filter:grayscale(20%)brightness(.9);width:100%;height:100%;transition:transform .5s}.maps-featured-card:hover .maps-featured-image img{filter:grayscale(0%)brightness();transform:scale(1.05)}.maps-badge{color:var(--accent-green);font-family:var(--font-mono);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:2;background:#0a1628e6;border:1px solid #64ffda4d;border-radius:4px;padding:.4rem .8rem;font-size:.75rem;position:absolute;top:1.5rem;left:1.5rem}.maps-featured-content{flex-direction:column;justify-content:center;padding:2.5rem;display:flex}.maps-featured-content h3{color:var(--text-white);margin-bottom:1rem;font-size:1.75rem;font-weight:700}.maps-featured-content p{color:var(--text-gray);margin-bottom:1.5rem;font-size:1rem;line-height:1.7}.maps-tools{flex-wrap:wrap;gap:.6rem;margin-bottom:2rem;display:flex}.maps-tool-tag{font-family:var(--font-mono);color:var(--accent-teal);background:#64ffda1a;border:1px solid #64ffda33;border-radius:4px;padding:.35rem .75rem;font-size:.75rem}.maps-cta-button{color:var(--accent-teal);border:1px solid var(--accent-teal);font-family:var(--font-mono);cursor:pointer;background:0 0;border-radius:4px;align-items:center;gap:.75rem;width:fit-content;padding:.8rem 1.5rem;font-size:.9rem;transition:all .3s;display:inline-flex}.maps-cta-button:hover{background:#64ffda1a;transform:translate(5px)}.maps-cta-button svg{width:20px;height:20px;transition:transform .3s}.maps-cta-button:hover svg{transform:translate(3px)}@media (max-width:900px){.maps-featured-card{grid-template-columns:1fr}.maps-featured-image{height:250px;min-height:auto}.maps-featured-content{padding:2rem}}