/* Only shared behavior; no page-wide atmospheric layer. */
body{overflow-x:clip}
.service-active{animation:service-enter .35s ease both}
@keyframes service-enter{from{opacity:.6;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){body.direction-b .site-header{background:#fffffff5;backdrop-filter:blur(14px)}body.direction-c .site-header{background:#f1efe7f5;backdrop-filter:blur(14px)}}
.motion-off .service-active{animation:none}
@media(prefers-reduced-motion:reduce){.service-active{animation:none}}