/* Giriş animasyonları yalnızca JS hazır ve hareket tercihi uygunsa etkin. */
.motion-enabled .reveal-target {
 opacity: 0;
 translate: 0 48px;
 transition: opacity .85s cubic-bezier(.22,1,.36,1), translate .85s cubic-bezier(.22,1,.36,1), transform .4s, box-shadow .4s;
 transition-delay: var(--enter-delay,0ms),var(--enter-delay,0ms),0ms,0ms;
}
.motion-enabled section > .wrap.reveal-target { translate: 0 66px; }
.motion-enabled .reveal-target.motion-shown,
.motion-enabled .reveal-target:focus-within { opacity: 1; translate: 0 0; }
.motion-enabled section > .wrap.reveal-target.motion-shown { translate: 0 0; }
.motion-enabled .motion-image {
 animation: service-image-drift var(--image-duration,8s) ease-in-out var(--image-delay,0s) infinite alternate;
 animation-play-state: paused;
 transform-origin: 50% 55%;
}
.motion-enabled .scene-active .motion-image { animation-play-state: running; }
.motion-enabled .motion-image:hover { animation-play-state: paused; }
.motion-enabled .hero .motion-image { animation-name: hero-image-drift; animation-duration: 13s; }
.motion-enabled .scene-active::before { animation: scene-light 12s ease-in-out infinite alternate; }
.motion-enabled .stats-section.scene-active::before { animation: stats-pan 16s ease-in-out infinite alternate; }
.motion-enabled .module-about .about-images .motion-image { animation-name: about-image-drift; }
.motion-tab-hidden .motion-image,.motion-tab-hidden .scene-active::before { animation-play-state: paused!important; }
@keyframes service-image-drift {
 from { scale: 1.01; translate: 0 0; }
 to { scale: 1.045; translate: 0 var(--image-drift,-5px); }
}
@keyframes about-image-drift {
 from { scale: 1; translate: 0 0; }
 to { scale: 1.025; translate: 0 var(--image-drift,-5px); }
}
@keyframes hero-image-drift {
 from { scale: 1.03; translate: 0 0; }
 to { scale: 1.085; translate: 0 -7px; }
}
@keyframes scene-light { from { opacity: .88; } to { opacity: 1; } }
@keyframes stats-pan { from { background-position: center 43%; } to { background-position: center 53%; } }
@media(max-width:600px){
 .motion-enabled .reveal-target { translate: 0 28px; }
 .motion-enabled section > .wrap.reveal-target { translate: 0 36px; }
 .motion-enabled .reveal-target.motion-shown,.motion-enabled section > .wrap.reveal-target.motion-shown { translate: 0 0; }
}
@media(prefers-reduced-motion:reduce){
 .reveal-target { opacity: 1!important; translate: none!important; transition: none!important; }
 .motion-image { animation: none!important; scale: none!important; translate: none!important; }
 .scene-active::before { animation: none!important; }
}