.public-projects-page{background:#f4f9fb}.public-projects-hero{display:grid;grid-template-columns:1fr 260px;gap:50px;align-items:end;padding:90px max(7vw,40px);background:linear-gradient(125deg,#061b2c,#0b3954 72%,#116788);color:#fff}.public-projects-hero>div{max-width:850px}.public-projects-hero>div>span,.public-project-group-head span{color:#69daf3;font-size:10px;font-weight:950;letter-spacing:1.8px}.public-projects-hero h1{margin:14px 0 18px;font-size:clamp(42px,5.5vw,76px);line-height:1;letter-spacing:-2.5px}.public-projects-hero p{max-width:760px;margin:0;color:#b8ced9;font-size:16px;line-height:1.75}.public-projects-hero aside{display:grid;gap:8px;padding:24px;border:1px solid rgba(104,218,243,.28);border-radius:18px;background:rgba(255,255,255,.07)}.public-projects-hero aside strong{color:#69daf3;font-size:48px;line-height:1}.public-projects-hero aside span{font-weight:900}.public-projects-hero aside small{color:#aec4cf;line-height:1.5}
.public-project-group{padding:80px max(7vw,40px)}.public-project-group:nth-of-type(3){background:#fff}.public-project-group-head{display:flex;align-items:end;justify-content:space-between;gap:25px;max-width:1320px;margin:0 auto 28px;padding-bottom:18px;border-bottom:1px solid #cedde3}.public-project-group-head h2{margin:7px 0;font-size:clamp(31px,4vw,49px);letter-spacing:-1.5px}.public-project-group-head p{margin:0;color:#657b87}.public-project-group-head>b{min-width:85px;padding:13px;border-radius:12px;background:#e5f7fb;color:#087c9e;text-align:center;font-size:12px}.public-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:1320px;margin:auto}.public-project-card{overflow:hidden;border:1px solid #d8e6eb;border-radius:18px;background:#fff;box-shadow:0 12px 32px rgba(7,28,45,.06);transition:transform .25s,box-shadow .25s}.public-project-card:hover{transform:translateY(-6px);box-shadow:0 20px 45px rgba(7,28,45,.12)}.public-project-media{position:relative;height:270px;overflow:hidden;background:#0b2c43}.public-project-media img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.public-project-card:hover img{transform:scale(1.045)}.public-project-chip{position:absolute;z-index:2;left:16px;top:16px;padding:7px 10px;border-radius:999px;background:#0b3148;color:#fff;font-size:8px;font-weight:950;letter-spacing:.8px}.public-project-chip.ongoing{background:#18a7cc}.public-project-placeholder{display:grid;width:100%;height:100%;place-items:center;color:rgba(255,255,255,.15);font-size:90px;font-weight:950;background:linear-gradient(145deg,#123a55,#0b2438)}.public-project-copy{padding:23px}.public-project-copy>small{color:#159dc9;font-size:9px;font-weight:950;letter-spacing:1.3px}.public-project-copy h3{margin:8px 0 10px;font-size:21px}.public-project-copy p{min-height:58px;margin:0;color:#687985;font-size:13px;line-height:1.55}.public-project-copy>b{display:flex;justify-content:space-between;margin-top:18px;padding-top:15px;border-top:1px solid #e1eaee;color:#0c7598;font-size:12px}.public-project-copy i{font-style:normal}.public-project-empty{max-width:1320px;margin:auto;padding:35px;border:1px dashed #bbd3dc;border-radius:16px;background:#fff;text-align:center}.public-project-empty p{margin:8px 0 0;color:#687985}.public-project-cta{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:55px max(7vw,40px);background:#0a273d;color:#fff}.public-project-cta small{color:#69daf3;font-weight:950;letter-spacing:1.5px}.public-project-cta h2{margin:7px 0 0;font-size:clamp(27px,3vw,42px)}
@media(max-width:980px){.public-projects-hero{grid-template-columns:1fr}.public-projects-hero aside{max-width:420px}.public-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.public-projects-hero{padding:65px 20px}.public-projects-hero h1{font-size:43px}.public-project-group{padding:62px 20px}.public-project-group-head{align-items:start}.public-project-group-head>b{min-width:68px}.public-project-grid{grid-template-columns:1fr}.public-project-cta{align-items:flex-start;flex-direction:column;padding:50px 20px}.public-project-cta a{width:100%}}