.gold-foil { background: url("/brand/gold-foil.jpg") center/cover; }
.\!bg-\[color\:var\(--gold-hi\)\],
.bg-\[color\:var\(--gold-hi\)\] {
  background: url("/brand/gold-foil.jpg") center/260px auto, #c9a227 !important;
  filter: brightness(1.08) contrast(1.06) saturate(1.05);
  border: 0 !important;
  box-shadow: 1px 1px 0 rgba(70, 40, 0, .85), 2px 2px 0 rgba(40, 22, 0, .55) !important;
  text-shadow: 0 1px 0 rgba(255, 240, 190, .45);
  transition: filter .2s ease, transform .2s ease !important;
}
.\!bg-\[color\:var\(--gold-hi\)\]:hover,
.bg-\[color\:var\(--gold-hi\)\]:hover { filter: brightness(1.18) contrast(1.06); transform: translateY(-1px); }
.gold-text,
.text-gold,
.text-\[color\:var\(--gold\)\],
.text-\[color\:var\(--gold-hi\)\],
.\!text-\[color\:var\(--gold-hi\)\] {
  background-image: url("/brand/gold-foil.jpg"), url("/brand/gold-leaf.jpg") !important;
  background-size: 260px auto, cover !important;
  background-position: center !important;
  background-blend-mode: normal;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  filter: brightness(1.08) contrast(1.06) saturate(1.05) drop-shadow(1px 1px 0 rgba(70, 40, 0, .85)) drop-shadow(1px 1px 0 rgba(40, 22, 0, .55));
  animation: gold-drift 14s ease-in-out infinite alternate;
}
@keyframes gold-drift { from { background-position: 0% 40%, center; } to { background-position: 100% 60%, center; } }
.gold-live { position: relative; }
svg.text-gold, svg.text-\[color\:var\(--gold\)\], svg.text-\[color\:var\(--gold-hi\)\] {
  background: none !important; color: #c9a227 !important; -webkit-text-fill-color: initial !important; filter: none;
}
.gold-frame { padding: 0 !important; border: 2px solid #C9A227 !important; box-shadow: 0 18px 40px -18px rgba(120,80,0,.45); }
.gold-frame-sm { padding: 0 !important; border: 2px solid #C9A227 !important; }
.gold-frame-lg { border: 3px solid #C9A227; }