.projects-page{background:#0a1f3d;min-height:100vh}.projects-hero-section{background:#0a1f3d;width:100%;padding:30px 10px}.projects-hero-inner{border-radius:40px;align-items:stretch;max-width:1400px;min-height:480px;margin:0 auto;display:flex;overflow:hidden;box-shadow:0 20px 50px #00000059}.projects-hero-text{box-sizing:border-box;background:#0f2847;flex-direction:column;justify-content:center;gap:16px;width:45%;padding:60px 70px 60px 60px;display:flex}.projects-eyebrow{color:#2dd4d4;letter-spacing:1px;font-size:.9rem;font-weight:600;display:block}.projects-hero-text h1{color:#fff;max-width:480px;margin:0;font-size:2.6rem;font-weight:700;line-height:1.2}.projects-hero-text p{color:#a8bdd1;max-width:460px;margin:0;font-size:1rem;line-height:1.75}.projects-hero-image-wrap{width:55%;position:relative;overflow:hidden}.projects-hero-image{object-fit:cover;width:100%;height:100%;display:block}.projects-hero-fade{background:linear-gradient(90deg,#0f2847 0%,#0f2847d9 12%,#0f284766 28%,#0f284700 55%);position:absolute;inset:0}@media (width<=900px){.projects-hero-inner{min-height:unset;flex-direction:column}.projects-hero-text{box-sizing:border-box;width:100%;padding:40px 30px}.projects-hero-text h1{max-width:100%;font-size:2rem}.projects-hero-text p{max-width:100%}.projects-hero-image-wrap{width:100%;height:280px}.projects-hero-fade{background:linear-gradient(#0f2847 0%,#0f2847d9 10%,#0f28474d 25%,#0f284700 45%)}}.projects-content{padding:100px 60px}.projects-status{text-align:center;color:#a8bdd1;padding:40px 0}.projects-grid{grid-template-columns:repeat(3,1fr);gap:36px;max-width:1300px;margin:0 auto;display:grid}.project-card{cursor:default;background:#0f2847;border-radius:20px;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 20px 40px #00000059}.project-card:hover{transform:translateY(-10px);box-shadow:0 30px 60px #2dd4d433}.project-card-image{width:100%;height:260px;overflow:hidden}.project-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.project-card:hover .project-card-image img{transform:scale(1.08)}.project-card-body{padding:26px}.project-card-body h3{color:#fff;margin:0 0 10px;font-size:1.3rem}.project-card-body p{color:#a8bdd1;margin:0;font-size:.95rem;line-height:1.6}@media (width<=1100px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.projects-content{padding:80px 24px}.projects-grid{grid-template-columns:1fr}}