/* Local mining imagery override: no remote or technology-themed photographs. */
.hero-media{
    background:
        linear-gradient(105deg,#090b0cf2 6%,#121413c2 46%,#2b1e0a45),
        url("/images/mining-geologist-bauxite.png") center/cover;
}
.resource.gold{
    background:
        radial-gradient(circle at 75% 18%,#f1c65b 0 3%,transparent 4%),
        radial-gradient(circle at 25% 42%,#c18a18 0 7%,transparent 8%),
        linear-gradient(145deg,#50310c,#d49a25 45%,#20160a);
}
.resource.bauxite{
    background:url("/images/mining-geologist-bauxite.png") 72% center/cover;
}
.resource.other{
    background:
        radial-gradient(circle at 25% 25%,#6e7777 0 2%,transparent 3%),
        radial-gradient(circle at 70% 40%,#9d7c55 0 4%,transparent 5%),
        linear-gradient(145deg,#111719,#455052 48%,#18130f);
}
.cta{
    background:
        linear-gradient(100deg,#080909f2,#22190dcc),
        url("/images/mining-geologist-bauxite.png") center 58%/cover;
}

/* Visibility state must outrank the initial scroll-animation selector. */
.reveal.visible,
.service-card.visible,
.resource.visible,
.commitment-list article.visible,
.opportunity-grid div.visible{
    opacity:1;
    transform:none;
}