@media(prefers-reduced-motion:no-preference){
.white .reality-scroll-reveal{opacity:0;translate:0 28px;filter:blur(3px);transition:opacity .85s ease,translate 1s cubic-bezier(.16,1,.3,1),filter .85s ease;transition-delay:var(--motion-delay,0ms)}
.white .reality-scroll-reveal.motion-visible{opacity:1;translate:0 0;filter:blur(0)}
.white .ripple-svg{translate:0 var(--scene-drift,0px);rotate:var(--scene-turn,0deg);transition:rotate .15s linear,translate .15s linear}
.white .storytelling-intro h2,.white .about>h2{translate:0 var(--scene-drift,0px)}
.white .motion-in-view .symbol-discover i{animation:reality-float 4s ease-in-out infinite;animation-delay:calc(var(--dot-i,0)*-.6s)}
.white .symbol-discover i:nth-child(2){--dot-i:1}.white .symbol-discover i:nth-child(3){--dot-i:2}.white .symbol-discover i:nth-child(4){--dot-i:3}.white .symbol-discover i:nth-child(5){--dot-i:4}
.white .motion-in-view .symbol-distill i{animation:reality-breathe 5s ease-in-out infinite}.white .symbol-distill i:nth-child(2){animation-delay:-1.6s}.white .symbol-distill i:nth-child(3){animation-delay:-3.2s}
.white .motion-in-view .symbol-design i{animation:reality-glow 4s ease-in-out infinite}
.white .recall-example.motion-visible:hover .recall-numbers{letter-spacing:4px;transition:letter-spacing .4s}
.white .brand-mark img{transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.white .brand-mark:hover img{transform:translateY(-5px) scale(1.05)}
.white .reality-contact-grid h2{translate:0 var(--scene-drift,0px)}
@keyframes reality-float{0%,100%{translate:0 0}50%{translate:0 -9px}}
@keyframes reality-breathe{0%,100%{scale:1}50%{scale:1.13}}
@keyframes reality-glow{0%,100%{box-shadow:0 0 0 11px #eff0fa,0 0 0 12px #d5daed}50%{box-shadow:0 0 0 17px #eff0fa,0 0 28px 18px #a58ccf30}}
}
@media(max-width:600px){.white .reality-scroll-reveal{--motion-delay:0ms}}