/* ==========================================================================
   DNA COACH AVATAR — a small living helix of gold dots.
   The Coach's face: the one guide a leader meets at the front door and keeps
   talking to. It moves gently (idle), quicker while listening, and pulses
   while thinking. Reduced-motion users see the same helix, still.
   This is the Coach's mark only; the sidebar DNA mark and the home still
   stay exactly as they are.
   ========================================================================== */
.dna-coach-avatar {
  --cav-size: 64px;
  --cav-gold: var(--c-copper, var(--brand-gold));
  --cav-speed: 2.6s;
  position: relative;
  display: inline-grid;
  place-items: center;
  width: var(--cav-size);
  height: var(--cav-size);
  border-radius: 50%;
  background: radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--brand-gold) 16%, transparent), color-mix(in srgb, var(--brand-gold) 4%, transparent) 62%, transparent 72%);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--brand-gold) 28%, transparent) inset;
  flex: none;
}
.dna-coach-avatar svg { width: 74%; height: 74%; overflow: visible; }
.dna-coach-avatar .cav-dot { fill: var(--cav-gold); transform-box: fill-box; transform-origin: center; }
.dna-coach-avatar .cav-a { animation: cav-wave var(--cav-speed) ease-in-out infinite alternate; }
.dna-coach-avatar .cav-b { animation: cav-wave-b var(--cav-speed) ease-in-out infinite alternate; }
@keyframes cav-wave { from { transform: translateY(-15px) scale(.62); opacity: .5; } to { transform: translateY(15px) scale(1.08); opacity: 1; } }
@keyframes cav-wave-b { from { transform: translateY(15px) scale(1.08); opacity: 1; } to { transform: translateY(-15px) scale(.62); opacity: .5; } }
.dna-coach-avatar[data-state="listening"] { --cav-speed: 1.2s; box-shadow: 0 0 0 1px var(--cav-gold) inset, 0 0 0 6px color-mix(in srgb, var(--brand-gold) 14%, transparent); }
.dna-coach-avatar[data-state="thinking"] { --cav-speed: 1.7s; animation: cav-breathe 1.7s ease-in-out infinite; }
@keyframes cav-breathe { 50% { box-shadow: 0 0 0 1px color-mix(in srgb, var(--brand-gold) 50%, transparent) inset, 0 0 0 9px color-mix(in srgb, var(--brand-gold) 10%, transparent); } }
.dna-coach-avatar.cav-lg { --cav-size: 112px; }
.dna-coach-avatar.cav-sm { --cav-size: 40px; }
@media (prefers-reduced-motion: reduce) {
  .dna-coach-avatar, .dna-coach-avatar .cav-dot { animation: none !important; }
}
html.dna-motion-hidden .dna-coach-avatar .cav-dot { animation-play-state: paused; }