.hero{overflow:hidden}.hero h1{position:relative;z-index:1}.hero h1 span{display:inline-block;position:relative}.hero h1 span:after{content:'';display:block;height:3px;width:64px;background:var(--accent);margin-top:17px;transform-origin:left}.hero-lead,.hero-footer{position:relative;z-index:1}.hero-aura{position:absolute;right:-60px;top:15px;width:330px;height:330px;pointer-events:none;opacity:.6;transform:rotate(-12deg)}.hero-aura span{position:absolute;border:1px solid #becbd5;border-radius:30px;inset:0;transform:rotate(12deg)}.hero-aura span:nth-child(2){inset:35px;transform:rotate(24deg)}.hero-aura span:nth-child(3){inset:70px;transform:rotate(36deg)}.hero-aura:after{content:'';position:absolute;right:49px;bottom:42px;width:9px;height:9px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 8px #c8501a0b}.person img{transition:transform .35s,box-shadow .35s}.person:hover img{transform:scale(1.07);box-shadow:0 5px 20px #172d4540}.service{transition:transform .4s,box-shadow .4s,border-color .4s}.service:hover{transform:translateY(-6px);border-color:#9cabb8;box-shadow:0 8px 0 #cdd5dd,0 25px 40px #20364b17}.service svg{transition:transform .4s,background .4s}.service:hover svg{transform:rotate(-7deg) scale(1.08);background:#ead7cc}.service>a>span{transition:transform .25s}.service>a:hover>span{transform:translate(4px,-4px)}.project-screen{position:relative;cursor:ns-resize}.project-screen img{will-change:transform;transition:transform 1.4s cubic-bezier(.2,.65,.3,1);transform:translateY(var(--project-scroll,0px))}.project-screen:after{content:'Explorez le site au survol';position:absolute;right:25px;bottom:17px;background:#293642ed;color:#fff;border:1px solid #ffffff25;font-size:10px;letter-spacing:.2px;padding:9px 13px;border-radius:20px;pointer-events:none;transition:opacity .3s}.project-screen:hover:after{opacity:0}.project-copy{position:relative}.project-tabs{position:relative}.project-tabs button{transition:color .25s,background .25s;position:relative}.project-tabs button[aria-selected=true]{border-bottom-color:transparent}.project-tabs:after{content:'';height:3px;position:absolute;bottom:-1px;left:var(--tab-x,0px);width:var(--tab-width,100px);background:var(--accent);transition:left .4s cubic-bezier(.22,.8,.3,1),width .4s}.button span{transition:transform .3s}.button:hover span{transform:translate(4px,-3px)}.navigation a:not(.nav-call){position:relative}.navigation a:not(.nav-call):after{content:'';position:absolute;bottom:-4px;left:0;right:0;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .25s}.navigation a:hover:after{transform:scaleX(1)}.commitment-grid article{position:relative;overflow:hidden}.commitment-grid article:before{content:'';position:absolute;top:0;left:0;height:2px;width:45px;background:#e9a480;transform-origin:left;transition:width .6s}.commitment-grid article:hover:before{width:100%}.scroll-progress{height:3px;background:var(--accent);position:fixed;top:0;left:0;width:100%;transform:scaleX(0);transform-origin:left;z-index:50;pointer-events:none}.motion-tools{display:flex;gap:14px;align-items:center}.motion-tools button{font-size:10px;background:transparent;border:0;padding:4px 0;text-decoration:underline;text-underline-offset:4px;color:inherit;cursor:pointer}.replay-button{white-space:nowrap}.life-reveal{opacity:1;transform:none}.life-reveal.is-waiting{opacity:0;transform:translateY(27px)}.life-reveal.is-visible{opacity:1;transform:none;transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}
@media(prefers-reduced-motion:no-preference){.hero.is-alive h1{animation:hero-title .85s cubic-bezier(.2,.7,.2,1) both}.hero.is-alive .eyebrow{animation:hero-title .65s .08s both}.hero.is-alive .hero-lead{animation:hero-title .8s .2s both}.hero.is-alive .hero-footer{animation:hero-title .8s .35s both}.hero.is-alive h1 span:after{animation:underline-grow 1s .5s both}.hero-aura{animation:aura-turn 16s ease-in-out infinite}.hero-aura:after{animation:aura-dot 5s ease-in-out infinite}.hero:not(.in-viewport) .hero-aura,.hero:not(.in-viewport) .hero-aura:after{animation-play-state:paused}.project-layout:not([hidden]) .project-screen{animation:project-in .6s cubic-bezier(.22,.8,.3,1) both}.project-layout:not([hidden]) .project-copy{animation:project-in .6s .12s both}@keyframes hero-title{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes underline-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes aura-turn{0%,100%{transform:rotate(-12deg) translateY(0)}50%{transform:rotate(2deg) translateY(-12px)}}@keyframes aura-dot{0%,100%{opacity:.45;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}@keyframes project-in{from{opacity:.2;transform:translateY(18px)}to{opacity:1;transform:none}}}
.reduce .life-reveal{opacity:1!important;transform:none!important}.reduce .hero-aura{transform:rotate(-12deg)}.reduce .project-screen img{transform:none!important}.reduce .service:hover{transform:none}.reduce .replay-button{display:none}@media(prefers-reduced-motion:reduce){.life-reveal{opacity:1!important;transform:none!important}.project-screen img{transform:none!important}.service:hover{transform:none}.replay-button{display:none}}
@media(max-width:1000px){.hero-aura{width:240px;height:240px;right:-100px;top:35px;opacity:.35}}@media(max-width:760px){.hero-aura{width:210px;height:210px;right:-115px;top:55px;opacity:.27}.project-screen:after{display:none}.hero h1 span:after{width:43px;height:2px;margin-top:12px}.motion-tools{gap:10px;font-size:9px}.motion-tools button{font-size:9px}.life-reveal.is-waiting{transform:translateY(18px)}}