/* Portfolio — simple 3-column project archive */
.portfolio-page main{padding-top:0}
.portfolio-page .portfolio-section{padding:clamp(72px,7vw,104px) 0 112px;border-top:0}
.portfolio-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 22px}
.portfolio-item{min-width:0}
.portfolio-item__visual{display:block;aspect-ratio:16/10;overflow:hidden;background:#f4f4f1;border:1px solid var(--line)}
.portfolio-item__visual img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.portfolio-item:hover .portfolio-item__visual img{transform:scale(1.015)}
.portfolio-item__meta{display:flex;justify-content:space-between;gap:16px;margin-top:16px;font-size:11px;line-height:1.5;letter-spacing:.07em;color:var(--muted);text-transform:uppercase}
.portfolio-item h2{margin-top:10px;font-size:clamp(22px,1.7vw,27px);font-weight:530;line-height:1.3;letter-spacing:-.035em}
.portfolio-item p{max-width:94%;margin-top:12px;font-size:15px;line-height:1.72;color:#5a5a56}
.portfolio-item__link{display:inline-block;margin-top:18px;padding-bottom:3px;border-bottom:1px solid currentColor;font-size:13px;font-weight:520;letter-spacing:.01em}
@media(max-width:980px){.portfolio-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.portfolio-page .portfolio-section{padding:56px 0 76px}.portfolio-list{grid-template-columns:1fr;gap:42px}.portfolio-item p{max-width:none;font-size:15px}.portfolio-item__meta{font-size:10px}}