/* V22. Clearly visible entrances with stationary layout and safe motion fallbacks. */
:root{--motion-ease:cubic-bezier(.22,1,.36,1)}
.reveal-pending{opacity:.14}
/* JS applies these states only to observed content; no-JS content stays fully visible. */
.image-reveal-pending{opacity:.12;scale:1.10;clip-path:inset(4.55% 4.55% 20% 4.55%)}
@media(max-width:900px),(hover:none){.image-reveal-pending{scale:1.075;clip-path:inset(3.49% 3.49% 16% 3.49%)}}
.page-intro .intro-grid{animation:none}
body[data-page] .btn{transition:background .25s ease,color .25s ease,border-color .25s ease,transform .4s var(--motion-ease)}
body[data-page] .btn:hover{transform:none}
.btn>span[aria-hidden],.text-link>span[aria-hidden]{display:inline-block;transition:transform .4s var(--motion-ease)}
.text-link{transition:color .25s ease,border-color .25s ease}
.footer-grid a:not(.btn){transition:color .25s ease}
.main-nav a:after,.chapter-nav a:after{transition:transform .4s var(--motion-ease)}
.reading-progress{transition:none}
@media(hover:hover) and (pointer:fine){
 body[data-page] .btn:hover{transform:translateY(-1px)}
 .btn:hover>span[aria-hidden],.text-link:hover>span[aria-hidden]{transform:translate(2px,-2px)}
 .editorial-visual img,.service-preview img,.guide-cover img,.scenario-visual img{transition:transform 1.1s var(--motion-ease)}
 .editorial-service:hover .editorial-visual img,.service-directory>a:hover .service-preview img,.guide-links>a:hover .guide-cover img{transform:scale(1.025)}
}
@media(hover:none){
 .capability-grid>a:hover,.service-directory>a:hover{transform:none}
 .editorial-service:hover .editorial-visual img,.service-directory>a:hover .service-preview img,.guide-links>a:hover .guide-cover img{transform:none}
}
@media(prefers-reduced-motion:reduce){
 .image-reveal-pending{opacity:1;scale:none;clip-path:none}
 .reveal-pending{opacity:1;translate:none;clip-path:none}
 .capability-grid>a:hover,.service-directory>a:hover{transform:none}
 body[data-page] .btn:hover,.btn:hover>span[aria-hidden],.text-link:hover>span[aria-hidden]{transform:none}
 .editorial-service:hover .editorial-visual img,.service-directory>a:hover .service-preview img,.guide-links>a:hover .guide-cover img{transform:none}
}
.motion-paused .reveal-pending{opacity:1;translate:none;clip-path:none}
.motion-paused .image-reveal-pending{opacity:1;scale:none;clip-path:none}
.motion-paused .capability-grid>a:hover,.motion-paused .service-directory>a:hover{transform:none}
.motion-paused .btn:hover,.motion-paused .btn:hover>span[aria-hidden],.motion-paused .text-link:hover>span[aria-hidden]{transform:none}
.motion-paused .editorial-service:hover .editorial-visual img,.motion-paused .service-directory>a:hover .service-preview img,.motion-paused .guide-links>a:hover .guide-cover img{transform:none}
@media print{.reveal-pending{opacity:1!important;translate:none!important;scale:none!important;clip-path:none!important}}