/* Einheitliche Animationen für alle ENBRO-Seiten. */
@keyframes enbro-enter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes enbro-image{from{transform:scale(1.045)}to{transform:scale(1)}}
@keyframes enbro-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(prefers-reduced-motion:no-preference){
 .page-effects .hero-copy>.eyebrow{animation:enbro-enter .65s ease-out both}
 .page-effects .hero-copy>h1{animation:enbro-enter .75s .1s cubic-bezier(.22,1,.36,1) both}
 .page-effects .hero-copy>p{animation:enbro-enter .7s .2s ease-out both}
 .page-effects .hero-copy>.actions{animation:enbro-enter .65s .3s ease-out both}
 .page-effects .hero-visual>img{animation:enbro-image 1.5s cubic-bezier(.22,1,.36,1) both}
 .page-effects .photo-caption{animation:enbro-enter .8s .4s ease-out both}
 .page-effects .hero-copy .eyebrow:before{transform-origin:left;animation:enbro-line .8s .2s ease-out both}
 .page-effects .small-hero .breadcrumb{animation:enbro-enter .6s ease-out both}
 .page-effects .small-hero .eyebrow{animation:enbro-enter .65s .05s ease-out both}
 .page-effects .small-hero h1{animation:enbro-enter .75s .1s cubic-bezier(.22,1,.36,1) both}
 .page-effects .small-hero p{animation:enbro-enter .7s .2s ease-out both}
 .page-effects .card{transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
 .page-effects .card:focus-within{border-color:var(--brand);box-shadow:0 10px 25px #09253410}
 .page-effects header{transition:box-shadow .3s ease}
 .page-effects.page-scrolled header{box-shadow:0 5px 22px #09253412}
 .page-effects .audience{transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
 .page-effects .service .icon{transition:transform .3s ease,background .3s ease,color .3s ease}
 .page-effects .textlink:after,.page-effects .btn:after{transition:transform .25s ease}
 .page-effects .textlink{position:relative}
 .page-effects .textlink:before{content:'';position:absolute;left:0;right:35px;bottom:-3px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
 .page-effects .textlink:focus-visible:after,.page-effects .btn:focus-visible:after{transform:translate(2px,-2px)}
 .page-effects .textlink:focus-visible:before{transform:scaleX(1)}
 .page-effects .audience:focus-visible{transform:translateY(-4px);border-color:var(--brand);box-shadow:0 14px 30px #09253414}
}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .page-effects a.card:hover,.page-effects .card:has(a):hover{transform:translateY(-4px);border-color:#00a8ff80;box-shadow:0 12px 26px #09253412}
 .page-effects .audience:hover{transform:translateY(-5px);border-color:#00a8ff80;box-shadow:0 14px 30px #09253414}
 .page-effects .service:hover .icon{transform:translateY(-3px) rotate(-4deg);background:var(--brand);color:var(--ink)}
 .page-effects .textlink:hover:after,.page-effects .btn:hover:after{transform:translate(3px,-3px)}
 .page-effects .textlink:hover:before{transform:scaleX(1)}
}
@media(prefers-reduced-motion:reduce){.page-effects *{animation:none!important;transition:none!important}}