.portfolio-grid{display:grid;gap:34px}.portfolio-project{border:1px solid var(--line);border-radius:22px;background:#fff;overflow:hidden;box-shadow:0 12px 34px rgba(11,31,51,.06)}.portfolio-project-header{padding:28px 28px 20px}.portfolio-project-header h3{margin:6px 0 10px;font-size:1.6rem}.portfolio-project-header p{margin:0;color:var(--muted);max-width:820px}.before-after-grid{display:grid;grid-template-columns:1fr 1fr}.project-image-panel{position:relative;min-width:0;background:#eef1f4}.project-image-panel img{display:block;width:100%;height:360px;object-fit:cover}.project-image-label{position:absolute;top:16px;left:16px;z-index:2;padding:7px 12px;border-radius:999px;background:rgba(8,24,38,.92);color:#fff;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.project-image-panel.after .project-image-label{background:rgba(201,154,61,.95);color:#081826}.portfolio-project-footer{padding:20px 28px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.project-tags{display:flex;gap:8px;flex-wrap:wrap}.project-tag{padding:7px 10px;border-radius:999px;background:var(--cream);border:1px solid var(--line);color:var(--navy);font-size:.8rem;font-weight:700}@media(max-width:760px){.before-after-grid{grid-template-columns:1fr}.project-image-panel img{height:300px}.portfolio-project-header,.portfolio-project-footer{padding-left:20px;padding-right:20px}}