/* migration-drupal-to-headless.html — hero animation (prefix: dh-)
   Theme: Drupal content hub (rendering removed) → fan-out to 4 consumer channels */
@keyframes dhGlow { 0%,100% { opacity: 0.08; } 50% { opacity: 0.2; } }
@keyframes dhFade { from { opacity: 0; transform: translateX(-10px); } to { opacity: 1; transform: translateX(0); } }
@keyframes dhFadeR{ from { opacity: 0; transform: translateX(10px); } to { opacity: 1; transform: translateX(0); } }
@keyframes dhFan  { 0% { stroke-dashoffset: 18; opacity: 0; } 25% { opacity: 1; } 75% { opacity: 1; } 100% { stroke-dashoffset: 0; opacity: 0; } }
.dh-glow { animation: dhGlow 3.5s ease-in-out infinite; }
.dh-core { animation: dhFade 0.55s var(--ease-spring) 0.4s both; }
.dh-fan  { stroke-dasharray: 6; }
.dh-f1 { animation: dhFan 2.4s linear 1.0s infinite; }
.dh-f2 { animation: dhFan 2.4s linear 1.15s infinite; }
.dh-f3 { animation: dhFan 2.4s linear 1.3s infinite; }
.dh-f4 { animation: dhFan 2.4s linear 1.45s infinite; }
.dh-ch   { }
.dh-c1 { animation: dhFadeR 0.45s var(--ease-spring) 1.2s both; }
.dh-c2 { animation: dhFadeR 0.45s var(--ease-spring) 1.35s both; }
.dh-c3 { animation: dhFadeR 0.45s var(--ease-spring) 1.5s both; }
.dh-c4 { animation: dhFadeR 0.45s var(--ease-spring) 1.65s both; }