.brand-rune {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  height: clamp(96px, 14vh, 160px);
  pointer-events: none;
  opacity: 1;
}

.brand-rune__sun {
  position: absolute;
  left: clamp(58%, 64vw, 68%);
  top: clamp(-1.45rem, -1.2vh, -0.45rem);
  z-index: 2;
  width: clamp(1.9rem, 3.2vw, 2.75rem);
  aspect-ratio: 1;
  border-radius: 50%;
  background: linear-gradient(
    to bottom,
    rgba(184, 84, 71, 0.86) 0%,
    rgba(200, 90, 82, 0.76) 38%,
    rgba(230, 138, 120, 0.36) 66%,
    rgba(230, 138, 120, 0) 100%
  );
  box-shadow: 0 0.45rem 1.2rem rgba(230, 138, 120, 0.12);
  transform: translateX(-50%);
  animation: brand-rune-sun 6.5s var(--ease-in-out-tide) infinite alternate;
  will-change: opacity;
}

.brand-rune__svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.brand-rune__hill {
  transform-origin: 50% 100%;
  animation: brand-rune-drift 28s var(--ease-in-out-tide) infinite alternate;
  will-change: transform;
}

.brand-rune__horizon {
  /* 静止的极细地平线，承载横向秩序，不做动效 */
}

@keyframes brand-rune-drift {
  0% {
    transform: translate3d(-0.35%, 0, 0);
  }
  100% {
    transform: translate3d(0.35%, 0, 0);
  }
}

@keyframes brand-rune-sun {
  0% {
    opacity: 0.72;
  }
  100% {
    opacity: 0.92;
  }
}

@media (prefers-reduced-motion: reduce) {
  .brand-rune__hill,
  .brand-rune__sun {
    animation: none;
  }
}

@media (max-width: 640px) {
  .brand-rune {
    height: clamp(72px, 16vh, 120px);
  }
}