/* M.A.T.E. placeholder pattern
   NOT part of the production site. A labelled block that stands in for photography
   inside this design system, so nothing in a mock can be mistaken for a real asset.
   Design Charter v0.4 section 6: placeholders must be impossible to mistake for
   real content. */
.ph{display:flex;flex-direction:column;justify-content:flex-end;gap:6px;padding:16px;background:var(--brand-surface);border-radius:var(--radius-card);color:var(--ink-muted);background-image:repeating-linear-gradient(135deg,rgba(66,74,86,.07) 0 10px,transparent 10px 20px);min-height:120px}
.ph-label{font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.ph-note{font-size:13px;font-weight:300;line-height:1.45;max-width:40ch}
.ph.square{aspect-ratio:1}
.ph.portrait{aspect-ratio:3/4;border-radius:var(--radius-thumb)}
.ph.wide{aspect-ratio:16/10}
.ph.card{aspect-ratio:5/4}
.ph.dark{background:var(--ink);color:var(--brand-surface);background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.06) 0 10px,transparent 10px 20px)}