html{scroll-behavior:smooth}body{overflow-x:hidden}.pagehero{position:relative;overflow:hidden;min-height:48vh;display:flex;flex-direction:column;justify-content:center;background-image:linear-gradient(100deg,rgba(4,13,32,.88),rgba(4,13,32,.55)),url('tempel-cinematisch.png');background-size:cover;background-position:center;animation:hero-reveal 1s ease-out both}.pagehero h1{animation:rise .9s .12s both}.pagehero p{animation:rise 1s .25s both}.event,.split img,.sectionintro,.card,.program,.wrap>h2{transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .7s}.event:hover{transform:translateX(14px)!important;box-shadow:0 16px 40px #07172b22}.split img{transition:transform .6s,filter .6s}.split img:hover{transform:scale(1.035);filter:saturate(1.15)}.reveal{opacity:0;transform:translateY(45px)}.reveal.is-visible{opacity:1;transform:translateY(0)}.sitebar{backdrop-filter:blur(14px)}.menu a{transition:color .25s,transform .25s}.menu a:hover{transform:translateY(-2px)}@keyframes rise{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-reveal{from{filter:brightness(.3)}to{filter:brightness(1)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}