.portfolio-hero{padding:85px 0 45px}.portfolio-hero h1{font-size:clamp(58px,8vw,112px);line-height:.86;letter-spacing:-6px;margin:0;max-width:1050px}.portfolio-hero p{font-size:17px;color:var(--muted);max-width:700px;margin:28px 0 0}.portfolio-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;padding:45px 0 110px}.portfolio-card{grid-column:span 6;min-height:430px;border-radius:24px;overflow:hidden;position:relative;background:var(--soft);display:block}.portfolio-card:nth-child(3n){grid-column:span 12;min-height:520px}.portfolio-card img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform .45s}.portfolio-card:hover img{transform:scale(1.03)}.portfolio-card.no-image{padding:35px;background:var(--coral)}.portfolio-overlay{position:absolute;left:0;right:0;bottom:0;padding:65px 30px 28px;background:linear-gradient(transparent,rgba(0,0,0,.78));color:white}.portfolio-overlay .meta{font-size:9px;text-transform:uppercase;letter-spacing:1.4px;font-weight:800}.portfolio-overlay h2{font-size:34px;line-height:.95;letter-spacing:-1.8px;margin:10px 0 0}.portfolio-card.no-image .portfolio-overlay{background:none;color:white}.portfolio-card.no-image:before{content:'MMP / WORK';position:absolute;right:30px;top:30px;font-size:9px;letter-spacing:1.5px;font-weight:800}.portfolio-card.no-image .portfolio-overlay h2{font-size:48px}.portfolio-intro{padding:75px 0;background:var(--ink);color:white}.portfolio-intro-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:50px}.portfolio-intro h2{font-size:clamp(42px,5vw,72px);line-height:.94;letter-spacing:-4px;margin:0}.portfolio-intro p{color:#c9c7c3;max-width:590px}.portfolio-cta{padding:105px 0;background:var(--orange)}.portfolio-cta h2{font-size:clamp(50px,7vw,96px);line-height:.9;letter-spacing:-5px;margin:0;max-width:950px}
@media(max-width:760px){.portfolio-card,.portfolio-card:nth-child(3n){grid-column:span 12;min-height:340px}.portfolio-intro-grid{grid-template-columns:1fr}.portfolio-hero h1{letter-spacing:-4px}}