/**
 * Portfolyo sayfaları – Bootstrap 5, 3’lü blok grid
 * Tüm proje (portfolyo) sayfalarında kullanılır.
 * Masaüstü: 3 sütun (col-lg-4), tablet: 2 sütun (col-md-6), mobil: 1 sütun (col-12).
 */
.portfolio-bootstrap {
  background: #2d2e30;
  color: rgba(255,255,255,0.95);
  padding: 2rem 0 3rem;
}
.portfolio-bootstrap .portfolio-meta {
  border-bottom: 1px solid rgba(255,255,255,0.12);
  padding-bottom: 1.25rem;
  margin-bottom: 1.5rem;
}
.portfolio-bootstrap .portfolio-meta .meta-label {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: rgba(255,255,255,0.6);
  margin-bottom: 0.2rem;
}
.portfolio-bootstrap .portfolio-meta .meta-value {
  font-size: 1rem;
  font-weight: 600;
  color: #fff;
}
/* 3’lü blok grid – her öğe eşit yükseklikte, görsel container içinde */
.portfolio-bootstrap .portfolio-blocks {
  margin-top: 0.5rem;
}
.portfolio-bootstrap .portfolio-block {
  background: rgba(24,24,26,0.95);
  border-radius: 8px;
  overflow: hidden;
  aspect-ratio: 4/3;
  display: block;
  height: 100%;
  min-height: 220px;
}
.portfolio-bootstrap .portfolio-block img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
@media (min-width: 992px) {
  .portfolio-bootstrap .portfolio-blocks .col-lg-4 {
    margin-bottom: 0;
  }
}
@media (max-width: 991px) {
  .portfolio-bootstrap .portfolio-block {
    min-height: 200px;
  }
}
@media (max-width: 575px) {
  .portfolio-bootstrap .portfolio-block {
    aspect-ratio: 16/10;
    min-height: 180px;
  }
}