/* Digital Heritage BALKANS – osvežavanje izgleda (pozadina i animacija portala).
   Učitava se posle style.css. */

/* Bela pozadina sa tankim motivima: binarne veze i obrisi predmeta nasleđa.
   Sloj je fiksiran iza sadržaja; predmeti i nizovi bitova lagano lebde (SVG animacija). */
html body { background: var(--white, #fff); }
html body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: url("bg-heritage.svg") center top / 1400px auto repeat;
}
@media (max-width: 640px) {
  html body::before { background-size: 980px auto; }
}
@media (prefers-reduced-motion: reduce) {
  html body::before { background-image: url("bg-heritage-static.svg"); }
}

/* Portal: kockice se slažu postepeno (obrnuti fade-out) i prožima ih zlato */
.hero-art .dh-arch,
.hero-art .dh-arc { animation: dh-fade .9s ease-out both; }
.hero-art .dh-arc { animation-delay: .35s; }
.hero-art .dh-tiles rect {
  transform-box: fill-box;
  transform-origin: center;
  animation: dh-tile 1s cubic-bezier(.2, .7, .2, 1) both;
  animation-delay: .5s;
}
.hero-art .dh-sheen {
  opacity: 0;
  animation: dh-sheen 9s ease-in-out 3.6s infinite;
}
@keyframes dh-fade {
  from { opacity: 0; }
  to   { opacity: 1; }
}
@keyframes dh-tile {
  0%   { opacity: 0; transform: translateY(-6px) scale(.25); fill: #FFF3CC; }
  45%  { opacity: 1; fill: #F4D27A; }
  100% { opacity: 1; transform: none; fill: #C9962B; }
}
@keyframes dh-sheen {
  0%   { opacity: 0; transform: translateX(-260px) skewX(-18deg); }
  4%   { opacity: 1; }
  24%  { opacity: 1; }
  28%  { opacity: 0; transform: translateX(520px) skewX(-18deg); }
  100% { opacity: 0; transform: translateX(520px) skewX(-18deg); }
}
@media (prefers-reduced-motion: reduce) {
  .hero-art .dh-arch, .hero-art .dh-arc, .hero-art .dh-tiles rect { animation: none; }
  .hero-art .dh-sheen { display: none; }
}