/* V22 — only faces move. Existing square cells, headings, grids and mobile rules remain intact. */
.brand-wall{--brand-wall-motion-css:1}
.brand-wall-motion-ready .brand-wall-tile{position:relative;overflow:hidden}
.brand-wall-motion-ready .brand-wall-original{visibility:hidden}
.brand-wall-motion-ready .brand-wall-tile>.brand-wall-face{position:absolute;inset:0;background:var(--tile-background,#fff);color:var(--tile-ink,#141414);transform:translateX(0);pointer-events:none}
.brand-wall-motion-ready .brand-wall-tile>.brand-wall-face-incoming{transform:translateX(100%)}
.brand-wall-roster-name{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
.brand-wall-motion-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:18px;padding:8px 0;border:0;border-bottom:1px solid currentColor;background:transparent;color:inherit;font:inherit;font-size:13px;line-height:1.4;cursor:pointer}
.brand-wall-motion-toggle[hidden]{display:none!important}
.brand-wall-motion-toggle:focus-visible{outline:2px solid var(--orange,#ff5a24);outline-offset:5px}
.brand-wall-motion-toggle:disabled{opacity:.65;cursor:default}
/* Immediate preference fallback, also before its JS change observer runs. */
@media(prefers-reduced-motion:reduce){.brand-wall-motion-ready .brand-wall-face{display:none}.brand-wall-motion-ready .brand-wall-original{visibility:visible}}
html.motion-paused .brand-wall-motion-ready .brand-wall-face,body.motion-paused .brand-wall-motion-ready .brand-wall-face{display:none}
html.motion-paused .brand-wall-motion-ready .brand-wall-original,body.motion-paused .brand-wall-motion-ready .brand-wall-original{visibility:visible}