/* Icon-only animation; no hero background layer. */
.brand-art{position:relative}
.brand-motion{display:block;width:270px;height:270px;flex-shrink:0;overflow:visible;pointer-events:none;fill:#963cff}
.brand-motion-control{position:absolute;right:14px;top:12px;width:40px;height:40px;display:grid;place-items:center;border:1px solid #e9e5ee;border-radius:50%;background:#fff;color:#625c68;cursor:pointer;padding:0}
.brand-motion-control svg{width:18px;height:18px;fill:currentColor;pointer-events:none}
.brand-motion-control:hover{border-color:#792dcc;color:#792dcc}
.brand-motion-control:focus-visible{outline:2px solid #792dcc;outline-offset:4px}
.brand-motion-control[hidden]{display:none}
@media(max-width:800px){.brand-motion{width:200px;height:200px}}
@media(max-width:560px){.brand-motion{width:170px;height:170px}}
@media(prefers-reduced-motion:reduce){.brand-motion-control{display:none}}