/* HTML5 motion: decorative network, tactile cards and cross-page fades. */
.motion-stage{position:relative;isolation:isolate}.motion-network{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.motion-stage>.wrap{position:relative;z-index:1}.hero-beta-photo .motion-network,.hero-beeld .motion-network{z-index:2}
@media(prefers-reduced-motion:no-preference){
 @view-transition{navigation:auto}
 ::view-transition-old(root){animation:motion-out .16s ease-out both}
 ::view-transition-new(root){animation:motion-in .3s ease-out both}
 main .kaart{position:relative;transition:translate .25s ease,box-shadow .25s ease,border-color .25s ease;background-image:radial-gradient(240px circle at var(--spot-x,50%) var(--spot-y,50%),#216cff00,transparent)}
 main .kaart.motion-hover{translate:0 -5px;border-color:#82b3ff;box-shadow:0 16px 35px #1b20471a;background-image:radial-gradient(240px circle at var(--spot-x,50%) var(--spot-y,50%),#216cff10,transparent)}
 main .kaart .groot{transition:transform .3s ease}main .kaart.motion-hover .groot{transform:scale(1.1) rotate(-4deg)}
 .knop,.hero-beta-action{transition:box-shadow .2s ease,background-color .2s ease}.knop:hover,.hero-beta-action:hover{box-shadow:0 7px 24px #216cff38}
 @keyframes motion-in{from{opacity:.4;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes motion-out{to{opacity:0}}
}
@media(prefers-reduced-motion:reduce){.motion-network{display:none}::view-transition-old(root),::view-transition-new(root){animation:none}}
/* Pastel atmosphere: a slow, soft fade behind the public page content. */
html main{background-color:#f7faff;background-image:radial-gradient(ellipse at 15% 10%,#ffffff80,transparent 60%),radial-gradient(ellipse at 90% 80%,#ffffff70,transparent 55%)}
html main .over,html main .pagina-cta,html main .cve-feed{background-color:transparent}
@media(prefers-reduced-motion:no-preference){
 html main{animation:tln-pastel-breathe 40s ease-in-out infinite}
 @keyframes tln-pastel-breathe{
  0%,100%{background-color:#f7faff}
  12%{background-color:#dcecff}
  25%{background-color:#faf9ff}
  37%{background-color:#e9def9}
  50%{background-color:#fffafb}
  62%{background-color:#f9e0eb}
  75%{background-color:#f8fcfa}
  87%{background-color:#d9f1e7}
 }
}
@media(prefers-reduced-motion:reduce){html main{animation:none;background-color:#eef3fa}}
@media print{html main{animation:none;background:#fff}}