.hero__logo {
  position: relative;
  display: block;
  width: clamp(58px, 7vw, 88px);
  height: clamp(58px, 7vw, 88px);
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(160, 240, 194, 0.48);
  border-radius: 22%;
  background: transparent;
  box-shadow:
    0 12px 34px rgba(0, 0, 0, 0.36),
    0 0 28px rgba(120, 212, 162, 0.16);
  cursor: pointer;
  transform: scale(1);
  transition:
    border-color 0.35s ease,
    box-shadow 0.35s ease,
    transform 0.42s cubic-bezier(0.2, 0.8, 0.2, 1);
  -webkit-tap-highlight-color: transparent;
}

.hero__logo:hover,
.hero__logo:focus-visible,
.hero__logo.is-awake {
  border-color: rgba(166, 255, 205, 0.86);
  box-shadow:
    0 18px 42px rgba(0, 0, 0, 0.42),
    0 0 42px rgba(79, 238, 151, 0.42);
  transform: scale(2);
}

.hero__logo:focus-visible {
  outline: 2px solid rgba(124, 244, 178, 0.74);
  outline-offset: 5px;
}

.hero__logo img {
  display: block;
  width: 100%;
  height: 100%;
}

.hero__logo::after {
  position: absolute;
  left: 75.3%;
  top: 34.5%;
  width: 22%;
  aspect-ratio: 1;
  border-radius: 50%;
  background:
    radial-gradient(circle, #ffffff 0 5%, #baffd7 8%, rgba(83, 255, 155, 0.86) 18%, rgba(31, 211, 112, 0.28) 42%, transparent 72%);
  content: "";
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, -50%) scale(0.32);
  animation: nova-eye-spark 5.8s ease-in-out infinite;
}

.hero__logo:hover::after,
.hero__logo:focus-visible::after,
.hero__logo.is-awake::after {
  animation: nova-eye-awake 0.9s ease-in-out both;
}

@keyframes nova-eye-spark {
  0%,
  72%,
  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.32);
  }

  78% {
    opacity: 0.28;
  }

  81% {
    opacity: 0.95;
    transform: translate(-50%, -50%) scale(1);
  }

  84% {
    opacity: 0.16;
    transform: translate(-50%, -50%) scale(0.52);
  }

  87% {
    opacity: 0.5;
    transform: translate(-50%, -50%) scale(0.72);
  }

  91% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.36);
  }
}

@keyframes nova-eye-awake {
  0% {
    opacity: 0.15;
    transform: translate(-50%, -50%) scale(0.4);
  }

  38% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.18);
  }

  62% {
    opacity: 0.62;
    transform: translate(-50%, -50%) scale(0.78);
  }

  100% {
    opacity: 0.88;
    transform: translate(-50%, -50%) scale(1);
  }
}


.brand a{color:inherit;text-decoration:none}.brand .hero__logo{flex-shrink:0;width:64px;height:64px;z-index:2}.brand .hero__logo img{width:100%;height:100%}@media(max-width:800px){.brand .hero__logo{width:52px;height:52px}}@media(prefers-reduced-motion:reduce){.hero__logo{transition:none}.hero__logo::after{animation:none}}
.hero__logo{transform-origin:center top}