/* ═══════════════════════════════════════════
   PITTURA — page-specific styles
═══════════════════════════════════════════ */

/* Stats */
.ph-stats { margin-top: 32px; display: flex; gap: 48px; }
.ph-stat { display: flex; flex-direction: column; gap: 4px; }
.ph-stat-val { font-family: var(--font-display); font-size: 24px; font-weight: 600; color: var(--red); }
.ph-stat-lbl { font-family: var(--font-mono); font-size: 8px; letter-spacing: 0.25em; text-transform: uppercase; color: var(--steel-dim); opacity: 0.6; }

.art-technique {
  font-family: var(--font-mono); font-size: 8px; letter-spacing: 0.1em;
  text-transform: uppercase; color: var(--steel-faint);
  opacity: 0; transition: opacity 0.4s;
}
.art-piece:hover .art-technique { opacity: 1; }

/* Feature break */
.feature-break {
  padding: 40px 40px 60px;
  display: flex; gap: 60px; align-items: flex-end;
}
.feature-break img {
  max-width: 55%; height: auto; display: block;
  filter: grayscale(5%); transition: filter 0.5s;
}
.feature-break:hover img { filter: grayscale(0%); }
.feature-text { max-width: 360px; padding-bottom: 20px; }
.feature-title {
  font-family: var(--font-display); font-size: clamp(1.2rem, 2vw, 1.6rem);
  font-weight: 600; letter-spacing: -0.02em; margin-bottom: 12px;
}
.feature-desc {
  font-family: var(--font-mono); font-size: 10px; line-height: 1.8;
  color: var(--steel-dim); font-weight: 300;
}
.feature-sku {
  margin-top: 16px;
  font-family: var(--font-mono); font-size: 8px; letter-spacing: 0.15em;
  color: var(--steel-faint);
}

/* Manifesto */
.manifesto {
  padding: 80px 40px; border-top: 1px solid rgba(255,255,255,0.04);
  display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center;
}
.manifesto-quote { font-family: var(--font-display); font-size: clamp(1.4rem, 2.5vw, 2rem); font-weight: 600; line-height: 1.3; letter-spacing: -0.02em; }
.manifesto-quote .accent { color: var(--red); }
.manifesto-text { font-family: var(--font-mono); font-size: 11px; line-height: 1.8; color: var(--steel-dim); font-weight: 300; }
.manifesto-sig { margin-top: 24px; font-family: var(--font-mono); font-size: 9px; letter-spacing: 0.2em; color: var(--steel-faint); text-transform: uppercase; }

/* Pittura responsive */
@media (max-width: 768px) {
  .art-technique { opacity: 1; }
  .feature-break { flex-direction: column; padding: 30px 20px 40px; gap: 24px; }
  .feature-break img { max-width: 100%; }
  .manifesto { grid-template-columns: 1fr; gap: 40px; padding: 60px 20px; }
  .ph-stats { gap: 24px; flex-wrap: wrap; }
}