/* Only the outline animates inside the SVG. The photo remains untouched. */
.wordmark .brand-logo {
  width: 38px;
  height: 41px;
  object-fit: contain;
  filter: none;
}
.wordmark[href]:hover .brand-logo { filter: none; }
.contact-orbit img {
  rotate: 0deg;
  opacity: 1;
  filter: none;
  animation: none;
}
.greeting-avatar {
  display: block;
  flex: none;
  width: clamp(52px, 5.4cqw, 76px);
  height: auto;
  margin-right: 3px;
  object-fit: contain;
}
@media (max-width: 700px) {
  .wordmark .brand-logo { width: 34px; height: 37px; }
}
@container (max-width: 550px) {
  .greeting-avatar { width: 52px; margin-right: 0; }
  .greeting { gap: 9px; }
}