/* One choreography owns geometry. Existing CSS still handles small UI feedback. */
.wallet-showcase[data-sw-choreography="smooth"] :is(.sw-card,.sw-page,.sw-leaf-orbit,.sb-simple,.sb-insight,.sw-halo,.sw-orbit) { animation:none; }
.wallet-showcase[data-sw-choreography="smooth"] { --sw-spread:1; }
.wallet-showcase[data-sw-choreography="smooth"] .sw-card { box-shadow:0 1.5cqw 3.7cqw -1cqw #20452d2c; border-color:#e2ebdc; }
.wallet-showcase[data-sw-choreography="smooth"] :is(.sw-card,.sw-page,.sb-simple,.sb-insight) { will-change:transform,opacity; backface-visibility:hidden; }
.wallet-showcase[data-sw-choreography="smooth"] .sw-page { transform-origin:50% 45%; }
.wallet-showcase[data-sw-choreography="smooth"] .sb-insight { box-shadow:0 2cqw 5cqw -1cqw #173e2d22; }
.wallet-showcase[data-sw-choreography="smooth"] .sw-leaf-orbit { inset:auto; left:50%; top:48%; width:9%; height:6%; transform-origin:50% 50%; will-change:transform; }
.wallet-showcase[data-sw-choreography="smooth"] .sw-leaf-orbit--two { width:7%; height:4.5%; }
.wallet-showcase[data-sw-choreography="smooth"] .sw-leaf-orbit--three { width:5.2%; height:3.8%; }
.wallet-showcase[data-sw-choreography="smooth"] .sw-leaf-orbit--four { width:4%; height:2.8%; }
.wallet-showcase[data-sw-choreography="smooth"] .sw-leaf-orbit--five { width:3.1%; height:2.2%; }
.wallet-showcase[data-sw-choreography="smooth"] .sw-leaf-orbit--six { width:5.8%; height:4.2%; }
.wallet-showcase[data-sw-choreography="smooth"] .sw-leaf-orbit--seven { width:4%; height:2.7%; }
.wallet-showcase[data-sw-choreography="smooth"] .sw-leaf-orbit--eight { width:3%; height:2.1%; }
.wallet-showcase[data-sw-choreography="smooth"] .sw-leaf { inset:0; width:100%; height:100%; transform:none; }
.wallet-showcase[data-sw-choreography="smooth"] .sw-orbit { opacity:.42; }
@container(max-width:450px) {
 .wallet-showcase[data-sw-choreography="smooth"] .sw-stage { --sw-spread:.52; }
}