/* Hallmark · component: crypto avatar cluster · genre: editorial · theme: existing ice
 * Pre-emit critique: P4 H4 E4 S5 R5 V4 (source review, not browser QA).
 * Shared dark service-stage tokens; existing typography and service copy retained.
 * Decorative hover only; avatars are not buttons or selectable controls. */
.ice-in-motion .kol-cluster{border-radius:var(--radius-panel);margin:0;min-width:0;background:var(--color-stage);color:var(--color-stage-ink);padding:var(--space-lg)}
.ice-in-motion .kol-cluster .service-media-content{flex:1}
.ice-in-motion .kol-cloud{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;justify-items:center;gap:var(--space-md);width:100%;max-width:360px;margin:0 auto;padding:var(--space-lg) 0}
.ice-in-motion .kol-orbit{width:100%;display:grid;place-items:center;min-width:0}
.ice-in-motion .kol-avatar{position:relative;display:grid;place-items:center;width:100%;max-width:104px;aspect-ratio:1;padding:0;border:3px solid var(--color-paper);border-radius:50%;background:var(--color-panel);color:var(--color-ink);box-shadow:0 8px 24px var(--color-overlay-soft);transition:transform var(--dur-panel) var(--ease-out)}
.ice-in-motion .kol-avatar img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit;opacity:0}
.ice-in-motion .kol-avatar[data-state=success] img{opacity:1}
.ice-in-motion .kol-avatar[data-state=success] .kol-fallback{visibility:hidden}
.ice-in-motion .kol-pixel{image-rendering:pixelated}
.ice-in-motion .kol-avatar[data-state=loading]{border-style:dashed}
.ice-in-motion .kol-avatar[data-state=error]{border-style:dotted}
@media(min-width:70rem){.ice-in-motion .kol-cluster{padding:var(--space-xl)}}
.ice-in-motion .is-scroll-pinned .kol-cluster{padding:var(--space-lg)}
@media(hover:hover){.ice-in-motion .kol-avatar:hover{transform:translateY(-6px)}}
@media(max-width:40rem){.ice-in-motion .kol-cluster{padding:var(--space-md)}.ice-in-motion .kol-cloud{gap:var(--space-md) var(--space-xs);padding:var(--space-lg) var(--space-xs)}.ice-in-motion .kol-avatar{border-width:2px}}
@media(prefers-reduced-motion:reduce){.ice-in-motion .kol-avatar{transition:none}.ice-in-motion .kol-avatar:hover{transform:none}}
