/* A rare cinematic interruption: the system stays orderly until the image shifts. */
.hero-image img{transition:opacity .55s ease,transform 5s cubic-bezier(.2,.65,.2,1),box-shadow 5s cubic-bezier(.2,.65,.2,1),filter 5s ease}
.hero-image figcaption span{transition:transform 4s cubic-bezier(.2,.65,.2,1)}
.hero-image.is-anomalous img{transform:translate3d(-3px,1px,0) scale(1.004);box-shadow:-9px 22px 0 var(--system-blue);filter:contrast(1.015)}
.hero-image.is-anomalous figcaption span:nth-child(2){transform:translateX(6px)}
.hero-image.is-anomalous figcaption span:nth-child(3){transform:translateX(-3px)}
@media(prefers-reduced-motion:reduce){.hero-image img,.hero-image figcaption span{transition:none!important;transform:none!important}}

/* A brief page-wide signal drift, separate from the slower hero anomaly. */
html.world-glitch body{animation:world-phase .42s steps(1,end)}
html.world-glitch::after{content:"";position:fixed;inset:0;z-index:1000;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 7px,rgba(36,70,92,.0455) 8px 9px,transparent 10px 16px);animation:world-scan .42s steps(1,end)}
@keyframes world-phase{0%,100%{transform:none;filter:none}18%{transform:translateX(1.3px);filter:contrast(1.0455)}27%{transform:translateX(-1.3px);filter:contrast(1.0195)}39%{transform:none;filter:none}68%{transform:translateX(-1.3px);filter:brightness(1.0195)}77%{transform:translateX(1.3px);filter:none}}
@keyframes world-scan{0%,100%{opacity:0}18%,27%{opacity:1}39%,67%{opacity:0}68%,77%{opacity:.845}}
@media(prefers-reduced-motion:reduce){html.world-glitch body,html.world-glitch::after{animation:none!important}html.world-glitch::after{display:none}}