.enhanced-motion header::after {
  content: ''; position: absolute; inset: auto 0 0; height: 2px;
  background: linear-gradient(90deg, #1675ef, #68b7f7);
  transform: scaleX(var(--reading-progress, 0)); transform-origin: left;
  pointer-events: none;
}
.enhanced-motion .motion-item {
  opacity: 0; translate: 0 22px;
  transition: opacity .7s ease var(--enter-delay, 0ms), translate .8s cubic-bezier(.2,.7,.2,1) var(--enter-delay, 0ms);
}
.enhanced-motion .motion-item.motion-entered { opacity: 1; translate: 0 0; }
.enhanced-motion .motion-card {
  transform: perspective(1200px) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg));
  transition: opacity .7s ease var(--enter-delay, 0ms), translate .8s ease var(--enter-delay, 0ms), transform .25s ease, box-shadow .3s ease;
}
.enhanced-motion .motion-card.motion-hover { box-shadow: 0 18px 40px -26px #215b9470; }
.enhanced-motion .hero-glow,.enhanced-motion .contact-glow { translate: 0 var(--ambient-offset, 0px); }
.enhanced-motion .motion-in-view .language-orbits > span { animation: greeting-float 5s ease-in-out infinite; }
.enhanced-motion .language-orbits > span:nth-child(2) { animation-delay: -1.6s; }
.enhanced-motion .language-orbits > span:nth-child(3) { animation-delay: -3.2s; }
@keyframes greeting-float { 0%,100%{translate:0 0} 50%{translate:0 -7px} }
.enhanced-motion .step .step-detail { animation: detail-enter .4s ease both; }
@keyframes detail-enter { from{opacity:0;translate:0 7px} to{opacity:1;translate:0 0} }
.enhanced-motion .button { transition: transform .25s ease, box-shadow .25s ease, background .25s ease; }
.enhanced-motion .button:hover { box-shadow:0 10px 25px -10px #1675ef80; }
@media (prefers-reduced-motion: reduce) {
  .enhanced-motion .motion-item { opacity:1;translate:none; }
  .enhanced-motion .motion-card { transform:none; }
  .enhanced-motion header::after { display:none; }
}