/* ── PROJECT / Кейс — Kvazar (dark) ── */
.project-hero { padding-top: var(--space-16); }
.project-hero__meta { display: flex; align-items: center; gap: var(--space-4); margin-bottom: var(--space-5); }
.project-hero__year { font-family: var(--font-mono); font-size: var(--text-sm); color: var(--color-text-dim); }
.project-card__tag { font-family: var(--font-mono); font-size: var(--text-xs); color: var(--color-gold); text-transform: uppercase; letter-spacing: .08em; border: 1px solid var(--color-border-gold); border-radius: var(--radius-full); padding: 0.2rem 0.7rem; }

.project-hero__title { font-family: var(--font-display); font-size: clamp(var(--text-3xl), 6vw, var(--text-6xl)); font-weight: var(--font-weight-bold); line-height: 1.05; letter-spacing: -0.03em; margin-bottom: var(--space-5); }
.project-hero__desc { font-size: var(--text-lg); color: var(--color-text-muted); max-width: 600px; line-height: var(--leading-relaxed); margin-bottom: var(--space-12); }
.project-hero__cover { width: 100%; height: clamp(280px, 45vw, 520px); border-radius: var(--radius-xl); overflow: hidden; }
.project-hero__cover--1 { background: var(--color-surface-2); }

.project-overview { display: grid; grid-template-columns: 280px 1fr; gap: var(--space-16); }
.project-meta-item { margin-bottom: var(--space-5); padding-bottom: var(--space-5); border-bottom: 1px solid var(--color-border); }
.project-meta-item__label { display: block; font-family: var(--font-mono); font-size: var(--text-xs); text-transform: uppercase; letter-spacing: .08em; color: var(--color-text-dim); margin-bottom: var(--space-1); }
.project-meta-item__value { font-size: var(--text-base); font-weight: var(--font-weight-medium); }
.project-overview__text h2 { font-family: var(--font-display); font-size: var(--text-xl); font-weight: var(--font-weight-bold); margin-top: var(--space-8); margin-bottom: var(--space-3); }
.project-overview__text h2:first-child { margin-top: 0; }
.project-overview__text p { color: var(--color-text-muted); line-height: var(--leading-relaxed); }

.results-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-6); }
.result-item { text-align: center; padding: var(--space-8); background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-lg); }
.result-item__number { display: block; font-family: var(--font-display); font-size: clamp(var(--text-3xl), 5vw, var(--text-4xl)); font-weight: var(--font-weight-bold); color: var(--color-gold); line-height: 1; margin-bottom: var(--space-3); text-shadow:none; }
.result-item__label { font-size: var(--text-sm); color: var(--color-text-muted); }

.gallery-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-4); }
.gallery-item { border-radius: var(--radius-lg); overflow: hidden; aspect-ratio: 4/3; }
.gallery-item--wide { grid-column: 1 / -1; aspect-ratio: 21/9; }
.gallery-item--1 { background: var(--color-surface-2); }
.gallery-item--2 { background: var(--color-surface-2); }
.gallery-item--3 { background: var(--color-surface-2); }

.testimonial { background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-xl); padding: var(--space-12); }
.testimonial--large { max-width: 820px; margin-inline: auto; text-align: center; }
.testimonial__text { font-family: var(--font-display); font-size: clamp(var(--text-xl), 3vw, var(--text-3xl)); line-height: 1.35; margin-bottom: var(--space-8); }
.testimonial__author { display: flex; align-items: center; justify-content: center; gap: var(--space-4); }
.testimonial__avatar { width: 48px; height: 48px; border-radius: 50%; background: linear-gradient(135deg, var(--color-gold), var(--color-azure)); flex-shrink: 0; }
.testimonial__author strong { display: block; font-family: var(--font-display); }
.testimonial__author span { font-size: var(--text-sm); color: var(--color-text-muted); }

.next-project { padding-block: var(--space-16); border-top: 1px solid var(--color-border); text-align: center; }
.next-project__label { display: block; font-family: var(--font-mono); font-size: var(--text-xs); text-transform: uppercase; letter-spacing: .1em; color: var(--color-text-dim); margin-bottom: var(--space-3); }
.next-project__link h3 { font-family: var(--font-display); font-size: clamp(var(--text-2xl), 4vw, var(--text-4xl)); font-weight: var(--font-weight-bold); transition: color var(--transition-fast); }
.next-project__link:hover h3 { color: var(--color-gold); }

@media (max-width: 900px) {
  .project-overview { grid-template-columns: 1fr; gap: var(--space-8); }
  .results-grid { grid-template-columns: repeat(2, 1fr); }
  .gallery-grid { grid-template-columns: 1fr 1fr; }
  .gallery-item--wide { grid-column: 1 / -1; }
}
@media (max-width: 600px) {
  .results-grid { grid-template-columns: 1fr 1fr; }
  .gallery-grid { grid-template-columns: 1fr; }
  .testimonial { padding: var(--space-8); }
}