.section-subtitle{color:#555;text-transform:uppercase;margin-bottom:10px;font-size:16px;font-weight:600}.section-title{color:#212529;border-left:3px solid rgba(103,103,103,.18);margin:10px 0 20px;padding:0 0 0 20px;font-weight:700}.section-title span{color:#3b9c9d}.portfolio-header{text-align:left;max-width:1920px;margin:0 auto 3rem}.portfolio-highlights{flex-wrap:wrap;justify-content:center;gap:1rem;padding-left:0;list-style:none;display:inline-flex}.portfolio-highlights li{background-color:#f8f9fa;border-radius:20px;align-items:center;padding:.5rem 1rem;font-size:.9rem;display:flex}.portfolio-highlights .icon{color:#3b9c9d;margin-right:.5rem;font-size:1.2rem}.filter-nav{border-bottom:1px solid #dee2e6;justify-content:center;margin-bottom:2.5rem;padding-bottom:1rem;display:flex}.filter-nav .nav-link{color:#495057;white-space:nowrap;border-bottom:3px solid transparent;border-radius:0;padding:.5rem 1.5rem;font-weight:500;transition:all .2s ease-in-out}.filter-nav .nav-link:hover{border-bottom-color:#b6520f}.filter-nav .nav-link.active{color:#3b9c9d;border-bottom-color:#3b9c9d}@media (max-width:767px){.filter-nav{-ms-overflow-style:none;scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto}.filter-nav::-webkit-scrollbar{display:none}.filter-nav .nav-item{flex-shrink:0}}.portfolio-grid{gap:1.5rem 0}.project-card{aspect-ratio:4/3;background-color:#f0fdfa;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 6px 16px rgba(0,0,0,.08)}.project-card img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.project-card-overlay{color:#fff;opacity:0;background:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.9));flex-direction:column;justify-content:flex-end;width:100%;height:100%;padding:1.5rem;transition:opacity .4s;display:flex;position:absolute;top:0;left:0}.project-card:hover .project-card-overlay{opacity:1}.project-card:hover img{transform:scale(1.05)}.project-card-overlay h4{margin-bottom:.5rem;font-size:1.2rem;font-weight:700;transition:transform .4s;transform:translateY(20px)}.project-card-overlay p{margin-bottom:.25rem;font-size:.9rem;transition:transform .4s .1s;transform:translateY(20px)}.project-card:hover h4,.project-card:hover p{transform:translateY(0)}
