.project-portfolio {
    max-width: 1100px;
    margin: 0 auto;
    padding: 1.25rem 1rem 2rem;
    color: var(--text-main, var(--text-body));
}
.project-portfolio h1 { margin: .3rem 0 .65rem; font-size: clamp(1.8rem, 4vw, 2.5rem); }
.portfolio-eyebrow {
    color: #075985;
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .07em;
    text-transform: uppercase;
}
.portfolio-section { margin-top: 2rem; scroll-margin-top: 6rem; }
.portfolio-section h2 { margin: 0 0 .75rem; font-size: 1.4rem; }
.portfolio-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.portfolio-card.card {
    min-width: 0;
    padding: 1.2rem;
    border: 1px solid #dbe5ee;
    border-radius: .75rem;
    background: #fff;
    transform: none;
}
.portfolio-logo {
    display: block;
    width: 9rem;
    max-width: 100%;
    height: 5.75rem;
    margin-bottom: .75rem;
    object-fit: contain;
    object-position: left center;
}
.portfolio-card h3 { margin: .3rem 0 .55rem; font-size: 1.18rem; }
.portfolio-card p { margin-block: 0 .55rem; }
@media (max-width: 720px) {
    .portfolio-grid { grid-template-columns: 1fr; }
}