/* Photographs are bundled with this plugin; URLs remain stable under Astra. */
body.goldcrest-page .hero-art,
body.goldcrest-page .image-story-picture {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  background-image: none;
}

body.goldcrest-page .hero-art { object-position: center center; }
body.goldcrest-page .image-story-picture { object-position: 59% 47%; }

body.goldcrest-page .service-card[data-service="sourcing"] { --card-image: url("bullion-sourcing.jpg"); }
body.goldcrest-page .service-card[data-service="mining"] { --card-image: url("nugget-mining.jpg"); }
body.goldcrest-page .service-card[data-service="assay"] { --card-image: url("nugget-evaluation.jpg"); }
body.goldcrest-page .service-card[data-service="refining"] { --card-image: url("material-refining.png"); }
body.goldcrest-page .service-card[data-service="export"] { --card-image: url("gold-bars-photograph.jpg"); }
body.goldcrest-page .service-card[data-service="logistics"] { --card-image: url("material-handheld.jpg"); }

body.goldcrest-page .service-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image: linear-gradient(180deg, transparent 0%, transparent 38%, rgba(16, 18, 16, .12) 58%, rgba(16, 18, 16, .74) 84%, #161815 100%), var(--card-image);
  background-position: center;
  background-size: cover;
  opacity: 1;
  filter: none;
  transition: opacity .35s ease, transform .5s ease;
}

body.goldcrest-page .service-card[data-service="mining"]::after { background-position: 37% center; }
body.goldcrest-page .service-card[data-service="logistics"]::after { background-position: 38% center; }
body.goldcrest-page .service-card:hover::after { opacity: 1; transform: scale(1.04); }
body.goldcrest-page .service-card .service-visual { z-index: 1; }

@media (prefers-reduced-motion: reduce) {
  body.goldcrest-page .service-card::after { transition: none; }
}