/* =========================================================
   Project / Portfolio Single
   ========================================================= */
.p-portfolio-single__page { padding-top: var(--header-h); }

.p-portfolio-single__hero {
  position: relative;
  padding: 80px 0 60px;
  overflow: hidden;
}
.p-portfolio-single__hero-bg { position: absolute; inset: 0; pointer-events: none; }

.p-portfolio-single__title { font-size: clamp(2rem, 5vw, 3.5rem); margin-bottom: 16px; }
.p-portfolio-single__lead {
  font-size: 1.125rem;
  color: var(--text-muted);
  max-width: 640px;
  margin-bottom: 40px;
}

.p-portfolio-single__meta-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
  align-items: center;
  padding-top: 32px;
  border-top: 1px solid var(--border);
}
.p-portfolio-single__meta-item { display: flex; flex-direction: column; gap: 4px; }
.p-portfolio-single__meta-label { font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.1em; color: var(--text-faint); }
.p-portfolio-single__meta-value { font-weight: 600; }

.p-portfolio-single__thumbnail { padding: 0 0 80px; }
.p-portfolio-single__main-img {
  width: 100%;
  border-radius: var(--radius-xl);
  border: 1px solid var(--border);
}

.p-portfolio-single__body-wrapper { padding-bottom: 80px; }
.p-portfolio-single__content { max-width: 760px; }

.p-portfolio-single__tech-section { margin-top: 48px; padding-top: 48px; border-top: 1px solid var(--border); }
.p-portfolio-single__tech-title { font-size: 1.25rem; margin-bottom: 20px; }
.p-portfolio-single__tech-list { display: flex; flex-wrap: wrap; gap: 10px; }

.p-portfolio-single__navigation {
  padding: 48px 0 80px;
  border-top: 1px solid var(--border);
}

@media (max-width: 768px) {
  .p-portfolio-single__meta-bar { gap: 20px; }
}