/* Supplied mark stays still; only the decorative rim moves. */
.logo .brand-flame {
  display: inline-grid;
  place-items: center;
  position: relative;
  isolation: isolate;
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  border-radius: 50%;
  background: #fffaf1;
  box-shadow: 0 0 0 1px #ba813b, 0 0 9px #e5772630;
}
.logo .brand-flame::before {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: 50%;
  background: conic-gradient(from 0deg, #b65f21, #f9df92 12%, #f68733 22%, #b63e1c 33%, #dfb96a 50%, #fff0bd 58%, #e96925 72%, #a9441b 85%, #b65f21);
  animation: brand-ember-orbit 9s linear infinite;
  z-index: -1;
}
.logo .brand-flame .logo-img {
  display: block;
  width: 44px !important;
  height: 44px !important;
  max-width: none;
  border: 1px solid #fff4d9;
  border-radius: 50% !important;
  object-fit: cover;
  box-sizing: border-box;
  background: #fffaf1;
}
@keyframes brand-ember-orbit { to { transform: rotate(360deg); } }
.logo .logo-t { min-width: 0; }
.logo .logo-t b { white-space: nowrap; }
.logo .logo-t small { font-size: 9px; letter-spacing: .035em; line-height: 1.35; margin-top: 3px; }
@media (max-width: 600px) {
  .hdr .logo .logo-t small { display: block; font-size: 8px; letter-spacing: 0; }
  .hdr .logo { gap: 9px; min-width: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .logo .brand-flame::before { animation: none; }
}