/* Shared by public cards and the crop preview. Decorations stay in a flat,
   clipped surface; they never intersect the back face of the card in 3D. */
.staff-card,
.person-modal-card {
  overflow: hidden;
  isolation: isolate;
}
.staff-card.has-message {
  transform-style: flat;
  -webkit-transform-style: flat;
  overflow: hidden;
}
.teacher-card::before,
.person-modal-card.teacher-preview::before {
  animation-name: ceccFlagWave;
  will-change: transform;
}
@keyframes ceccFlagWave {
  0%, 100% { transform: translateY(0) rotate(-7deg) skewX(-2deg); }
  50% { transform: translateY(-3px) rotate(-4deg) skewX(2deg); }
}
.staff-card.has-message.is-flipped::before,
.staff-card.has-message.is-flipped::after,
.person-modal-card.preview-back::before,
.person-modal-card.preview-back::after {
  visibility: hidden;
}
@media (prefers-reduced-motion: reduce) {
  .teacher-card::before,
  .person-modal-card.teacher-preview::before { animation: none; transform: rotate(-7deg); }
  .staff-card.has-message > *,
  .staff-card.has-message .card-back { transition: none !important; }
}