.projects-page{background-color:#000;min-height:100vh;padding:clamp(100px,10vw,140px) 0 clamp(80px,8vw,100px);color:#fff;font-family:Michroma,sans-serif;opacity:0;transition:opacity .8s ease-in-out;overflow-x:hidden}.projects-page.fade-in{opacity:1}.projects-hero{margin-bottom:clamp(30px,4vw,40px);padding:0 clamp(15px,3vw,40px);overflow:hidden}.bg-title,.projects-hero{text-align:center;box-sizing:border-box;width:100%}.bg-title{font-size:clamp(32px,10vw,150px);color:rgba(255,255,255,.158);margin:0;letter-spacing:clamp(5px,1.5vw,20px);text-transform:uppercase;overflow:visible;text-overflow:clip;padding:0 clamp(5px,1.5vw,20px);line-height:1;font-weight:900}.bg-title,.subtitle{white-space:nowrap;word-break:keep-all}.subtitle{display:block;color:#00d9ff;font-size:clamp(10px,1vw,14px);letter-spacing:clamp(3px,.8vw,8px);margin-top:clamp(-20px,-3vw,-30px);text-align:center}.filter-section{margin-bottom:clamp(40px,6vw,70px);padding:0 clamp(15px,3vw,40px);box-sizing:border-box}.filter-container{display:flex;justify-content:center;gap:clamp(15px,3vw,40px);flex-wrap:wrap;width:100%}.filter-btn{background:transparent;border:none;color:#fff;font-family:Michroma,sans-serif;font-size:clamp(10px,1.1vw,14px);letter-spacing:clamp(1.5px,.3vw,3px);cursor:pointer;position:relative;padding:clamp(8px,1vw,10px) 0;transition:.3s;white-space:nowrap;word-break:keep-all;text-align:center}.filter-btn.active,.filter-btn:hover{color:#00d9ff}.btn-line{position:absolute;bottom:0;left:0;width:0;height:1px;background:#00d9ff;box-shadow:0 0 10px #00d9ff;transition:.4s ease}.filter-btn.active .btn-line{width:100%}.portfolio-grid-container{width:85%;max-width:1600px;margin:0 auto;padding:0 clamp(10px,2vw,20px);box-sizing:border-box}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:clamp(20px,3vw,40px);gap:clamp(20px,3vw,40px)}.project-card{cursor:pointer;position:relative;width:100%}.image-wrapper{position:relative;aspect-ratio:4/3;overflow:hidden;background:#0a0a0a;border-radius:4px;width:100%}.project-img-natural{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.165,.84,.44,1);filter:saturate(1.1)}.card-overlay-blue{position:absolute;inset:0;background:radial-gradient(circle,rgba(0,217,255,.15) 0,rgba(0,0,0,.4) 100%);display:flex;align-items:center;justify-content:center;opacity:0;transition:.4s ease;z-index:2}.border-glow-effect{position:absolute;inset:0;border:0 solid #00d9ff;transition:all .4s ease;pointer-events:none;z-index:3}.plus-icon-glow{font-size:clamp(30px,4vw,50px);color:#00d9ff;font-weight:100;text-shadow:0 0 15px #00d9ff;transform:scale(.8);transition:.4s ease}.project-card:hover .project-img-natural{transform:scale(1.1)}.project-card:hover .card-overlay-blue{opacity:1}.project-card:hover .plus-icon-glow{transform:scale(1)}.project-card:hover .border-glow-effect{box-shadow:inset 0 0 15px rgba(0,217,255,.3),0 0 15px rgba(0,217,255,.2)}.project-info{padding:clamp(15px,2vw,25px) 0;transition:transform .4s ease}.project-card:hover .project-info{transform:translateX(10px)}.project-category{font-size:clamp(8px,.8vw,10px);color:#00d9ff;letter-spacing:clamp(1.5px,.3vw,3px);margin-bottom:clamp(4px,.5vw,8px);display:block}.project-category,.project-title{white-space:normal;word-break:break-word;overflow-wrap:break-word}.project-title{font-size:clamp(14px,1.5vw,18px);letter-spacing:clamp(1px,.2vw,2px);margin:0;font-weight:400;color:#fff}.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.98);z-index:9999;display:flex;align-items:center;justify-content:center;padding:clamp(20px,4vw,50px);cursor:zoom-out;animation:fadeIn .4s ease;box-sizing:border-box}.lightbox img{max-width:95%;max-height:85vh;box-shadow:0 0 60px rgba(0,217,255,.1);border-radius:4px;cursor:default;width:auto;height:auto}.close-lightbox{position:absolute;top:clamp(20px,4vw,40px);right:clamp(20px,4vw,50px);background:transparent;border:none;color:#fff;font-size:clamp(40px,6vw,60px);cursor:pointer;line-height:1;transition:.3s;padding:10px;z-index:10000}.close-lightbox:hover{color:#00d9ff;transform:scale(1.2)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:1200px){.portfolio-grid-container{width:90%}.projects-grid{grid-template-columns:repeat(2,1fr);gap:clamp(20px,2.5vw,30px)}}@media (max-width:768px){.projects-grid{grid-template-columns:1fr;gap:clamp(20px,3vw,30px)}.filter-container{gap:clamp(10px,2vw,15px);justify-content:center}.filter-btn{font-size:clamp(9px,1.3vw,12px);padding:6px 0}.bg-title{font-size:clamp(28px,9vw,80px);letter-spacing:clamp(4px,1.2vw,12px);padding:0 clamp(3px,1vw,10px);margin-top:30px}.subtitle{font-size:clamp(9px,1.1vw,12px);letter-spacing:clamp(2px,.7vw,6px);margin-top:clamp(-15px,-2.5vw,-25px)}}@media (max-width:480px){.bg-title{font-size:clamp(24px,8vw,60px);letter-spacing:clamp(3px,1vw,8px);padding:0 5px}.subtitle{font-size:clamp(8px,1vw,11px);letter-spacing:clamp(1.5px,.6vw,4px);margin-top:clamp(-10px,-2vw,-20px)}.projects-page{padding:clamp(80px,9vw,120px) 0 clamp(60px,7vw,100px)}.filter-container{gap:8px}.filter-btn{font-size:9px;letter-spacing:1px}}@media (max-width:360px){.bg-title{font-size:22px;letter-spacing:2px}.subtitle{font-size:8px;letter-spacing:1.5px;margin-top:-12px}.projects-hero{padding:0 8px}.filter-section{padding:0 10px}}@media (min-width:1920px){.bg-title{font-size:clamp(150px,8vw,180px);letter-spacing:clamp(20px,1vw,25px)}.portfolio-grid-container{max-width:1800px}.projects-grid{gap:50px}}@media (min-width:768px) and (max-width:1024px) and (orientation:portrait){.bg-title{font-size:clamp(35px,8vw,70px);letter-spacing:clamp(6px,1.5vw,15px)}.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:320px){.bg-title{font-size:20px;letter-spacing:1.5px;padding:0 2px}.subtitle{font-size:7px;letter-spacing:1px;margin-top:-1px}.filter-btn{font-size:8px;letter-spacing:.5px}}@media (max-height:600px) and (orientation:landscape){.projects-page{padding:clamp(60px,8vh,100px) 0 clamp(40px,6vh,80px)}.projects-hero{margin-bottom:clamp(20px,3vh,30px)}.bg-title{font-size:clamp(24px,8vh,60px)}}