/* Lillebælt VVS – rolige scroll- og hovereffekter i WordPress-hovedtemaet v1.2.0. */
/* Enhanced only after the animation controller is ready: pages remain readable without JS. */
@media (prefers-reduced-motion: no-preference){
  html.lb-motion-ready [data-lb-reveal]{
    opacity:0;
    transform:translate3d(0,26px,0);
    transition:opacity 820ms cubic-bezier(.2,.72,.25,1),transform 880ms cubic-bezier(.16,1,.3,1);
    transition-delay:var(--lb-reveal-delay, 0ms);
  }
  html.lb-motion-ready [data-lb-reveal='side']{
    transform:translate3d(32px,0,0);
  }
  html.lb-motion-ready [data-lb-reveal='soft']{
    transform:translate3d(0,14px,0);
  }
  html.lb-motion-ready [data-lb-reveal].lb-visible,
  html.lb-motion-ready [data-lb-reveal]:focus-within{
    opacity:1;transform:translate3d(0,0,0);
  }
  html.lb-motion-ready .hero-copy > .hero-eyebrow,
  html.lb-motion-ready .hero-copy > h1,
  html.lb-motion-ready .hero-copy > .hero-lead,
  html.lb-motion-ready .hero-copy > .hero-actions,
  html.lb-motion-ready .hero-copy > .hero-small{
    animation: lb3-hero-rise 940ms cubic-bezier(.16,1,.3,1) both;
  }
  html.lb-motion-ready .hero-copy > h1{animation-delay:110ms}
  html.lb-motion-ready .hero-copy > .hero-lead{animation-delay:225ms}
  html.lb-motion-ready .hero-copy > .hero-actions{animation-delay:325ms}
  html.lb-motion-ready .hero-copy > .hero-small{animation-delay:420ms}
  html.lb-motion-ready .hero-visual{
    animation:lb3-image-in 1300ms cubic-bezier(.16,1,.3,1) both;
  }
  html.lb-motion-ready .hero-bridge{
    animation:lb3-image-drift 17s ease-out both;
  }
  html.lb-motion-ready .btn-arrow{
    transition:transform 260ms cubic-bezier(.16,1,.3,1);
  }
  html.lb-motion-ready .btn:hover .btn-arrow,
  html.lb-motion-ready .btn:focus-visible .btn-arrow{
    transform:translate3d(3px,-2px,0)
  }
  html.lb-motion-ready .path-card,
  html.lb-motion-ready .service-card,
  html.lb-motion-ready .topic-card{
    transition:transform 400ms cubic-bezier(.2,.72,.25,1),box-shadow 400ms ease,border-color 400ms ease,background 250ms ease;
  }
  html.lb-motion-ready .path-card:hover,
  html.lb-motion-ready .service-card:hover,
  html.lb-motion-ready .topic-card:hover{
    transform:translate3d(0,-5px,0);
  }
  @keyframes lb3-hero-rise{
    from{opacity:0;transform:translate3d(0,24px,0)}
    to{opacity:1;transform:translate3d(0,0,0)}
  }
  @keyframes lb3-image-in{
    from{opacity:.70;clip-path:inset(0 0 14% 0)}
    to{opacity:1;clip-path:inset(0 0 0 0)}
  }
  @keyframes lb3-image-drift{
    from{transform:scale(1.04)}
    to{transform:scale(1)}
  }
}
@media (prefers-reduced-motion: reduce){
  [data-lb-reveal]{opacity:1!important;transform:none!important;transition:none!important;animation:none!important}
  .hero-bridge{animation:none!important}
}
@media (max-width:740px){
  @media (prefers-reduced-motion: no-preference){
    html.lb-motion-ready [data-lb-reveal]{transform:translate3d(0,15px,0)}
    html.lb-motion-ready [data-lb-reveal].lb-visible{transform:none}
    html.lb-motion-ready [data-lb-reveal='side']{transform:translate3d(18px,0,0)}
    html.lb-motion-ready [data-lb-reveal='side'].lb-visible{transform:none}
  }
}
/* Translated reveal elements must not create horizontal page scrolling. */
html.lb-motion-ready .agreement-section{overflow-x:clip}

/* The animation is progressive enhancement; without the motion JS, everything stays visible. */