/* Static generated textures: visual depth without runtime gradient tracking. */
.about-card,
.other-card {
  background-color: #f2eee4;
  background-image:
    linear-gradient(90deg, rgba(246, 243, 235, 0.38), rgba(246, 243, 235, 0.56)),
    url("https://pub-2f296678a1134f0fa45cf651ddd6f956.r2.dev/modules/shaanxi-archaeology-museum/assets/backgrounds/archaeology-paper.webp");
  background-position: center top;
  background-size: 100% auto;
  background-repeat: no-repeat;
  box-shadow: inset 0 1px rgba(115, 89, 54, 0.12), inset 0 -1px rgba(115, 89, 54, 0.1);
}

#artifact-catalog-root {
  background-color: #f2eee4;
  background-image:
    linear-gradient(rgba(244, 241, 233, 0.46), rgba(244, 241, 233, 0.62)),
    url("https://pub-2f296678a1134f0fa45cf651ddd6f956.r2.dev/modules/shaanxi-archaeology-museum/assets/backgrounds/archaeology-paper.webp");
  background-position: center top;
  background-size: 100% auto;
  background-repeat: repeat-y;
}

.treasure-card {
  background-color: #101713;
  background-image:
    linear-gradient(90deg, rgba(11, 16, 13, 0.72), rgba(16, 24, 19, 0.88)),
    url("https://pub-2f296678a1134f0fa45cf651ddd6f956.r2.dev/modules/shaanxi-archaeology-museum/assets/backgrounds/archaeology-ink.webp");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.museum-opening-lite {
  background-color: #101713;
  background-image:
    linear-gradient(135deg, rgba(10, 15, 12, 0.7), rgba(18, 29, 22, 0.8)),
    url("https://pub-2f296678a1134f0fa45cf651ddd6f956.r2.dev/modules/shaanxi-archaeology-museum/assets/backgrounds/archaeology-ink.webp");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

footer,
.site-footer {
  background-image:
    linear-gradient(rgba(12, 18, 14, 0.88), rgba(12, 18, 14, 0.94)),
    url("https://pub-2f296678a1134f0fa45cf651ddd6f956.r2.dev/modules/shaanxi-archaeology-museum/assets/backgrounds/archaeology-ink.webp");
  background-position: center;
  background-size: cover;
}

/* Remove only the hover sweep/gloss. Lift, border and image scale remain. */
.artifact-catalog-card::after {
  content: none !important;
  display: none !important;
}

@media (max-width: 760px) {
  .about-card,
  .other-card,
  #artifact-catalog-root {
    background-size: auto 760px;
    background-position: 18% top;
    background-repeat: repeat-y;
  }

  .treasure-card,
  .museum-opening-lite,
  footer,
  .site-footer {
    background-position: 58% center;
  }
}