@keyframes etherGoldTextShine {
  0% { background-position: 220% 50%; }
  100% { background-position: -140% 50%; }
}

@keyframes etherGoldSoftPulse {
  0%, 100% { text-shadow: 0 0 8px rgba(216,184,112,.24), 0 0 20px rgba(216,184,112,.12); }
  50% { text-shadow: 0 0 12px rgba(241,216,148,.42), 0 0 30px rgba(216,184,112,.22); }
}

:is(
  .kicker,
  .eyebrow,
  .lock-eyebrow,
  .hero-kicker,
  .menu-label,
  .menu-lbl,
  .sec-label,
  .relic-no,
  .ex-badge,
  .panel-head,
  .sp-roman,
  .sp-sec h4,
  .spec-slide .k,
  .mq-edition,
  .room-head .l .k,
  .name-card .k,
  .eventDate,
  .footer-cta .hint,
  .footer-meta .v,
  .head-meta .v,
  .head-status .l,
  .head-status .v,
  .chapter.active .num,
  .world-head .r .v,
  .world-cap .d,
  .story-body em,
  .filters .tabs a.active .ct,
  .wardrobe-tabs a.active .ct,
  .tier .price,
  .tier h3,
  .plan-card .tl .v,
  .hours .row.now .v,
  .faq .row .a,
  .menu-foot .row .v,
  .menu-list a.active .num,
  .navlinks a:hover,
  .navlinks .signin:hover,
  .card .badge.relic,
  .card .act.on,
  .item .fav.on,
  .popup-kicker,
  .hero .quote em,
  .what p em
),
[style*="color:var(--gold"],
[style*="color: var(--gold"] {
  background-image:
    linear-gradient(105deg,
      var(--gold-deep, #8a6b34) 0%,
      var(--gold, #d8b870) 28%,
      #fff7cf 45%,
      var(--gold-bright, #f1d894) 56%,
      var(--gold, #d8b870) 72%,
      var(--gold-deep, #8a6b34) 100%);
  background-size: 240% 100%;
  background-position: 220% 50%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 0 5px rgba(216,184,112,.18));
  animation:
    etherGoldTextShine 5.8s linear infinite,
    etherGoldSoftPulse 3.6s ease-in-out infinite;
}

:is(
  .kicker,
  .eyebrow,
  .lock-eyebrow,
  .hero-kicker,
  .menu-label,
  .menu-lbl,
  .sec-label,
  .sp-roman,
  .sp-sec h4,
  .spec-slide .k,
  .room-head .l .k,
  .name-card .k
) .ln,
:is(.menu-label, .menu-lbl, .sec-label, .name-card .k) .dot {
  box-shadow: 0 0 10px rgba(241,216,148,.7), 0 0 24px rgba(216,184,112,.28);
}

@media (prefers-reduced-motion: reduce) {
  :is(
    .kicker,
    .eyebrow,
    .lock-eyebrow,
    .hero-kicker,
    .menu-label,
    .menu-lbl,
    .sec-label,
    .relic-no,
    .ex-badge,
    .panel-head,
    .sp-roman,
    .sp-sec h4,
    .spec-slide .k,
    .mq-edition,
    .room-head .l .k,
    .name-card .k
  ),
  [style*="color:var(--gold"],
  [style*="color: var(--gold"] {
    animation: none;
    background-position: 48% 50%;
  }
}
