/* mohit-ramani.html — hero animation (prefix: mh-)
   Theme: Portrait + 4 orbiting principle nodes (01–04) + signature stroke */
@keyframes mhGlow   { 0%,100% { opacity: 0.1; } 50% { opacity: 0.22; } }
@keyframes mhPortraitIn { from { opacity: 0; transform: scale(0.92); } to { opacity: 1; transform: scale(1); } }
@keyframes mhOrbit  { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
@keyframes mhSig    { from { stroke-dashoffset: 220; } to { stroke-dashoffset: 0; } }
@keyframes mhFade   { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
.mh-glow     { animation: mhGlow 4s ease-in-out infinite; }
.mh-portrait { animation: mhPortraitIn 0.7s var(--ease-spring) 0.4s both; transform-box: fill-box; transform-origin: center; }
.mh-orbit    { transform-box: fill-box; transform-origin: 230px 150px; animation: mhOrbit 22s linear 1.0s infinite; }
.mh-orbit.mh-o2 { animation: mhOrbit 26s linear -6s infinite; }
.mh-orbit.mh-o3 { animation: mhOrbit 30s linear -14s infinite; }
.mh-orbit.mh-o4 { animation: mhOrbit 34s linear -22s infinite; }
.mh-sig      { animation: mhFade 0.5s ease-out 1.4s both; }
.mh-stroke   { stroke-dasharray: 220; animation: mhSig 1.4s ease-out 1.8s both; }