/* Logo animation update: replaces the white sweep with a warm, creamy pulse. */
.brand-copy::after { display: none !important; }
.brand-taglines { position: relative; display: block; height: 10px; margin-top: 8px; overflow: hidden; }
.brand-taglines small { display: block; margin: 0; }
.brand-creamy { position: absolute; inset: 0 auto auto 0; color: #efd99b !important; opacity: 0; letter-spacing: .22em !important; }
.site-header .brand-origin { animation: hica-origin-v3 7.6s ease-in-out infinite; }
.site-header .brand-creamy { animation: hica-creamy-v3 7.6s ease-in-out infinite; }
.site-header .logo-seed { animation: hica-seed-v3 7.6s ease-in-out infinite; }

@keyframes hica-origin-v3 {
  0%, 57%, 90%, 100% { opacity: 1; transform: translateY(0); }
  65%, 83% { opacity: 0; transform: translateY(-5px); }
}

@keyframes hica-creamy-v3 {
  0%, 59%, 88%, 100% { opacity: 0; transform: translateY(6px); }
  68%, 80% { opacity: 1; transform: translateY(0); }
}

@keyframes hica-seed-v3 {
  0%, 55%, 100% { background: #a9cc46; box-shadow: 0 0 0 0 rgba(237, 215, 154, 0); transform: scale(1); }
  67% { background: #f1d99a; box-shadow: 0 0 0 8px rgba(237, 215, 154, .16); transform: scale(1.2); }
  82% { background: #e7c873; box-shadow: 0 0 0 3px rgba(237, 215, 154, .06); transform: scale(1.08); }
}

@media (max-width: 640px) {
  .brand-taglines { height: 8px; margin-top: 6px; }
}

@media (prefers-reduced-motion: reduce) {
  .site-header .brand-origin,
  .site-header .brand-creamy,
  .site-header .logo-seed { animation: none !important; }
  .site-header .brand-origin { opacity: 1; transform: none; }
  .site-header .brand-creamy { opacity: 0; }
}