/* Placeholder patterns for missing images — striped warm tones */
.ph {
  background-color: #e8dfd1;
  background-image: repeating-linear-gradient(
    135deg,
    rgba(139, 90, 60, 0.08) 0px,
    rgba(139, 90, 60, 0.08) 2px,
    transparent 2px,
    transparent 14px
  );
  color: #8b5a3c;
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 1rem;
}
.ph-dark {
  background-color: #2a1f18;
  background-image: repeating-linear-gradient(
    135deg,
    rgba(255, 220, 180, 0.04) 0px,
    rgba(255, 220, 180, 0.04) 2px,
    transparent 2px,
    transparent 14px
  );
  color: #c8a97e;
}