.nexa-brand-loader {
  display: grid;
  min-height: 100dvh;
  width: 100%;
  place-items: center;
  background: transparent;
  pointer-events: none;
}

.nexa-brand-loader__logo {
  width: min(72vw, 272px);
  height: auto;
  object-fit: contain;
  animation: nexafi-logo-loading 1.7s ease-in-out infinite;
}

@keyframes nexafi-logo-loading {
  0%, 100% { transform: translateY(2px) scale(.97); opacity: .82; }
  50% { transform: translateY(-2px) scale(1.035); opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
  .nexa-brand-loader__logo {
    animation: none;
  }
}