.section{z-index:10;flex-direction:column;justify-content:flex-start;align-items:center;min-height:100vh;padding:120px 60px 60px;display:flex;position:relative}.projects-header{text-align:center;z-index:15;margin-bottom:40px}h1{text-transform:uppercase;letter-spacing:2px;color:#fff;margin-bottom:40px;font-size:4.5em;font-weight:700;position:relative}h1:before{content:"";background:linear-gradient(90deg,#9370db,orange);border-radius:2px;width:60px;height:4px;transition:width .4s,transform .4s;position:absolute;bottom:-15px;left:0}h1:hover:before{width:120px;transform:translate(10px)}.projects-subtitle{color:#ccc;margin-bottom:0;font-size:1.3em}.featured-projects{z-index:15;width:100%;max-width:1200px;margin-top:20px;margin-bottom:50px;position:relative}.featured-project-card{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:16px;grid-template-columns:480px 1fr;width:100%;height:300px;transition:transform .4s,box-shadow .4s,background .4s;display:grid;position:relative;overflow:hidden}.featured-project-card:after{content:"";opacity:0;background:linear-gradient(90deg,#0000,#9370db,orange,#0000);height:1px;transition:opacity .4s,transform .4s;position:absolute;bottom:0;left:10%;right:10%;transform:translateY(5px)}.featured-project-card:hover{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;transform:translateY(-10px);box-shadow:0 15px 30px #0000004d}.featured-project-card:hover:after{opacity:1;filter:drop-shadow(0 0 5px #9370db66)drop-shadow(0 0 5px #ffa50066);transform:translateY(0)}.featured-project-image{object-fit:cover;border-radius:16px 0 0 16px;width:100%;height:100%;transition:transform .5s}.featured-project-card:hover .featured-project-image{transform:scale(1.05)}.featured-project-content{flex-direction:column;justify-content:center;padding:35px 40px;display:flex;position:relative}.featured-badge{color:#fff;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(135deg,#9370db,orange);border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:.8em;font-weight:700;display:flex;position:absolute;top:25px;right:25px;box-shadow:0 4px 12px #9370db4d}.featured-project-content h3{color:#fff;margin-bottom:15px;padding-right:120px;font-size:2.2em;font-weight:700;line-height:1.2}.featured-project-content .project-date{color:#ccc;justify-content:flex-start;align-items:center;gap:15px;margin-bottom:18px;padding:0;font-size:1em;font-weight:300;display:flex}.featured-project-content .project-date span{margin:0;padding:0}.featured-project-content .project-date .project-type-badge{margin-left:0}.featured-project-content .featured-description{color:#ccc;-webkit-line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;max-height:5.1em;margin-bottom:15px;font-size:1.05em;line-height:1.7;display:-webkit-box;overflow:hidden}.projects-grid{z-index:15;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px;width:100%;max-width:1200px;margin-top:40px;display:grid;position:relative}.project-card{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff0d;border-radius:12px;transition:transform .4s,box-shadow .4s,background .4s;position:relative;overflow:hidden}.project-card-image{object-fit:cover;width:100%;height:clamp(180px,20vw,240px);display:block}.project-card:after{content:"";opacity:0;background:linear-gradient(90deg,#0000,#9370db,orange,#0000);height:1px;transition:opacity .4s,transform .4s;position:absolute;bottom:0;left:10%;right:10%;transform:translateY(5px)}.project-card:hover{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;transform:translateY(-10px);box-shadow:0 15px 30px #0000004d}.project-card:hover:after{opacity:1;filter:drop-shadow(0 0 5px #9370db66)drop-shadow(0 0 5px #ffa50066);transform:translateY(0)}.project-card img{transition:transform .5s}.project-card:hover img{transform:scale(1.05)}.project-card-content{z-index:2;padding:25px;transition:transform .3s;position:relative}.project-type-badge{font-size:.9em;font-weight:600}.project-type-badge.ai{color:#667eea}.project-type-badge.web{color:#f093fb}.project-card:hover .project-card-content{transform:translateY(-5px)}.project-card h3{color:#fff;margin-bottom:8px;padding:0 5px;font-size:1.6em;font-weight:600}.project-date{color:#ccc;justify-content:space-between;align-items:center;margin-bottom:10px;padding:0 5px;font-size:.9em;font-weight:300;display:flex}.project-card p{color:#ccc;padding:0 5px 10px;font-size:1em;line-height:1.6}.project-description{-webkit-line-clamp:3;text-overflow:ellipsis;word-wrap:break-word;word-break:break-word;-webkit-box-orient:vertical;height:4.8em;max-height:4.8em;margin-bottom:12px;line-height:1.6;display:-webkit-box;overflow:hidden}.read-more-btn{color:#fff;cursor:pointer;z-index:10;background:#ffffff0d;border:none;border-top:2px solid;border-image:linear-gradient(90deg,#9370db,orange) 1;border-radius:0 0 12px 12px;justify-content:center;align-items:center;gap:8px;width:100%;margin:0;padding:12px 20px;font-family:inherit;font-size:.95em;font-weight:600;transition:all .3s;display:flex;position:absolute;bottom:0;left:0;right:0}.read-more-btn:hover{background:#ffffff14;transform:translateY(-2px);box-shadow:0 4px 15px #9370db66}.read-more-btn i{font-size:.85em;transition:transform .3s}.read-more-btn:hover i{transform:translate(3px)}.loading-container{grid-column:1/-1;justify-content:center;align-items:center;min-height:300px;display:flex}.loading-spinner{text-align:center;color:#ccc}.loading-spinner i{color:#9370db;margin-bottom:20px;font-size:3em}.loading-spinner p{font-size:1.2em}.empty-state{text-align:center;color:#6b7280;grid-column:1/-1;padding:80px 20px}.empty-state i{color:#ffffff26;margin-bottom:20px;font-size:5em}.empty-state h3{color:#d1d5db;margin-bottom:10px;font-size:1.8em}.empty-state p{color:#9ca3af;font-size:1.1em}.bg-shape{opacity:.1;pointer-events:none;z-index:5;position:absolute}.circle{border-radius:50%}.triangle{clip-path:polygon(50% 0%,0% 100%,100% 100%)}.pentagon{clip-path:polygon(50% 0%,100% 38%,82% 100%,18% 100%,0% 38%)}.star{clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.purple{background:#9370db}.orange{background:orange}.project-modal{z-index:2000;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:none;position:fixed;top:0;left:0}.project-modal.active{display:flex}.project-modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;width:100%;height:100%;position:absolute;top:0;left:0}.project-modal-content{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;grid-template-columns:400px 1fr;width:100%;max-width:900px;max-height:85vh;animation:.3s modalZoomIn;display:grid;position:relative;overflow:hidden;box-shadow:0 25px 50px #00000080}@keyframes modalZoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.close-modal-btn{color:#fff;cursor:pointer;z-index:10;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-size:20px;transition:all .3s;display:flex;position:absolute;top:20px;right:20px}.close-modal-btn:hover{background:#ff6b354d;transform:rotate(90deg)}.modal-image-container{width:100%;height:100%;position:relative}.modal-image-container img{object-fit:cover;width:100%;height:100%}.modal-badge{color:#fff;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(135deg,#9370db,orange);border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:.8em;font-weight:700;display:flex;position:absolute;top:20px;left:20px;box-shadow:0 4px 12px #9370db4d}.modal-content-section{flex-direction:column;padding:40px;display:flex}.modal-content-section h2{color:#fff;margin-bottom:15px;font-size:2.2em;font-weight:700;line-height:1.2}.modal-meta{color:#ccc;align-items:center;gap:15px;margin-bottom:25px;font-size:1em;display:flex}.modal-description-container{flex:1;min-height:100px;max-height:400px;margin-bottom:25px;padding-right:10px;overflow-y:auto}.modal-description-container::-webkit-scrollbar{width:6px}.modal-description-container::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.modal-description-container::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.modal-description-container::-webkit-scrollbar-thumb:hover{background:#ffffff80}.modal-description-container p{color:#e5e7eb;margin:0;font-size:1.05em;line-height:1.8}.go-to-site-btn{color:#fff;cursor:pointer;background:0 0;border:2px solid #fff3;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:14px 28px;font-family:inherit;font-size:1.05em;font-weight:600;transition:all .3s;display:flex}.go-to-site-btn:hover{background:#ffffff0d;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 6px 20px #9370db4d}.go-to-site-btn i{font-size:1em}@media only screen and (max-width:767px){.section{margin-top:40px;padding:80px 20px}h1{margin-bottom:30px;font-size:2.5em}.projects-grid{grid-template-columns:1fr;gap:30px}.project-card{max-width:100%}.description-modal-content{max-height:85vh;padding:25px}.description-header h3{font-size:1.5rem}.description-body p{font-size:1em}.project-card-image{height:clamp(160px,25vw,200px)}.project-card-content{padding:20px}.project-card h3{font-size:1.4em}.project-card .project-date{font-size:.85em}.project-card p{font-size:.9em}.bg-shape{opacity:.05;transform:scale(.7)}.bg-shape.circle.purple{top:2%;left:2%}.bg-shape.triangle.orange{top:10%;right:2%}.bg-shape.pentagon.purple{bottom:5%;left:5%}.bg-shape.circle.orange{bottom:15%;right:5%}.bg-shape.triangle.purple{top:35%;left:10%}}@media only screen and (max-width:480px){h1{font-size:2.2em}h1:before{width:40px;bottom:-10px}h1:hover:before{width:80px}.project-card h3{margin-bottom:6px}.project-card .project-date{margin-bottom:8px}.project-card:hover{transform:translateY(-5px)}.project-card:hover img{transform:scale(1.02)}.project-card-content{padding:15px}.read-more-btn{padding:10px 15px;font-size:.9em}.featured-project-card{grid-template-columns:1fr;width:100%;height:auto}.featured-project-image{height:250px}.featured-project-content{padding:20px}.featured-project-content h3{font-size:1.5em}.featured-badge{top:15px;right:15px}.project-modal-content{grid-template-columns:1fr;max-height:90vh}.modal-image-container{height:250px}.modal-content-section{max-height:calc(90vh - 250px);padding:25px;overflow-y:visible}.modal-content-section h2{font-size:1.8em}.modal-description-container{min-height:50px;max-height:calc(90vh - 450px)}.close-modal-btn{width:40px;height:40px;font-size:18px;top:15px;right:15px}}@media only screen and (min-width:768px) and (max-width:1024px){.featured-project-card{grid-template-columns:350px 1fr;height:280px}}