@font-face{font-family:Ubuntu;src:url('../Ubuntu-R.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Ubuntu;src:url('../Ubuntu-M.woff2') format('woff2');font-weight:500;font-display:swap}@font-face{font-family:Ubuntu;src:url('../Ubuntu-B.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--black:#050505;--purple-black:#0b0614;--violet:#8f2bff;--magenta:#ff27c8;--white:#fff;--gray:#b8b4c4;--line:#ffffff24}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:115px}body{margin:0;background:var(--black);color:#fff;font-family:Ubuntu,Arial,sans-serif;line-height:1.6;overflow-x:clip}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}p,h1,h2,h3{margin:0}p{color:var(--gray)}h1,h2,h3{line-height:1.06;letter-spacing:-.04em;font-weight:500}h1{font-size:clamp(56px,6.9vw,112px);font-weight:700;letter-spacing:-.06em}h2{font-size:clamp(36px,4.1vw,64px)}h3{font-size:21px}img{display:block;max-width:100%}[hidden]{display:none!important}:focus-visible{outline:2px solid #ff79dc;outline-offset:5px}button:disabled{opacity:.5}.skip-link{position:fixed;left:20px;top:-100px;z-index:100;background:#fff;color:#050505;padding:12px}.skip-link:focus{top:15px}.section{position:relative;padding:140px 6vw;isolation:isolate}.eyebrow{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#f5f2fa;font-weight:500;margin-bottom:22px}.site-header{position:fixed;top:22px;left:6vw;right:6vw;display:flex;align-items:center;justify-content:space-between;gap:30px;background:#ffffff11;border:1px solid #ffffff22;border-radius:100px;backdrop-filter:blur(20px);padding:10px 12px 10px 28px;z-index:20}.brand{font-weight:700;font-size:24px;letter-spacing:-.07em;line-height:1}.brand span{color:var(--magenta)}.main-nav{display:flex;align-items:center;gap:25px;font-size:11px}.main-nav>a:not(.capsule){padding:10px 0;transition:color .2s}.main-nav>a:hover{color:#dfb5ff}.capsule{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;background:#ffffff25;border:1px solid #ffffff28;border-radius:100px;padding:6px 6px 6px 19px;font-size:11px;line-height:1.2;color:#fff;transition:background .25s,transform .25s;min-height:39px}.capsule i{font-style:normal;display:grid;place-items:center;background:#f6f2fb;color:#28222e;width:28px;height:28px;border-radius:50%;font-size:17px}.capsule:hover{background:#ffffff38;transform:translateY(-2px)}.nav-cta{font-size:10px}.nav-cta i{width:24px;height:24px}.menu-toggle{display:none;background:none;color:white;border:0;font-size:13px;padding:10px}.hero{position:relative;padding:155px 6vw 35px;min-height:100svh;isolation:isolate;background:radial-gradient(ellipse at 80% 44%,#480d6755,transparent 60%)}.hero:before,.about:before,.services:before,.contact:before{content:'';position:absolute;width:60vw;height:60vw;background:radial-gradient(ellipse,#6d00ff45 0,#ff27c811 35%,transparent 65%);pointer-events:none;z-index:-1;right:-15%;top:-15%}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:0}.hero-copy{position:relative;z-index:2}.hero-description{max-width:420px;font-size:13px;margin:24px 0 28px;line-height:1.8}.hero-disciplines{font-size:9px;letter-spacing:.12em;text-transform:uppercase;margin-top:26px;color:#a89ab8}.liquid{background-image:url('../img/codex-liquid-atlas.webp');background-size:200% 200%;background-repeat:no-repeat;aspect-ratio:1;mix-blend-mode:screen;pointer-events:none;position:relative;will-change:transform;transition:transform .8s cubic-bezier(.2,.8,.2,1)}.liquid-hero{background-position:0 0;width:130%;max-width:none;margin-left:-14%;z-index:1}.hero-bottom{display:flex;justify-content:space-between;align-items:end;position:relative;z-index:2;margin-top:30px}.social-links{display:flex;gap:22px;font-size:10px;color:#c6bfcd}.scroll-indicator{display:flex;flex-direction:column;align-items:center;font-size:8px;letter-spacing:.1em;text-transform:uppercase}.scroll-indicator b{display:grid;place-items:center;width:56px;height:56px;border:1px dashed #b8a5d288;border-radius:50%;margin-top:10px;font-size:20px}.motion-control{font-size:9px;color:#bdb0cc;background:none;border:1px solid #ffffff25;border-radius:100px;padding:8px 12px}.section-dots{position:absolute;right:22px;top:45%;display:grid;gap:12px;z-index:3}.section-dots a{width:5px;height:13px;background:#ffffff38;border-radius:2px}.section-dots a:hover{background:var(--magenta)}[data-particles]{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.45}.outline-word{position:absolute;top:10px;right:6vw;white-space:nowrap;font-size:clamp(70px,12vw,200px);font-weight:700;line-height:1;color:transparent;-webkit-text-stroke:1px #ffffff27;letter-spacing:-.06em;z-index:-1;pointer-events:none}.about{padding-top:100px}.about-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:7vw;align-items:center}.liquid-about{background-position:100% 0;width:135%;margin-left:-30%;min-height:430px}.about-copy{max-width:470px}.about-copy h2{margin-bottom:28px}.about-copy p:not(.eyebrow){font-size:13px;line-height:1.85;margin-top:16px}.about-copy .capsule{margin-top:25px}.about:before{left:-25%;top:0;background:radial-gradient(circle,#6d00ff55,#ff27c822 25%,transparent 65%)}.services{padding-top:160px}.services .outline-word{top:60px;font-size:clamp(75px,11vw,175px)}.section-heading{position:relative;max-width:770px;margin-bottom:50px}.services h2{font-size:clamp(30px,3.4vw,50px)}.services:before{top:20%;left:-20%;right:auto;width:70vw}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.service-card{border:1px solid var(--line);border-radius:9px;background:linear-gradient(130deg,#ffffff08,#ffffff03);padding:24px 22px;position:relative;display:flex;flex-direction:column;min-height:325px;transition:transform .3s,border-color .3s,background .3s}.service-card:hover{transform:translateY(-8px);border-color:#ba6cff88;background:linear-gradient(130deg,#6d00ff20,#ff27c812)}.service-symbol{font-size:35px;line-height:1;color:#e5d5f2;display:block;margin-bottom:35px;letter-spacing:-.09em}.service-number{position:absolute;right:22px;top:27px;font-size:9px;color:#8d809b}.service-card h3{font-size:17px;letter-spacing:-.02em;margin-bottom:16px}.service-card p{font-size:11px;line-height:1.85;margin-bottom:30px}.service-card .capsule{margin-top:auto;align-self:start;font-size:9px;gap:12px;padding-left:13px}.service-card .capsule i{width:23px;height:23px;font-size:15px}.service-details{margin-top:40px;display:grid;grid-template-columns:1fr 1fr;gap:0 40px}.service-details details{border-bottom:1px solid var(--line);padding:18px 0;scroll-margin-top:120px}.service-details summary{font-size:12px;cursor:pointer;color:#d8cfe2}.service-details p{font-size:12px;line-height:1.8;margin-top:18px;max-width:500px}.section-end{display:flex;justify-content:space-between;border-bottom:1px dashed #ffffff44;margin-top:70px;padding-bottom:20px;font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:#7b6f87}.section-end b{color:#bab0c6;font-weight:400}.process{padding-top:75px}.process h2{margin-bottom:55px}.process-list{list-style:none;padding:0;margin:0}.process-list li{display:grid;grid-template-columns:1.1fr .8fr 1fr 40px;align-items:center;gap:35px;border-top:1px solid #ffffff20;padding:35px 0;position:relative}.process-code{font-size:clamp(60px,6.5vw,105px);font-weight:700;line-height:1;letter-spacing:-.05em}.process-list h3{font-size:12px;letter-spacing:.06em;text-transform:uppercase}.process-list p{font-size:11px;line-height:1.8;max-width:360px}.process-list a{border:1px solid #ffffff33;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;font-size:16px}.process-list li:nth-child(2):before{content:'';position:absolute;inset:0 -6vw;background:linear-gradient(110deg,#68009777,#22003333),url('../img/codex-liquid-atlas.webp') center 20% / 75% auto no-repeat;opacity:.7;z-index:-1}.projects .outline-word{top:30px}.projects h2{margin-bottom:50px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-bottom:40px}.project-image{aspect-ratio:1.25;overflow:hidden;border-radius:9px;position:relative;background:#160d21;display:grid;place-items:center}.project-image img{height:100%;width:100%;object-fit:contain;position:absolute;inset:0;transition:transform .5s;padding:20px;background:#0e0b12}.project-mf img{background:#fff}.project-fallback{font-size:38px;font-weight:700;color:#bba2d7;letter-spacing:-.05em}.project-card:hover img{transform:scale(1.025)}.project-arrow{position:absolute;right:18px;bottom:18px;width:35px;height:35px;background:white;color:#21152f;border-radius:50%;display:grid;place-items:center;z-index:2}.project-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:22px 0 12px}.project-heading h3{font-size:26px}.project-heading>span{font-size:9px;color:#9589a2}.project-card p{font-size:12px;max-width:450px}.audience{position:relative;text-align:center;min-height:600px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.liquid-wave{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;background-position:0 100%;opacity:.6;z-index:-1;filter:saturate(1.2)}.audience:before{content:'';position:absolute;inset:0;background:linear-gradient(#050505aa,#05050533,#050505dd);z-index:0}.audience h2,.audience p,.audience-tags{position:relative;z-index:1}.audience h2{font-size:clamp(45px,6.5vw,100px);margin-bottom:30px}.audience>p{max-width:660px;font-size:13px}.audience-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;max-width:850px;margin-top:50px}.audience-tags span{padding:11px 30px;border:1px solid #ffffff22;border-radius:7px;background:#ffffff0c;font-size:11px;backdrop-filter:blur(12px)}.contact{padding-top:180px;padding-bottom:130px}.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:7vw;align-items:center}.liquid-contact{background-position:100% 100%;width:135%;margin-left:-25%}.contact-copy{max-width:500px}.contact h2{font-size:clamp(32px,3.4vw,52px);margin-bottom:25px}.contact-copy>p:not(.eyebrow){font-size:12px;line-height:1.8}.contact form{display:grid;gap:13px;margin-top:28px}.contact label{display:block}.contact label>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.contact input,.contact textarea{width:100%;background:#ffffff13;border:1px solid #ffffff12;border-radius:8px;padding:15px 18px;color:#fff;font-size:12px}.contact input::placeholder,.contact textarea::placeholder{color:#a69bad}.contact textarea{resize:vertical;min-height:115px}.contact .capsule{justify-self:end;margin-top:10px}.form-note{font-size:9px;text-align:right;line-height:1.5}.contact-email{display:inline-block;font-size:12px;margin-top:25px;color:#dcc5ee}.contact:before{left:-30%;top:10%;right:auto;background:radial-gradient(circle,#6d00ff55,#ff27c81c 40%,transparent 65%)}.site-footer{padding:30px 6vw 20px;overflow:hidden}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:30px}.footer-top p{font-size:10px}.footer-big{display:block;white-space:nowrap;font-size:clamp(60px,12vw,180px);line-height:1;letter-spacing:-.075em;font-weight:700;text-align:center;margin:65px 0 45px}.footer-bottom{display:flex;gap:25px;border-top:1px solid #ffffff22;padding-top:20px;font-size:9px;color:#928697}.footer-bottom>span{margin-right:auto}.is-paused .liquid{transition:none}.section h2,.section-heading{position:relative;z-index:1}
@media(min-width:1600px){.section{padding-left:calc((100vw - 1400px)/2);padding-right:calc((100vw - 1400px)/2)}.hero{padding-left:calc((100vw - 1400px)/2);padding-right:calc((100vw - 1400px)/2)}}@media(max-width:1000px){.main-nav{gap:16px}.service-grid{grid-template-columns:1fr 1fr}.hero{min-height:0;padding-top:145px}.hero h1{font-size:65px}.about-grid{gap:30px}.process-list li{gap:20px;grid-template-columns:.9fr .8fr 1fr 35px}.contact-grid{gap:30px}}@media(max-width:760px){html{scroll-padding-top:100px}.site-header{top:15px;left:18px;right:18px;padding:15px 20px}.brand{font-size:23px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:75px;left:0;right:0;background:#11091bf5;border:1px solid #ffffff22;backdrop-filter:blur(20px);border-radius:18px;padding:25px;flex-direction:column;align-items:stretch;gap:10px}.main-nav.is-open{display:flex}.main-nav>a{font-size:16px}.main-nav .capsule{font-size:13px;margin-top:10px}.hero{padding:145px 24px 30px;min-height:0}.hero-grid{grid-template-columns:1fr}.hero h1{font-size:clamp(47px,12vw,70px)}.hero-description{font-size:13px;max-width:390px}.liquid-hero{width:105%;margin:15px 0 0 -3%;max-height:380px}.hero-bottom{margin-top:20px;gap:20px;flex-wrap:wrap}.social-links{font-size:9px;gap:15px}.scroll-indicator{display:none}.section-dots{display:none}.section{padding:95px 24px}.outline-word{font-size:70px;top:25px;right:24px}.about-grid{grid-template-columns:1fr;gap:25px}.liquid-about{width:115%;margin:0 0 0 -15%;min-height:0;max-height:350px}.about-copy{max-width:none}.about-copy h2{font-size:39px}.services{padding-top:125px}.services .outline-word{font-size:77px;top:40px}.services h2{font-size:34px}.service-grid{grid-template-columns:1fr 1fr;gap:15px}.service-card{padding:20px 16px;min-height:330px}.service-symbol{font-size:30px;margin-bottom:28px}.service-card h3{font-size:17px}.service-card p{font-size:11px}.service-number{right:16px}.service-details{grid-template-columns:1fr}.process-list li{grid-template-columns:1fr 40px;gap:18px;padding:30px 0}.process-code{font-size:70px;grid-column:1}.process-list h3{grid-column:1;font-size:12px}.process-list p{grid-column:1}.process-list a{grid-column:2;grid-row:1/span 3}.process-list li:nth-child(2):before{inset:0 -24px;background-size:140% auto}.project-grid{grid-template-columns:1fr;gap:40px}.project-heading{gap:10px;flex-wrap:wrap}.project-heading h3{font-size:25px}.project-image{aspect-ratio:1.15}.projects .outline-word{font-size:73px}.audience{min-height:580px;padding:95px 24px}.audience h2{font-size:48px}.liquid-wave{background-size:300% 200%;opacity:.5}.audience-tags{gap:8px;margin-top:30px}.audience-tags span{padding:10px 18px;font-size:10px}.contact-grid{grid-template-columns:1fr;gap:25px}.liquid-contact{width:110%;margin:0 0 0 -10%;max-height:370px}.contact{padding-top:100px;padding-bottom:75px}.contact h2{font-size:37px}.footer-top{flex-wrap:wrap;gap:25px}.footer-big{font-size:17vw;margin:45px 0}.footer-bottom{flex-wrap:wrap;gap:15px}.footer-bottom>span{width:100%}}@media(max-width:420px){.service-grid{grid-template-columns:1fr}.service-card{min-height:270px}.service-card p{font-size:12px}.service-card h3{font-size:21px}.hero h1{font-size:49px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.liquid{transform:none!important}.motion-control{display:none}}

/* Composition rapprochée de la référence — version 7 */
.brand{display:block;flex-shrink:0;letter-spacing:normal}
.brand img{width:112px;height:auto}
.site-header{padding:9px 12px 9px 28px}
.main-nav>a:not(.capsule){position:relative}
.main-nav>a[aria-current="location"]:after{content:"";position:absolute;bottom:3px;left:0;right:0;height:2px;background:var(--magenta)}
.capsule{position:relative;background:none;border:0;min-height:48px;padding:0 54px 0 22px;gap:0;isolation:isolate}
.capsule:before{content:"";position:absolute;inset:0;z-index:-1;background:#ffffff25;clip-path:polygon(0 0,calc(100% - 54px) 0,calc(100% - 43px) 14%,calc(100% - 35px) 23%,calc(100% - 26px) 12%,calc(100% - 17px) 0,100% 0,100% 100%,calc(100% - 17px) 100%,calc(100% - 26px) 88%,calc(100% - 35px) 77%,calc(100% - 43px) 86%,calc(100% - 54px) 100%,0 100%);border-radius:100px;transition:background .25s}
.capsule i,.nav-cta i,.service-card .capsule i{position:absolute;right:5px;width:36px;height:36px;font-size:19px}
.capsule:hover{background:none}
.capsule:hover:before{background:#ffffff40}
.service-card .capsule{padding:0 54px 0 18px;min-height:48px}
.hero{padding-top:170px}
.hero-description{font-size:14px}
.about{padding-top:180px;padding-bottom:180px}
.about .outline-word{top:90px;right:3vw;font-size:clamp(90px,14vw,230px)}
.liquid-about{width:150%;margin-left:-45%}
.services .section-heading{max-width:620px}
.services .outline-word{top:85px;right:3vw;font-size:clamp(75px,13vw,210px)}
.services h2{font-size:clamp(30px,2.8vw,43px)}
.service-grid{gap:28px}
.service-card{border-radius:20px;min-height:385px;padding:32px 26px}
.service-symbol{margin-bottom:46px}
.service-card p{font-size:12px}
.process-list li{grid-template-columns:60px 1.25fr .85fr 1.1fr 42px;gap:24px;min-height:240px;padding:46px 0}
.process-index{font-size:10px;color:#b8b4c4;align-self:start;padding-top:16px}
.process-code{font-size:clamp(70px,9vw,145px)}
.process-list li:nth-child(2):before{background:linear-gradient(100deg,#74009a88,#210033bb 75%);opacity:1}
.process-art{position:absolute;left:8%;top:50%;width:600px;height:600px;margin:0;transform:translateY(-50%);opacity:.4;z-index:-1;mask-image:linear-gradient(transparent,#000 25%,#000 75%,transparent)}
.contact-copy{text-align:center}
.contact input,.contact textarea{border-radius:18px;padding:19px 22px;font-size:13px;text-align:left}
.contact .capsule{justify-self:center}
.form-note{text-align:center}
.footer-top{display:grid;grid-template-columns:1fr auto 1fr}
.footer-top .brand{grid-column:2;grid-row:1}
.footer-top p{grid-column:1;grid-row:1}
.footer-top .social-links{justify-self:end}
@media(max-width:1000px){.service-grid{gap:20px}.process-list li{grid-template-columns:35px 1fr .8fr 1fr 38px;gap:15px}.process-code{font-size:80px}}
@media(max-width:760px){.brand img{width:94px}.site-header{padding:11px 20px}.hero{padding-top:145px}.about{padding-top:115px;padding-bottom:100px}.about .outline-word{top:35px;font-size:20vw}.liquid-about{width:115%;margin-left:-15%}.services .outline-word{top:40px;font-size:20vw}.service-card{min-height:350px;padding:24px 18px}.process-list li{grid-template-columns:1fr 40px;gap:18px;min-height:0;padding:35px 0}.process-index{grid-column:1;padding:0}.process-code{grid-column:1;font-size:78px}.process-list a{grid-row:1/span 4}.process-art{left:-100px;width:450px;height:450px}.footer-top{display:flex}.footer-top .social-links{width:100%}.contact-copy{text-align:left}.contact .capsule{justify-self:start}.form-note{text-align:left}}
@media(max-width:420px){.service-card{min-height:280px}}

.arrow-icon{display:inline-block;width:1em;height:1em;vertical-align:-.12em;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.capsule i .arrow-icon,.project-arrow .arrow-icon,.process-list a .arrow-icon,.scroll-indicator b .arrow-icon{width:19px;height:19px}

.flux-visual{position:relative;width:120%;margin-left:-10%;aspect-ratio:1;overflow:hidden;mask-image:radial-gradient(ellipse,#000 45%,transparent 72%);pointer-events:none}
.flux-visual canvas{position:absolute;inset:0;display:block;width:100%;height:100%}
@media(max-width:760px){.flux-visual{width:100%;margin:20px 0 0;aspect-ratio:1.15;max-height:380px}}