/* Procedural film surfaces. The gradient remains visible if canvas is unavailable. */
.coded-motion{display:block;position:absolute;inset:0;width:100%;height:100%;pointer-events:none;background:radial-gradient(ellipse at 62% 35%,#526446 0%,#273c2d 42%,#111d16 100%);}
.coded-motion[data-motion-scene="textile"]{background:radial-gradient(ellipse at 30% 35%,#87916b,#354534 48%,#1d2921);}
.coded-motion[data-motion-scene="assurance"]{background:radial-gradient(ellipse at 65% 28%,#8a9778,#394e3d 45%,#18271d);}
.coded-motion[data-motion-scene="precision"]{background:radial-gradient(ellipse at 65% 25%,#887e61,#3f4934 45%,#1a241b);}
.coded-motion[data-motion-scene="circular"]{background:radial-gradient(ellipse at 50% 40%,#697c50,#304534 50%,#14251c);}
.coded-motion[data-motion-scene="tender"]{background:radial-gradient(ellipse at 50% 40%,#657d66,#2d4b3d 50%,#12251f);}
.coded-motion[data-motion-scene="trade"]{background:radial-gradient(ellipse at 50% 30%,#7f8b67,#3a503c 50%,#192b21);}
.coded-motion[data-motion-scene="foresight"]{background:radial-gradient(ellipse at 50% 40%,#7d8e5c,#334b32 48%,#101f17);}