.filter-bar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:34px}.filter-bar a{padding:10px 18px;border:1px solid var(--line);font-size:.85rem;font-weight:750}.filter-bar a.is-active,.filter-bar a:hover{background:var(--navy);color:#fff}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.portfolio-card{position:relative;aspect-ratio:4/3;overflow:hidden;background:#ddd}.portfolio-card img{width:100%;height:100%;object-fit:cover;transition:.55s}.portfolio-card::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,25,41,.8),transparent 65%)}.portfolio-card:hover img{transform:scale(1.05)}.portfolio-card .info{position:absolute;z-index:2;left:22px;bottom:18px;color:#fff}.portfolio-card .info span{font-size:.7rem;letter-spacing:.1em}.portfolio-card .info h3{margin-top:5px;font-size:1.14rem}
@media(max-width:900px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.portfolio-grid{grid-template-columns:1fr}}
.portfolio-intro{margin-bottom:28px}.portfolio-card .info small{display:block;margin-top:5px;color:#dce6ee;font-size:.66rem}.portfolio-card img{object-position:center}