/* css/portfolio.css */

/* ─── HERO ─── */
.ptf-hero {
  background: var(--surface);
  padding: 40px 0 32px;
}

.ptf-hero__card {
  background: var(--white);
  border-radius: var(--r-lg);
  padding: 48px 56px;
}

.ptf-hero__title {
  font-size: clamp(22px, 3vw, 38px);
  font-weight: 800;
  line-height: 1.15;
  color: var(--ink);
  margin-bottom: 12px;
}

.ptf-hero__sub {
  font-size: 16px;
  color: var(--muted);
  line-height: 1.65;
  max-width: 680px;
}

/* ─── GALLERY GRID ─── */
.ptf-gallery {
  padding: 0 0 40px;
}

.ptf-gallery__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
}

.ptf-gallery__item {
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: var(--surface);
}

.ptf-gallery__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* ─── АДАПТИВ ─── */
@media (max-width: 900px) {
  .ptf-hero__card { padding: 36px 32px; }
}

@media (max-width: 680px) {
  .ptf-gallery__grid { grid-template-columns: repeat(2, 1fr); gap: 4px; }
}

@media (max-width: 560px) {
  .ptf-hero__card { padding: 28px 24px; }
}