/* Eén rustig motion-systeem voor de volledige homepage. */
.motion-ready .hero .eyebrow,.motion-ready .hero .hero-copy,.motion-ready .hero .showcase,.motion-ready .hero .hero-bottom-cta,.motion-ready .hero .scroll-cue{opacity:0}.motion-ready .hero.is-entered .eyebrow,.motion-ready .hero.is-entered .hero-copy,.motion-ready .hero.is-entered .showcase,.motion-ready .hero.is-entered .hero-bottom-cta,.motion-ready .hero.is-entered .scroll-cue{opacity:1}.motion-ready .hero .eyebrow{transform:translateY(-12px);transition:opacity .65s ease .08s,transform .65s cubic-bezier(.2,.75,.25,1) .08s}.motion-ready .hero .hero-copy{transform:translateY(28px);transition:opacity .85s ease .18s,transform .85s cubic-bezier(.2,.75,.25,1) .18s}.motion-ready .hero .showcase{transform:translate3d(35px,var(--hero-shift,0),0);transition:opacity 1s ease .32s,transform 1s cubic-bezier(.2,.75,.25,1) .32s}.motion-ready .hero .hero-bottom-cta{transform:translate(-50%,18px);transition:opacity .7s ease .58s,transform .7s cubic-bezier(.2,.75,.25,1) .58s}.motion-ready .hero .scroll-cue{transform:translate(-50%,12px);transition:opacity .7s ease .75s,transform .7s ease .75s}.motion-ready .hero.is-entered .eyebrow,.motion-ready .hero.is-entered .hero-copy{transform:translateY(0)}.motion-ready .hero.is-entered .showcase{transform:translate3d(0,var(--hero-shift,0),0)}.motion-ready .hero.is-entered .hero-bottom-cta{transform:translate(-50%,0)}.motion-ready .hero.is-entered .scroll-cue{transform:translate(-50%,0);animation:motion-cue 2.2s ease-in-out 1.5s infinite}

.motion-ready [data-reveal]{opacity:0;transform:translateY(34px);transition:opacity .75s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.motion-ready [data-reveal="left"]{transform:translateX(-34px)}.motion-ready [data-reveal="right"]{transform:translateX(34px)}.motion-ready [data-reveal].is-visible{opacity:1;transform:translate(0,0)}.motion-ready [data-reveal][data-delay="1"]{transition-delay:.09s}.motion-ready [data-reveal][data-delay="2"]{transition-delay:.18s}.motion-ready [data-reveal][data-delay="3"]{transition-delay:.27s}.motion-ready [data-reveal][data-delay="4"]{transition-delay:.36s}

.services article,.price-card,.project-card,.blog-card,.contact-card{will-change:transform}.services article{transition:transform .3s ease,border-color .3s ease}.services article:hover{transform:translateY(-7px);border-color:rgba(73,221,234,.7)}.price-card{transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.price-card:hover{transform:translateY(-8px);border-color:rgba(73,221,234,.72);box-shadow:0 24px 60px rgba(1,21,45,.24)}.price-card.featured:hover{box-shadow:0 25px 70px rgba(0,190,230,.22)}.project-card-info span,.blog-card-copy footer b,.contact-actions>a span,.outline-button span,.primary-button span{display:inline-block;transition:transform .25s ease}.project-card:hover .project-card-info span,.blog-card:hover .blog-card-copy footer b,.contact-actions>a:hover span,.outline-button:hover span,.primary-button:hover span{transform:translate(4px,-2px)}.blog-card-image{transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .4s ease}.blog-card:hover .blog-card-image{transform:scale(1.045);filter:saturate(1.08)}.about-photo{transition:transform .55s cubic-bezier(.2,.7,.2,1),box-shadow .55s ease}.about-visual:hover .about-photo{transform:translateY(-6px);box-shadow:0 30px 75px rgba(0,35,66,.22)}.about-card{transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s ease}.about-visual:hover .about-card{transform:translate(7px,-5px);box-shadow:0 28px 70px rgba(1,18,38,.3)}.faq-item .faq-answer{animation:faq-answer-in .32s ease both}.contact-card{transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s ease}.contact-card:hover{transform:translateY(-5px);box-shadow:0 28px 75px rgba(3,22,43,.14)}.settings-trigger{transition:color .25s ease,border-color .25s ease,transform .25s ease,box-shadow .25s ease}.settings-trigger:hover{transform:translateY(-3px);box-shadow:0 14px 38px #0009}

@keyframes motion-cue{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,7px)}}@keyframes faq-answer-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.motion-ready .hero .eyebrow,.motion-ready .hero .hero-copy,.motion-ready .hero .showcase,.motion-ready [data-reveal],.faq-answer{animation:none!important;transition:none!important;transform:none!important;opacity:1!important}.motion-ready .hero .hero-bottom-cta,.motion-ready .hero .scroll-cue{animation:none!important;transition:none!important;transform:translateX(-50%)!important;opacity:1!important}.services article,.price-card,.project-card,.blog-card,.contact-card,.about-photo,.about-card{transition:none!important}}
@media(max-width:850px){.motion-ready [data-reveal="left"],.motion-ready [data-reveal="right"]{transform:translateY(28px)}.about-visual:hover .about-photo,.about-visual:hover .about-card{transform:none}}
