.xp-root{color-scheme:dark;--nuit: #14150F;--charbon: #23231F;--charbon-7: #2E2F28;--craie: #ECEAE1;--craie-2: #D7D5C8;--craie-3: #9A9A8C;--acide: #C6D63F;--acide-vif: #CFE94A;--olive: #6E7A14;--corail: #E5876A;--ground: #14150F;--ink: #ECEAE1;--ink-soft: #9A9A8C;--line: rgba(236,234,225,.14);--accent: #C6D63F;--spot: rgba(198,214,63,.13);--disp: "Space Grotesk", system-ui, sans-serif;--body: "Hanken Grotesk", system-ui, sans-serif;--serif: "Cormorant Garamond", Georgia, serif;--mono: "JetBrains Mono", ui-monospace, monospace;--pad: clamp(20px, 5vw, 64px);--max: 1180px}.xp-root *,.xp-root *:before,.xp-root *:after{box-sizing:border-box}.xp-root{-webkit-text-size-adjust:100%;margin:0;min-height:100vh;background:var(--ground);color:var(--ink);font-family:var(--body);font-size:clamp(16px,.55vw + 14px,19px);line-height:1.62;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;transition:background-color .12s linear}.xp-root>header{position:fixed;top:0;left:0;right:0;background:var(--head-bg, transparent);border-bottom:1px solid var(--head-line, transparent);transition:background-color .2s linear,border-color .2s linear}.xp-root>header nav a{color:var(--ink-soft);transition:color .3s ease}.xp-root>header nav a:hover{color:var(--ink)}.xp-root>header nav a[href="/experience"]{color:var(--accent)}.xp-root>header nav>a:last-child{color:var(--ink);border-bottom-color:var(--accent)}.xp-root>header button{color:var(--ink)}.xp-root>header .nav-dd-panel{background:var(--ground);border-color:var(--line)}.xp-root ::-moz-selection{background:var(--acide);color:#1a1a16}.xp-root ::selection{background:var(--acide);color:#1a1a16}.xp-root h1,.xp-root h2,.xp-root h3{font-family:var(--disp);font-weight:700;margin:0;text-wrap:balance}.xp-root p{margin:0}.xp-root a{color:inherit;text-decoration:none}.xp-root img,.xp-root svg{display:block;max-width:100%}.xp-root .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.xp-root :focus-visible{outline:2px solid var(--acide);outline-offset:4px;border-radius:3px}.xp-root #xp-gl{position:fixed;inset:0;width:100%;height:100%;z-index:0;display:block;pointer-events:none}.xp-root #xp-veil{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(120% 80% at 50% 42%,transparent 38%,rgba(0,0,0,.34) 100%);opacity:.9;transition:opacity .3s linear}.xp-root.no-gl{background:radial-gradient(120% 90% at 50% 30%,#262720 0%,var(--ground) 62%)}.xp-root #xp-cur{position:fixed;inset:0;z-index:110;pointer-events:none;display:none;transition:opacity .25s}@media(pointer:fine)and (prefers-reduced-motion:no-preference){.xp-root #xp-cur{display:block}}@media(pointer:fine){html.cursor-none,html.cursor-none *{cursor:none!important}}.xp-root #xp-curRing,.xp-root #xp-curDot{position:absolute;top:0;left:0;border-radius:50%;will-change:transform}.xp-root #xp-curRing{width:38px;height:38px;margin:-19px 0 0 -19px;border:1px solid var(--ink);opacity:.35;transition:width .35s cubic-bezier(.16,1,.3,1),height .35s cubic-bezier(.16,1,.3,1),margin .35s cubic-bezier(.16,1,.3,1),opacity .3s,border-color .3s,background-color .3s}.xp-root #xp-curDot{width:8px;height:8px;margin:-4px 0 0 -4px;background:var(--ink);box-shadow:0 0 0 2px var(--ground);transition:width .3s cubic-bezier(.16,1,.3,1),height .3s cubic-bezier(.16,1,.3,1),margin .3s cubic-bezier(.16,1,.3,1)}.xp-root #xp-cur.is-hot #xp-curRing{width:74px;height:74px;margin:-37px 0 0 -37px;border-color:var(--accent);opacity:.85;background:color-mix(in srgb,var(--accent) 10%,transparent)}.xp-root #xp-cur.is-hot #xp-curDot{width:5px;height:5px;margin:-2.5px 0 0 -2.5px}.xp-root #xp-cur .lbl{position:absolute;top:0;left:0;font-family:var(--mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);transform:translate(-50%,-50%) scale(.6);opacity:0;transition:opacity .25s,transform .35s cubic-bezier(.16,1,.3,1);white-space:nowrap}.xp-root #xp-cur.is-hot .lbl{opacity:1;transform:translate(-50%,-50%) scale(1)}.xp-root #xp-star{position:fixed;inset:0;z-index:70;pointer-events:none;opacity:0;transition:opacity .3s}.xp-root #xp-star.on{opacity:1}.xp-root #xp-star .sp{position:absolute;top:0;left:0;width:44px;height:44px;margin:-22px 0 0 -22px;will-change:transform;transform:scale(0);filter:drop-shadow(0 0 9px rgba(207,233,74,.9)) drop-shadow(0 0 30px rgba(198,214,63,.5))}.xp-root #xp-star i{position:absolute;top:0;left:0;width:13px;height:13px;margin:-6.5px 0 0 -6.5px;border-radius:50%;background:var(--acide-vif);opacity:0;will-change:transform,opacity;filter:blur(1px) drop-shadow(0 0 6px rgba(207,233,74,.7))}@keyframes impactCTA{0%{box-shadow:0 0 #cfe94ad9;filter:brightness(1)}16%{box-shadow:0 0 0 12px #cfe94a57;filter:brightness(1.4)}to{box-shadow:0 0 0 30px #cfe94a00;filter:brightness(1)}}.xp-root .btn.hit{animation:impactCTA .85s cubic-bezier(.16,1,.3,1)}.xp-root #xp-rail{position:fixed;z-index:60;right:clamp(14px,2.2vw,30px);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:flex-end;gap:14px;font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);opacity:0;transition:opacity .8s ease .2s;mix-blend-mode:normal}.xp-root #xp-rail.on{opacity:1}.xp-root #xp-rail .r{display:flex;align-items:center;gap:9px;opacity:.32;transition:opacity .45s ease,color .45s ease;cursor:pointer;pointer-events:auto}.xp-root #xp-rail .r .n{font-variant-numeric:tabular-nums}.xp-root #xp-rail .r .t{max-width:0;overflow:hidden;white-space:nowrap;transition:max-width .55s cubic-bezier(.16,1,.3,1),opacity .4s;opacity:0}.xp-root #xp-rail .r .b{width:14px;height:1px;background:currentColor;transition:width .5s cubic-bezier(.16,1,.3,1)}.xp-root #xp-rail .r.on{opacity:1;color:var(--accent)}.xp-root #xp-rail .r.on .t{max-width:200px;opacity:1}.xp-root #xp-rail .r.on .b{width:34px}@media(max-width:860px){.xp-root #xp-rail{display:none}}.xp-root #xp-pre{position:fixed;inset:0;z-index:100;background:var(--nuit);display:grid;place-items:center;transition:clip-path 1.1s cubic-bezier(.76,0,.24,1);clip-path:inset(0 0 0 0)}.xp-root #xp-pre.out{clip-path:inset(0 0 100% 0);pointer-events:none}.xp-root #xp-pre .inner{display:flex;flex-direction:column;align-items:center;gap:clamp(22px,4vh,40px)}.xp-root #xp-pre .story{position:relative;width:min(720px,86vw);height:clamp(110px,17vh,170px)}.xp-root #xp-pre .ln{position:absolute;inset:0;margin:0;display:grid;place-items:center;text-align:center;font-family:var(--disp);font-weight:500;letter-spacing:-.03em;line-height:1.24;font-size:clamp(19px,2.7vw,36px);color:var(--craie);opacity:0;transform:translateY(18px);filter:blur(7px);transition:opacity .95s ease,transform 1.2s cubic-bezier(.16,1,.3,1),filter .95s ease}.xp-root #xp-pre .ln.on{opacity:1;transform:none;filter:blur(0)}.xp-root #xp-pre .ln.off{opacity:0;transform:translateY(-16px);filter:blur(7px)}.xp-root #xp-pre .ln em{font-family:var(--serif);font-style:italic;font-weight:500;color:var(--acide)}.xp-root #xp-skip{position:absolute;bottom:clamp(16px,4vh,40px);right:clamp(16px,4vw,44px);background:none;border:0;padding:12px;font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--craie-3);opacity:.65;transition:color .3s,opacity .3s}.xp-root #xp-skip:hover{color:var(--acide);opacity:1}.xp-root #xp-pre .mk path,.xp-root #xp-pre .mk circle{opacity:0}.xp-root #xp-pre .num{font-family:var(--mono);font-size:11px;letter-spacing:.3em;color:var(--craie-3);font-variant-numeric:tabular-nums}.xp-root #xp-pre .bar{width:min(210px,42vw);height:1px;background:#eceae129;overflow:hidden}.xp-root #xp-pre .bar i{display:block;height:100%;width:0%;background:var(--acide);transition:width .25s linear}@keyframes mkDraw{to{stroke-dashoffset:0;opacity:1}}@keyframes mkPop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.xp-root #xp-pre .mk path{stroke-dasharray:var(--len,60);stroke-dashoffset:var(--len,60);animation:mkDraw .8s cubic-bezier(.65,0,.35,1) forwards}.xp-root #xp-pre .mk path:nth-of-type(1){animation-delay:.1s}.xp-root #xp-pre .mk path:nth-of-type(2){animation-delay:.42s}.xp-root #xp-pre .mk path:nth-of-type(3){animation-delay:.74s}.xp-root #xp-pre .mk circle{transform-box:fill-box;transform-origin:center;animation:mkPop .45s cubic-bezier(.34,1.56,.64,1) forwards}.xp-root #xp-pre .mk circle:nth-of-type(1){animation-delay:.02s}.xp-root #xp-pre .mk circle:nth-of-type(2){animation-delay:1.02s}.xp-root #xp-smooth{position:relative;z-index:2}.xp-root #xp-spacer{position:relative;z-index:-1;pointer-events:none}.xp-root .wrap{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:var(--pad)}.xp-root section{position:relative}.xp-root .eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft);display:flex;align-items:center;gap:12px}.xp-root .eyebrow:before{content:"";width:26px;height:1px;background:var(--accent);flex:none}.xp-root .h2{font-size:clamp(34px,6.6vw,104px);line-height:.96;letter-spacing:-.045em;font-weight:700}.xp-root .h3{font-size:clamp(21px,2.4vw,31px);line-height:1.14;letter-spacing:-.03em}.xp-root .lede{font-size:clamp(17px,1.1vw,21px);color:var(--ink-soft);max-width:56ch;line-height:1.6}.xp-root .it{font-family:var(--serif);font-style:italic;font-weight:500;color:var(--accent);letter-spacing:-.01em}.xp-root .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.14em;margin-bottom:-.14em}.xp-root .ch{display:inline-block;will-change:transform;transform:translateY(115%) rotate(3deg);opacity:0;transition:transform .95s cubic-bezier(.16,1,.3,1),opacity .5s linear;transition-delay:calc(var(--i) * 20ms)}.xp-root .in .ch{transform:none;opacity:1}.xp-root .up{opacity:0;transform:translateY(30px);transition:opacity .9s ease,transform 1.05s cubic-bezier(.16,1,.3,1);transition-delay:var(--d,0ms)}.xp-root .in .up,.xp-root .up.in{opacity:1;transform:none}.xp-root #xp-hero{min-height:100svh;display:flex;flex-direction:column;justify-content:space-between;padding-block:clamp(22px,3vh,34px) clamp(26px,4vh,46px)}.xp-root .hero-stage{flex:1;min-height:44svh;display:grid;place-items:center;position:relative}.xp-root .hero-fallback{display:none;text-align:center;font-size:clamp(46px,12vw,150px);line-height:.9;letter-spacing:-.05em}.xp-root.no-gl .hero-fallback{display:block}.xp-root .hero-foot{display:grid;grid-template-columns:1fr auto;gap:clamp(20px,4vw,60px);align-items:end}@media(max-width:820px){.xp-root .hero-foot{grid-template-columns:1fr;align-items:start}}.xp-root .hero-foot .lede{max-width:44ch;color:var(--craie-2)}.xp-root .hero-cta{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.xp-root .btn{position:relative;display:inline-flex;align-items:center;gap:10px;font-family:var(--disp);font-weight:600;font-size:15px;letter-spacing:-.01em;padding:15px 26px;border-radius:2px;overflow:hidden;background:var(--acide);color:#1a1a16;will-change:transform;transition:color .35s ease,opacity .9s ease,transform 1.05s cubic-bezier(.16,1,.3,1)}.xp-root .btn span{position:relative;z-index:1}.xp-root .btn:after{content:"";position:absolute;inset:0;z-index:0;background:var(--craie);transform:translateY(101%);transition:transform .5s cubic-bezier(.16,1,.3,1)}.xp-root .btn:hover:after{transform:none}.xp-root .btn .arw{position:relative;z-index:1;transition:transform .4s cubic-bezier(.16,1,.3,1)}.xp-root .btn:hover .arw{transform:translate(5px)}.xp-root .btn-ghost{font-family:var(--disp);font-weight:500;font-size:15px;padding-bottom:3px;border-bottom:1px solid color-mix(in srgb,var(--ink) 30%,transparent);transition:border-color .35s,color .35s}.xp-root .btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.xp-root .scrollhint{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-soft)}.xp-root .scrollhint i{display:block;width:1px;height:28px;background:linear-gradient(var(--accent),transparent);animation:hintDrop 2.2s ease-in-out infinite}@keyframes hintDrop{0%,to{transform:scaleY(.4);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}}.xp-root #xp-bruit{padding-block:clamp(120px,22vh,230px)}.xp-root .bruit-claim{max-width:19ch}.xp-root .marquee{margin-block:clamp(54px,8vh,96px);display:flex;flex-direction:column;gap:clamp(4px,1vw,12px)}.xp-root .mrow{display:flex;white-space:nowrap;will-change:transform}.xp-root .mrow .seg{display:flex;flex:none}.xp-root .mrow b{font-family:var(--disp);font-weight:700;font-size:clamp(30px,5.4vw,74px);letter-spacing:-.04em;padding-inline:.22em;color:var(--ink);opacity:.13;transition:opacity .4s}.xp-root .mrow.alt b{font-family:var(--serif);font-style:italic;font-weight:500;opacity:.3;color:var(--accent)}.xp-root .mrow b .sep{color:var(--accent);opacity:.5}.xp-root .bruit-out{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,80px);align-items:start}@media(max-width:820px){.xp-root .bruit-out{grid-template-columns:1fr}}.xp-root .stat-line{border-top:1px solid var(--line);padding-top:18px}.xp-root .stat-line .k{font-family:var(--disp);font-weight:700;font-size:clamp(30px,4.6vw,58px);letter-spacing:-.04em;line-height:1}.xp-root .stat-line .v{margin-top:10px;color:var(--ink-soft);font-size:15.5px;max-width:34ch}.xp-root #xp-bascule{min-height:132svh;display:flex;align-items:flex-start;padding-block:clamp(110px,26svh,300px) 0}.xp-root #xp-bascule .h2{max-width:14ch}.xp-root .bascule-sub{margin-top:clamp(26px,4vh,48px);max-width:48ch}.xp-root #xp-disparait{padding-block:clamp(110px,18vh,200px)}.xp-root .rows{margin-top:clamp(40px,6vh,72px);border-top:1px solid var(--line)}.xp-root .row{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:clamp(16px,3vw,44px);align-items:start;padding:clamp(26px,3.4vw,44px) clamp(12px,2vw,26px);border-bottom:1px solid var(--line);overflow:hidden;transition:padding-left .55s cubic-bezier(.16,1,.3,1)}.xp-root .row:before{content:"";position:absolute;inset:0;z-index:0;opacity:0;background:radial-gradient(340px circle at var(--mx,50%) var(--my,50%),var(--spot),transparent 68%);transition:opacity .45s ease}.xp-root .row:hover:before{opacity:1}.xp-root .row:hover{padding-left:clamp(20px,3.2vw,44px)}.xp-root .row>*{position:relative;z-index:1}.xp-root .row .idx{font-family:var(--serif);font-style:italic;font-size:clamp(20px,2.2vw,28px);color:var(--accent);line-height:1.2;min-width:1.6em}.xp-root .row .rt{font-family:var(--disp);font-weight:600;font-size:clamp(20px,2.7vw,36px);letter-spacing:-.035em;line-height:1.1;transition:color .35s}.xp-root .row:hover .rt{color:var(--accent)}.xp-root .row .rd{margin-top:12px;color:var(--ink-soft);max-width:52ch;font-size:16px}.xp-root .row .arw{opacity:.28;transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .4s}.xp-root .row:hover .arw{opacity:1;transform:translate(5px,-5px)}@media(max-width:640px){.xp-root .row{grid-template-columns:auto 1fr}.xp-root .row .arw{display:none}}.xp-root #xp-preuve{padding-block:clamp(110px,18vh,200px)}.xp-root .cases{margin-top:clamp(40px,6vh,72px);display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2.4vw,28px)}@media(max-width:900px){.xp-root .cases{grid-template-columns:1fr}}.xp-root .case{position:relative;padding:clamp(26px,3vw,40px);border:1px solid var(--line);background:color-mix(in srgb,var(--ink) 3.5%,transparent);will-change:transform;transform-style:preserve-3d;transition:border-color .4s ease,background-color .4s ease,opacity .9s ease,transform 1.05s cubic-bezier(.16,1,.3,1)}.xp-root .case:hover{border-color:color-mix(in srgb,var(--accent) 55%,transparent)}.xp-root .case .sector{font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft)}.xp-root .case .big{margin-top:22px;display:flex;align-items:baseline;gap:14px;font-family:var(--disp);font-weight:700;letter-spacing:-.05em;color:var(--accent);font-size:clamp(52px,7.4vw,92px);line-height:.9;font-variant-numeric:tabular-nums}.xp-root .case .big small{font-family:var(--body);font-weight:400;font-size:14.5px;letter-spacing:0;color:var(--ink-soft);max-width:17ch;line-height:1.35}.xp-root .case h3{margin-top:26px;font-size:clamp(18px,1.8vw,22px);line-height:1.24;letter-spacing:-.025em;font-weight:600}.xp-root .case p{margin-top:12px;color:var(--ink-soft);font-size:15.5px}.xp-root .case .foot{margin-top:24px;padding-top:20px;border-top:1px solid var(--line);font-family:var(--serif);font-style:italic;font-size:19px;color:var(--ink)}.xp-root #xp-methode{padding-block:clamp(110px,18vh,200px)}.xp-root .method{margin-top:clamp(44px,7vh,84px);display:grid;grid-template-columns:52px 1fr;gap:clamp(18px,3vw,48px)}@media(max-width:640px){.xp-root .method{grid-template-columns:24px 1fr;gap:18px}}.xp-root .mline{position:relative}.xp-root .mline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;margin-left:-.5px;background:var(--ink);opacity:.14}.xp-root .mline i{position:absolute;left:50%;top:0;width:2px;height:100%;margin-left:-1px;background:var(--accent);transform-origin:top center;transform:scaleY(0)}.xp-root .steps{display:flex;flex-direction:column;gap:clamp(40px,7vh,90px)}.xp-root .step{display:grid;grid-template-columns:auto 1fr;gap:clamp(16px,3vw,38px);align-items:start}.xp-root .step .sn{font-family:var(--mono);font-size:11px;letter-spacing:.2em;color:var(--accent);padding-top:.55em}.xp-root .step h3{font-size:clamp(22px,3.2vw,42px);letter-spacing:-.035em;line-height:1.05;font-weight:600}.xp-root .step p{margin-top:14px;color:var(--ink-soft);max-width:50ch}@media(max-width:640px){.xp-root .step{grid-template-columns:1fr;gap:8px}}.xp-root #xp-final{padding-bottom:clamp(60px,9vh,110px)}.xp-root .final-stage{min-height:190svh;display:grid;place-items:center}.xp-root .final-body{padding-top:clamp(20px,6vh,70px)}.xp-root .final-fallback{display:none;text-align:center;font-size:clamp(44px,11vw,140px);line-height:.9;letter-spacing:-.05em}.xp-root.no-gl .final-fallback{display:block}.xp-root .final-body{text-align:center;display:flex;flex-direction:column;align-items:center;gap:clamp(22px,3.4vh,40px)}.xp-root .final-body .h2{max-width:15ch}.xp-root footer{margin-top:clamp(70px,12vh,140px);padding-top:28px;border-top:1px solid var(--line)}.xp-root .foot-grid{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft)}@media(prefers-reduced-motion:reduce){.xp-root *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.xp-root .ch{transform:none;opacity:1}.xp-root .up{opacity:1;transform:none}.xp-root{scroll-behavior:auto}}
