/*
 * Transiënt site-wide motion – v5.8 Montfort refined
 *
 * De primaire visuele animatie wordt als critical CSS vanuit functions.php
 * geladen. Deze file bevat alleen veilige ondersteunende regels.
 */

html{background:#16233f;}
body{overflow-x:hidden;}

#tg-site-motion{display:none!important;}

body.tg-site-motion-enabled #page,
body.tg-site-motion-enabled .site,
body.tg-site-motion-enabled .site-content,
body.tg-site-motion-enabled .content-area,
body.tg-site-motion-enabled main.site-main,
body.tg-site-motion-enabled main#main{
  position:relative;
  z-index:1;
}

/* Fotografie en hero blijven onaangetast. */
body.tg-site-motion-enabled .tg-motion-photo,
body.tg-site-motion-enabled #hero-transient,
body.tg-site-motion-enabled .hero{
  background-attachment:scroll!important;
}

/* De homepage-divisies houden slechts een ultrazachte glans. */
body .divisie{
  position:relative;
  isolation:isolate;
}
body .divisie::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:.18;
  background:linear-gradient(
    112deg,
    transparent 26%,
    rgba(255,255,255,.12) 45%,
    rgba(201,162,75,.055) 51%,
    transparent 68%
  );
  background-size:260% 100%;
  background-position:-150% 0;
  animation:tgDivisionSheenV58 24s ease-in-out infinite;
}
body .divisie>*{position:relative;z-index:1;}

@keyframes tgDivisionSheenV58{
  0%,22%{background-position:-150% 0;}
  78%,100%{background-position:150% 0;}
}

@media (max-width:782px),(pointer:coarse){
  body .divisie::after{opacity:.12;animation-duration:30s;}
}

@media (prefers-reduced-motion:reduce){
  body .divisie::after{animation:none!important;}
}