.portfolio-main { padding-block: clamp(36px, 5vw, 72px) 110px; }
.portfolio-main h1 { font: 400 clamp(40px, 5vw, 68px)/1.12 var(--serif); letter-spacing: -.035em; margin-bottom: clamp(28px, 5vw, 64px); }
.portfolio-gallery { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(20px, 2.4vw, 38px); align-items: start; }
.portfolio-item { display: block; }
.portfolio-item img { width: 100%; height: auto; }
@media (max-width: 1000px) {
  .portfolio-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 690px) {
  .portfolio-main { padding-block: 35px 55px; }
  .portfolio-main h1 { margin-bottom: 30px; }
  .portfolio-gallery { grid-template-columns: 1fr; gap: 24px; }
}