/* CurioSpark v8.36.9 - Home Hero Logo Focus
   Scope: Home hero mosaic only.
   Intent: one approved logo card, no photo tiles, and safe CSS-only sparkle motion.
   No text, API, auth, registration, payment, script, or shared stylesheet changes. */

body.home-hero-logo-focus .home-hero-photo-mosaic {
  min-height: clamp(390px, 38vw, 510px);
}

body.home-hero-logo-focus .home-hero-photo--main.home-hero-photo--brand {
  inset: 0;
  width: 100%;
  height: 100%;
  border-radius: 34px 34px 80px 34px;
  background: #ffffff;
}

body.home-hero-logo-focus .home-hero-photo--main.home-hero-photo--brand::after {
  display: none;
}

body.home-hero-logo-focus .home-hero-photo--main.home-hero-photo--brand img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

body.home-hero-logo-focus .cs-hero-focus-spark {
  position: absolute;
  z-index: 2;
  display: block;
  width: clamp(11px, 1.35vw, 18px);
  height: clamp(11px, 1.35vw, 18px);
  pointer-events: none;
  clip-path: polygon(50% 0%, 61% 39%, 100% 50%, 61% 61%, 50% 100%, 39% 61%, 0% 50%, 39% 39%);
  transform-origin: center;
  animation: csHomeHeroFocusSpark 3.8s ease-in-out infinite;
}

body.home-hero-logo-focus .cs-hero-focus-spark--one {
  top: 11%;
  left: 13%;
  background: #f4b516;
}

body.home-hero-logo-focus .cs-hero-focus-spark--two {
  top: 20%;
  right: 13%;
  width: clamp(8px, 1vw, 13px);
  height: clamp(8px, 1vw, 13px);
  background: #5f2579;
  animation-delay: 0.8s;
}

body.home-hero-logo-focus .cs-hero-focus-spark--three {
  bottom: 16%;
  left: 16%;
  width: clamp(9px, 1.1vw, 15px);
  height: clamp(9px, 1.1vw, 15px);
  background: #5f2579;
  animation-delay: 1.6s;
}

body.home-hero-logo-focus .cs-hero-focus-spark--four {
  right: 14%;
  bottom: 12%;
  background: #f4b516;
  animation-delay: 2.3s;
}

@keyframes csHomeHeroFocusSpark {
  0%,
  100% {
    opacity: 0.4;
    transform: translate3d(0, 0, 0) scale(0.78) rotate(0deg);
  }

  50% {
    opacity: 1;
    transform: translate3d(0, -7px, 0) scale(1.08) rotate(10deg);
  }
}

@media (max-width: 900px) {
  body.home-hero-logo-focus .home-hero-photo-mosaic {
    min-height: clamp(360px, 88vw, 500px);
  }
}

@media (max-width: 640px) {
  body.home-hero-logo-focus .home-hero-photo-mosaic {
    min-height: min(88vw, 430px);
    margin-top: 1.2rem;
  }

  body.home-hero-logo-focus .home-hero-photo--main.home-hero-photo--brand {
    border-radius: 28px 28px 64px 28px;
  }

  body.home-hero-logo-focus .cs-hero-focus-spark--one {
    top: 10%;
    left: 12%;
  }

  body.home-hero-logo-focus .cs-hero-focus-spark--two {
    top: 15%;
    right: 12%;
  }

  body.home-hero-logo-focus .cs-hero-focus-spark--three {
    bottom: 15%;
    left: 14%;
  }

  body.home-hero-logo-focus .cs-hero-focus-spark--four {
    right: 13%;
    bottom: 10%;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.home-hero-logo-focus .cs-hero-focus-spark {
    animation: none;
    opacity: 0.82;
  }
}