/* industry-media-publishing.html — hero animation (prefix: mp-)
   Theme: editor typing → multi-channel distribution → revenue mix + paywall meter */
@keyframes mpGlow { 0%,100% { opacity: 0.08; } 50% { opacity: 0.2; } }
@keyframes mpFade { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
@keyframes mpLineIn { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes mpCaret { 0%,49%  { opacity: 1; } 50%,100% { opacity: 0; } }
@keyframes mpDist { 0% { stroke-dashoffset: 18; opacity: 0; } 25% { opacity: 1; } 75% { opacity: 1; } 100% { stroke-dashoffset: 0; opacity: 0; } }
@keyframes mpBarGrow { from { width: 0; } to { width: 228px; } }
.mp-glow   { animation: mpGlow 3.5s ease-in-out infinite; }
.mp-editor { animation: mpFade 0.5s var(--ease-spring) 0.4s both; }
.mp-line   { transform-box: fill-box; transform-origin: left center; }
.mp-l1 { animation: mpLineIn 0.5s ease-out 0.9s both; }
.mp-l2 { animation: mpLineIn 0.5s ease-out 1.1s both; }
.mp-l3 { animation: mpLineIn 0.5s ease-out 1.3s both; }
.mp-l4 { animation: mpLineIn 0.5s ease-out 1.5s both; }
.mp-l5 { animation: mpLineIn 0.5s ease-out 1.7s both; }
.mp-caret { animation: mpCaret 1s steps(1,end) 1.9s infinite; }
.mp-channel { }
.mp-ch1 { animation: mpFade 0.45s var(--ease-spring) 1.0s both; }
.mp-ch2 { animation: mpFade 0.45s var(--ease-spring) 1.15s both; }
.mp-ch3 { animation: mpFade 0.45s var(--ease-spring) 1.3s both; }
.mp-ch4 { animation: mpFade 0.45s var(--ease-spring) 1.45s both; }
.mp-dist { stroke-dasharray: 6; }
.mp-d1 { animation: mpDist 2.4s linear 1.6s infinite; }
.mp-d2 { animation: mpDist 2.4s linear 1.75s infinite; }
.mp-d3 { animation: mpDist 2.4s linear 1.9s infinite; }
.mp-d4 { animation: mpDist 2.4s linear 2.05s infinite; }
.mp-rev  { animation: mpFade 0.5s var(--ease-spring) 1.5s both; }
.mp-paywall { animation: mpFade 0.5s var(--ease-spring) 1.7s both; }
.mp-pwbar   { animation: mpBarGrow 1.1s var(--ease-out) 2.0s both; }