/* Motion follows reading and interaction, never covers neighbouring content. */
html{scroll-behavior:smooth;scroll-padding-top:110px}
@keyframes mb-enter{from{opacity:.15;translate:0 18px}to{opacity:1;translate:0 0}}
@keyframes mb-glint{from{background-position:130% 50%}to{background-position:-30% 50%}}
.mb-enter{animation:mb-enter .65s cubic-bezier(.2,.65,.25,1) backwards;animation-delay:var(--motion-delay,0ms)}
main h1{animation:mb-enter .7s ease both}
main h2 em,main h2 .serif{background-image:linear-gradient(100deg,currentColor 35%,#c6a3ec 50%,currentColor 65%);background-size:250% 100%;background-clip:text;-webkit-background-clip:text}
main h2.mb-enter em,main h2.mb-enter .serif{animation:mb-glint 1.5s .3s ease both}
.primary,.nav-contact,.text-link,main button,main input,main textarea,main select{transition:background-color .25s,border-color .25s,box-shadow .25s,translate .25s}
.primary:hover,.primary:focus-visible,.nav-contact:hover{translate:0 -3px;box-shadow:0 10px 26px #7147b52a}
.text-link:hover{translate:3px 0}
main input:focus,main textarea:focus,main select:focus{outline:2px solid #9672ca;outline-offset:3px;box-shadow:0 0 0 6px #9672ca15}
.offer,.cnes-card,.project-card,.home-logo-grid>a,.needs-grid article,.method-grid article,.personal-values article{transition:translate .3s ease,box-shadow .3s,border-color .3s}
@media(hover:hover){.offer:hover,.cnes-card:hover,.project-card:hover,.home-logo-grid>a:hover,.needs-grid article:hover,.method-grid article:hover,.personal-values article:hover{translate:0 -5px;box-shadow:0 14px 30px #4c2f7214}.floating-work:hover{translate:3px 0}.site-header nav a{position:relative}.site-header nav a:not(.nav-contact):after{content:'';position:absolute;left:0;bottom:-7px;width:100%;height:1px;background:currentColor;scale:0 1;transform-origin:left;transition:scale .25s}.site-header nav a:hover:after{scale:1 1}}
main details[open]>:not(summary){animation:mb-enter .35s ease both}
.studio-core>img{animation:studio-logo-drift 4.6s ease-in-out 1!important}.studio-aura,.creative-stage:after{animation:studio-glow 4.6s ease-in-out 1!important}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.mb-enter,main h1,main h2 em,main h2 .serif,main details[open]>:not(summary),.studio-core>img,.studio-aura,.creative-stage:after{animation:none!important}*,*:before,*:after{transition:none!important}.offer:hover,.cnes-card:hover,.project-card:hover,.home-logo-grid>a:hover,.needs-grid article:hover,.method-grid article:hover,.personal-values article:hover,.primary:hover,.floating-work:hover{translate:none}}