/* Public site: HERO background photos only are replaced by a brand backdrop. Every other image is untouched.
   Remove the <link> in academy/layout.php to restore the hero photos. */
.t-hero__photo[style*="background-image"],
[class*="hero"][style*="background-image"]:not([class*="card"]):not([class*="tile"]) {
  background-color: #14201b !important;
  background-image:
    linear-gradient(rgba(247, 245, 241, .04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(247, 245, 241, .04) 1px, transparent 1px),
    radial-gradient(45% 70% at 82% 22%, rgba(196, 91, 47, .30), transparent 62%),
    radial-gradient(60% 90% at 8% 100%, rgba(31, 74, 58, .9), transparent 66%),
    linear-gradient(135deg, #1E2329 0%, #18261f 55%, #1F4A3A 100%) !important;
  background-size: 64px 64px, 64px 64px, 140% 140%, 140% 140%, auto !important;
  background-position: 0 0, 0 0, 100% 0, 0 100%, center !important;
  background-repeat: repeat, repeat, no-repeat, no-repeat, no-repeat !important;
  animation: ag-hero-drift 28s ease-in-out infinite alternate;
}
@keyframes ag-hero-drift {
  from { background-position: 0 0, 0 0, 100% 0, 0 100%, center; }
  to   { background-position: 32px 32px, 32px 32px, 70% 30%, 25% 80%, center; }
}
@media (prefers-reduced-motion: reduce) {
  .t-hero__photo[style*="background-image"], [class*="hero"][style*="background-image"] { animation: none; }
}