/* Halloween — Auctions: "The Gaslamp Gallery". A haunted portrait-gallery
   frame around the carousel and a flickering gas-sconce divider glyph,
   replacing the plain shared hw-rule/hw-cobweb chrome. */

/* Divider — swap the shared bat mark for a flickering gas-sconce flame */
.hw-rule.hw-rule--gallery::after {
  content: none;
  animation: hw-flicker 2.6s ease-in-out 4;
}
@media (prefers-reduced-motion: reduce) {
  .hw-rule.hw-rule--gallery::after { animation: none; }
}

/* Header — gallery eyebrow mark */
.hw-head--gallery .section-eyebrow::before {
  content: none !important;
}

/* Gilt picture-frame corners around the whole carousel viewport */
.hw-gallery-frame { position: relative; }
.hw-gallery-frame::before {
  content: ''; position: absolute; inset: -10px; pointer-events: none; z-index: 1;
  background:
    linear-gradient(135deg, var(--gold-2) 0%, transparent 40%) top left / 26px 26px no-repeat,
    linear-gradient(-135deg, var(--gold-2) 0%, transparent 40%) top right / 26px 26px no-repeat,
    linear-gradient(45deg, var(--gold-2) 0%, transparent 40%) bottom left / 26px 26px no-repeat,
    linear-gradient(-45deg, var(--gold-2) 0%, transparent 40%) bottom right / 26px 26px no-repeat;
  opacity: .55;
}
html.dark .hw-gallery-frame::before { opacity: .4; }

/* Faint spotlight sweeping slowly behind the row */
.hw-gallery-frame::after {
  content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background: radial-gradient(360px 200px at 50% 0%, rgba(255,193,120,.12), transparent 70%);
  background-size: 220% 100%;
  animation: hw-gallery-spot 22s ease-in-out 3;
}
@keyframes hw-gallery-spot {
  0%, 100% { background-position: 0% 0%; }
  50%      { background-position: 100% 0%; }
}
@media (prefers-reduced-motion: reduce) {
  .hw-gallery-frame::after { animation: none; background-position: 50% 0%; }
}