/*
 * Author: Yogabrata Mukhopadhyay
 * Organization: ManjuLab
 * Copyright (c) 2026 ManjuLab. All rights reserved.
 */
/* Brahmando-style orbiting logo watermark — Eden-tinted, subtle color */

.brand-cosmos-watermark {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
}

.brand-cosmos-core {
  position: absolute;
  left: 50%;
  top: 46%;
  width: min(520px, 78vw);
  height: min(340px, 52vw);
  transform: translate(-50%, -50%);
}

.brand-orbit-ellipse {
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 50%;
  border: 1px solid transparent;
  transform: translate(-50%, -50%);
  animation: brand-orbit-spin linear infinite;
}

.brand-orbit-ellipse--outer {
  width: 100%;
  height: 100%;
  border-color: color-mix(in srgb, var(--orbit-gold) 55%, transparent);
  animation-duration: 62s;
}

.brand-orbit-ellipse--mid {
  width: 72%;
  height: 72%;
  border-color: color-mix(in srgb, var(--orbit-teal) 50%, transparent);
  animation-duration: 44s;
  animation-direction: reverse;
}

.brand-orbit-ellipse--inner {
  width: 46%;
  height: 46%;
  border-color: color-mix(in srgb, var(--orbit-violet) 45%, transparent);
  animation-duration: 32s;
}

.brand-orbit-sat {
  position: absolute;
  top: -4px;
  left: 50%;
  width: 7px;
  height: 7px;
  margin-left: -3.5px;
  border-radius: 50%;
  background: var(--manju-gold);
  box-shadow: 0 0 10px var(--orbit-gold), 0 0 18px color-mix(in srgb, var(--orbit-teal) 60%, transparent);
}

.brand-orbit-ellipse--mid .brand-orbit-sat {
  background: var(--cyan);
  box-shadow: 0 0 10px var(--orbit-teal);
}

.brand-orbit-ellipse--inner .brand-orbit-sat {
  background: var(--purple);
  width: 5px;
  height: 5px;
  margin-left: -2.5px;
  box-shadow: 0 0 8px var(--orbit-violet);
}

.brand-watermark-logo {
  position: absolute;
  left: 50%;
  top: 50%;
  width: min(200px, 38vw);
  height: auto;
  transform: translate(-50%, -50%);
  object-fit: contain;
  opacity: var(--logo-opacity, 0.12);
  filter: var(--logo-tint);
}

.brand-cosmos-glow {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 55%;
  height: 55%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: radial-gradient(circle,
    color-mix(in srgb, var(--manju-gold) 18%, transparent) 0%,
    color-mix(in srgb, var(--cyan) 8%, transparent) 42%,
    transparent 70%);
  animation: brand-glow-pulse 8s ease-in-out infinite;
}

@keyframes brand-orbit-spin {
  to { transform: translate(-50%, -50%) rotate(360deg); }
}

@keyframes brand-glow-pulse {
  0%, 100% { opacity: 0.65; transform: translate(-50%, -50%) scale(1); }
  50% { opacity: 1; transform: translate(-50%, -50%) scale(1.04); }
}

@media (prefers-reduced-motion: reduce) {
  .brand-orbit-ellipse { animation: none !important; }
  .brand-cosmos-glow { animation: none !important; }
}

@media (max-width: 768px) {
  .brand-cosmos-core {
    width: min(380px, 92vw);
    height: min(260px, 60vw);
    top: 42%;
  }
  .brand-watermark-logo { width: min(140px, 34vw); }
}