.projects-page{width:100%;min-height:100vh;background:#050505;color:#f5f5f5;overflow-x:hidden}.projects-hero{padding:160px 7% 120px;border-bottom:1px solid #111111}.projects-label{display:inline-block;color:#8f8f8f;letter-spacing:2px;font-size:.78rem;margin-bottom:28px}.projects-hero h1{font-size:clamp(3.5rem,9vw,7rem);line-height:.92;letter-spacing:-5px;margin-bottom:30px;max-width:950px}.projects-hero p{max-width:750px;color:#8f8f8f;line-height:1.9;font-size:1.1rem}.projects-section{padding:110px 7%}.section-header{margin-bottom:60px}.section-header span{color:#888888;font-size:.8rem;letter-spacing:2px}.section-header h2{margin-top:18px;font-size:clamp(2.2rem,5vw,4.5rem);letter-spacing:-3px;line-height:1}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(370px,1fr));grid-gap:28px;gap:28px}.project-card{background:#0b0b0b;border:1px solid #171717;border-radius:28px;overflow:hidden;cursor:pointer;transition:.4s ease}.project-card:hover{transform:translateY(-8px);border-color:#2a2a2a}.project-image-wrapper{width:100%;overflow:hidden;border-bottom:1px solid #161616}.project-image{width:100%;height:auto;object-fit:cover;transition:.5s ease}.project-card:hover .project-image{transform:scale(1.03)}.project-content{padding:32px}.project-content h3{font-size:1.7rem;margin-bottom:18px;line-height:1.1}.project-description{color:#979797;line-height:1.8;margin-bottom:28px}.project-meta{border-top:1px solid #161616;padding-top:24px}.meta-title{display:inline-block;margin-bottom:14px;color:#ffffff;font-size:.9rem;font-weight:600}.project-meta p{color:#8c8c8c;line-height:1.8;font-size:.96rem}.project-footer{margin-top:32px;padding-top:24px;border-top:1px solid #161616;display:flex;justify-content:space-between;gap:20px;align-items:center}.stack{color:#767676;font-size:.9rem;line-height:1.6;max-width:70%}.view-btn{display:flex;align-items:center;gap:10px;color:white;font-size:.95rem;font-weight:600}.project-modal{position:fixed;inset:0;background:rgba(0,0,0,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;overflow-y:auto;padding:60px 7%}.modal-content{max-width:1300px;margin:auto;background:#090909;border:1px solid #161616;border-radius:32px;padding:35px}.close-modal{width:54px;height:54px;border-radius:18px;border:1px solid #1a1a1a;background:#0f0f0f;color:white;font-size:1rem;cursor:pointer;margin-left:auto;display:flex;align-items:center;justify-content:center}.modal-image-wrapper{margin-top:30px;border-radius:24px;overflow:hidden}.modal-image{width:100%;height:auto;object-fit:cover}.modal-gallery{display:flex;gap:14px;overflow-x:auto;margin-top:24px;padding-bottom:10px}.gallery-thumb{min-width:110px;height:75px;border-radius:16px;overflow:hidden;border:1px solid #1a1a1a;background:transparent;cursor:pointer;opacity:.5;transition:.3s ease}.gallery-thumb.active{opacity:1;border-color:#3a3a3a}.thumb-image{width:100%;height:100%;object-fit:cover}.modal-info{margin-top:45px}.modal-info span{color:#8f8f8f;font-size:.78rem;letter-spacing:2px}.modal-info h2{margin-top:18px;font-size:clamp(2.5rem,5vw,4.5rem);letter-spacing:-3px;line-height:1}.modal-info p{margin-top:24px;color:#8f8f8f;line-height:1.9;max-width:850px}.modal-stack{margin-top:30px;color:#c2c2c2;font-size:.95rem}.visit-btn{margin-top:35px;width:-moz-fit-content;width:fit-content;height:56px;padding:0 26px;border-radius:18px;background:white;color:black;text-decoration:none;font-weight:600;display:flex;align-items:center;gap:12px;transition:.35s ease}.visit-btn:hover{transform:translateY(-4px)}@media (max-width:992px){.projects-grid{grid-template-columns:1fr}.project-content{padding:26px}}@media (max-width:768px){.projects-hero{padding:130px 5% 90px}.projects-section{padding:90px 5%}.modal-info h2,.projects-hero h1,.section-header h2{letter-spacing:-2px}.modal-content{padding:22px;border-radius:24px}.project-footer{flex-direction:column;align-items:flex-start}.stack{max-width:100%}}