/* Cohesive light pastel gradient placeholders for Work & Insights imagery */
.ph { background: #EDE9FA; }
.ph-grid {
  background-image:
    linear-gradient(rgba(124, 92, 252, 0.1) 1px, transparent 1px),
    linear-gradient(90deg, rgba(124, 92, 252, 0.1) 1px, transparent 1px);
  background-size: 26px 26px;
}
.ph-1 { background: radial-gradient(120% 100% at 20% 0%, #DCD3FB, #F1ECFD), conic-gradient(from 200deg at 70% 60%, rgba(124, 92, 252, 0.4), transparent 42%); }
.ph-2 { background: radial-gradient(120% 120% at 80% 20%, #F3DDF0, #F0ECFD), radial-gradient(circle at 30% 80%, rgba(201, 166, 255, 0.5), transparent 52%); }
.ph-3 { background: linear-gradient(140deg, #D6E2FB, #EFEBFD), radial-gradient(circle at 80% 70%, rgba(255, 155, 181, 0.4), transparent 58%); }
.ph-4 { background: radial-gradient(110% 120% at 30% 10%, #D2E0FC, #EFEBFD), conic-gradient(from 40deg at 60% 40%, rgba(91, 141, 239, 0.45), transparent 46%); }
.ph-5 { background: linear-gradient(160deg, #E4DCFB, #EFECFD), radial-gradient(circle at 70% 30%, rgba(124, 92, 252, 0.4), transparent 56%); }
.ph-6 { background: radial-gradient(120% 100% at 50% 0%, #EAD8F8, #EFECFD), radial-gradient(circle at 20% 90%, rgba(255, 155, 181, 0.36), transparent 56%); }
.ph-7 { background: linear-gradient(135deg, #D8E6FB, #EFECFD), conic-gradient(from 120deg at 40% 60%, rgba(182, 166, 255, 0.5), transparent 44%); }
.ph-8 { background: radial-gradient(120% 110% at 70% 10%, #F0DBEE, #EFECFD), conic-gradient(from 280deg at 35% 55%, rgba(255, 155, 181, 0.42), transparent 46%); }
.ph-9 { background: linear-gradient(150deg, #D5E1FB, #EFECFD), radial-gradient(circle at 75% 75%, rgba(124, 92, 252, 0.4), transparent 56%); }