/* Stable portfolio gallery: every project has its own complete card. */
#recent-projects{background:#f1f7f5;color:#092b40;padding:72px 5%}
#recent-projects .ref-project-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;flex-wrap:wrap;margin-bottom:40px}
#recent-projects .ref-kicker{font-size:13px;letter-spacing:2px;color:#007d76;font-weight:800}
#recent-projects h1{font-size:clamp(38px,4.5vw,62px);margin:20px 0}
#recent-projects .ref-project-heading p{font-size:18px;color:#536b79;line-height:1.8}
#recent-projects .ref-filters{display:flex;gap:10px;flex-wrap:wrap}
#recent-projects .ref-filters button{padding:14px 20px;min-height:48px;border:1px solid #bfd7ce;background:#fff;color:#092b40;border-radius:9px;font-size:14px;font-weight:800}
#recent-projects .ref-filters button.active{background:#092b40;border-color:#092b40;color:#fff}
#recent-projects .portfolio-gallery{overflow:visible;width:100%}
#recent-projects .portfolio-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;transform:none;animation:none;transition:none;width:100%}
#recent-projects .real-project{display:flex;flex-direction:column;min-width:0;width:auto;flex:none;background:#fff;border:1px solid #d3e3dc;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #092b400b;transform:none;animation:none;transition:none;color:#092b40}
#recent-projects .real-project[hidden]{display:none}
#recent-projects .real-project:hover{transform:none;border-color:#008780;color:#092b40}
#recent-projects .ref-project-img{height:260px;min-height:0;aspect-ratio:auto;background:#edf3f0;padding:14px;overflow:hidden;border-bottom:1px solid #dbe8e2}
#recent-projects .ref-project-img img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transform:none;animation:none;transition:none;border:1px solid #d0dfd8;border-radius:7px;background:#fff}
#recent-projects .real-project:hover img{transform:none}
#recent-projects .real-project-info{padding:27px 25px;display:flex;flex-direction:column;flex:1}
#recent-projects .project-sector{display:inline-block;align-self:flex-start;font-size:11px;font-weight:800;color:#007d76;background:#e5f3ed;padding:8px 11px;border-radius:6px;margin-bottom:16px}
#recent-projects .real-project-info h3{font-size:23px;line-height:1.4;margin:0 0 12px;color:#092b40}
#recent-projects .real-project-info p{font-size:14px;color:#657a85;overflow-wrap:anywhere;line-height:1.7;margin-bottom:22px}
#recent-projects .project-view{display:block;margin-top:auto;font-size:13px;font-weight:800;background:#092b40;color:#fff;border-radius:8px;padding:13px 16px;text-align:center}
#recent-projects .project-pending{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;color:#536b79}
#recent-projects .project-pending>span{font-size:36px;color:#008780}
#recent-projects .project-pending strong{font-size:19px;color:#092b40}
#recent-projects .project-pending small{font-size:12px}
#recent-projects .ref-filter-status{font-size:14px;color:#536b79;margin:25px 0 0}
#recent-projects a:focus-visible,#recent-projects button:focus-visible{outline:3px solid #008780;outline-offset:4px}
@media(max-width:1100px){#recent-projects .portfolio-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}#recent-projects .ref-project-img{height:270px}}
@media(max-width:650px){#recent-projects{padding:44px 6%}#recent-projects .portfolio-card-grid{grid-template-columns:1fr;gap:25px}#recent-projects h1{font-size:40px}#recent-projects .ref-project-heading{gap:22px;margin-bottom:30px}#recent-projects .ref-project-heading p{font-size:16px}#recent-projects .ref-filters button{font-size:12px;padding:12px 15px}#recent-projects .ref-project-img{height:250px}#recent-projects .real-project-info{padding:25px 22px}#recent-projects .real-project-info h3{font-size:23px}}