:root{--bg:#F5F4F8;--surface:#FFFFFF;--ink:#1C1B26;--muted:#5D5B6C;--line:#E3E1EC;--accent:#A6336B;--accent-2:#5B4FD6;--accent-ink:#FFFFFF;--tint:#F6E6EE;--chip:#EEEDF4;--ok:#2E7D57;--ok-tint:#E4F2EA;--hero:#13111B;--hero-ink:#F3F1F8;--hero-muted:#B3AFC4;--hero-line:#2C2838;--hero-accent:#EE86B6;--shadow:0 18px 40px -18px rgba(40,20,60,.35);--f-display:"Sora",system-ui,sans-serif;--f-body:"Work Sans",system-ui,sans-serif;--f-mono:"JetBrains Mono",ui-monospace,monospace}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg:#100F16;--surface:#1A1922;--ink:#EEEDF4;--muted:#A9A7B8;--line:#2B2936;--accent:#EE86B6;--accent-2:#9D94FF;--accent-ink:#1A0C13;--tint:#33192A;--chip:#25232F;--ok:#7CCBA0;--ok-tint:#173126;--hero:#0B0A10;--hero-line:#25222F;--shadow:0 18px 40px -18px rgba(0,0,0,.7);color-scheme:dark}}:root[data-theme=dark]{--bg:#100F16;--surface:#1A1922;--ink:#EEEDF4;--muted:#A9A7B8;--line:#2B2936;--accent:#EE86B6;--accent-2:#9D94FF;--accent-ink:#1A0C13;--tint:#33192A;--chip:#25232F;--ok:#7CCBA0;--ok-tint:#173126;--hero:#0B0A10;--hero-line:#25222F;--shadow:0 18px 40px -18px rgba(0,0,0,.7);color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:16px;line-height:1.6;overflow-x:hidden}.gut{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.wrap{max-width:1140px;margin:0 auto}a{color:var(--accent);text-underline-offset:3px}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:8px}h1,h2,h3{font-family:var(--f-display);text-wrap:balance;margin:0}.eyebrow{font-family:var(--f-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.tags{display:flex;flex-wrap:wrap;gap:6px}.tag{font-family:var(--f-mono);font-size:12px;padding:4px 10px;border-radius:8px;background:var(--chip);color:var(--ink)}body:before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:30;background:var(--hero)}.hero{position:relative;background:var(--hero);color:var(--hero-ink);overflow:hidden;isolation:isolate}#scene{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:-1;display:block}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(60% 70% at 78% 40%,transparent 0,var(--hero) 85%)}nav.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:color-mix(in srgb,var(--hero) 82%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--hero-line)}nav.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;flex-wrap:wrap}.mark{font-family:var(--f-display);font-weight:700;font-size:18px;color:var(--hero-ink);text-decoration:none}.mark span{color:var(--hero-accent)}nav.top ul{display:flex;gap:22px;list-style:none;margin:0;padding:0;flex-wrap:wrap}nav.top ul a{color:var(--hero-muted);text-decoration:none;font-size:14px;font-weight:500;display:inline-flex;min-height:44px;align-items:center}nav.top ul a:hover{color:var(--hero-ink)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:48px;align-items:center;padding-block:72px 64px}.badge{display:inline-flex;align-items:center;gap:10px;padding:7px 14px 7px 10px;border:1px solid var(--hero-line);border-radius:999px;font-size:13px;color:var(--hero-muted);background:color-mix(in srgb,var(--hero) 60%,transparent)}.dot{width:8px;height:8px;border-radius:50%;background:#58d39a;box-shadow:0 0 0 4px #58d39a2e}.hero h1{margin-top:22px;font-size:clamp(42px,7vw,88px);font-weight:800;line-height:.98;letter-spacing:-.04em}.hero h1 .l2{display:block;background:linear-gradient(100deg,var(--hero-accent),#B9A8FF 60%,var(--hero-accent));background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}.rotator{margin-top:22px;font-family:var(--f-display);font-weight:600;font-size:clamp(18px,2.4vw,24px);display:flex;gap:10px;flex-wrap:wrap;align-items:baseline}.rotator .fix{color:var(--hero-muted)}.rot-box{display:inline-block;perspective:600px;min-width:12ch}.rot{display:inline-block;color:var(--hero-ink);border-bottom:2px solid var(--hero-accent);transform-origin:50% 50% -20px}.hero .lede{margin:18px 0 0;max-width:54ch;color:var(--hero-muted);font-size:17px}.cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.btn{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 22px;border-radius:999px;font-weight:600;font-size:15px;text-decoration:none;border:1px solid var(--hero-line);color:var(--hero-ink);background:transparent;cursor:pointer;font-family:var(--f-body)}.btn.primary{background:var(--hero-accent);color:#1a0c13;border-color:var(--hero-accent)}.btn svg{width:16px;height:16px}.kpis{display:grid;grid-template-columns:repeat(3,minmax(0,auto));justify-content:start;gap:12px 36px;margin-top:40px}.kpis b{display:block;font-family:var(--f-display);font-size:28px;font-weight:700;color:var(--hero-ink);line-height:1.1}.kpis span{font-size:13px;color:var(--hero-muted)}.p-stage{perspective:1100px;display:flex;justify-content:center}.p-card{position:relative;width:min(100%,360px);transform-style:preserve-3d;transform:rotateY(-12deg) rotateX(6deg);will-change:transform}.p-card img{display:block;width:100%;max-width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:28px;box-shadow:0 40px 80px -30px #000c;transform:translateZ(0)}.p-card .ring{position:absolute;top:-14px;right:-14px;bottom:-14px;left:-14px;border-radius:36px;border:1px solid color-mix(in srgb,var(--hero-accent) 55%,transparent);transform:translateZ(-40px);pointer-events:none}.chip3d{position:absolute;display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:14px;background:#181522d1;border:1px solid var(--hero-line);color:var(--hero-ink);font-size:13px;font-weight:600;white-space:nowrap;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.chip3d svg{width:18px;height:18px;color:var(--hero-accent)}.c1{top:8%;left:-12%;transform:translateZ(70px)}.c2{top:46%;right:-14%;transform:translateZ(110px)}.c3{bottom:7%;left:-6%;transform:translateZ(90px)}.scroll-hint{display:flex;justify-content:center;padding-bottom:22px;color:var(--hero-muted);font-size:12px;font-family:var(--f-mono);letter-spacing:.1em;gap:8px;align-items:center}.marquee{background:var(--accent);color:var(--accent-ink);overflow:hidden;white-space:nowrap;padding-block:14px;transform:rotate(-1.2deg) scale(1.03);position:relative;z-index:2}.marquee .track{display:inline-flex;gap:36px;font-family:var(--f-display);font-weight:700;font-size:20px;letter-spacing:-.01em}.marquee .track span:after{content:"✦";margin-left:36px;opacity:.7}section.block{padding-block:88px}.head{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap;margin-bottom:40px}.head h2{font-size:clamp(30px,4vw,46px);font-weight:700;letter-spacing:-.025em;margin-top:8px}.head p{margin:10px 0 0;color:var(--muted);max-width:58ch}.tilt{transform-style:preserve-3d;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .25s ease-out,box-shadow .25s;will-change:transform}.tilt .z{transform:translateZ(36px)}.tilt .z2{transform:translateZ(60px)}.tilt:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:radial-gradient(400px circle at var(--mx,50%) var(--my,50%),color-mix(in srgb,var(--accent) 16%,transparent),transparent 45%);opacity:var(--glow,0);transition:opacity .3s}.services{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}.svc{position:relative;grid-column:span 2;background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:28px;display:flex;flex-direction:column;gap:12px;min-height:260px}.svc.wide{grid-column:span 3}.svc .ico{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:var(--tint);color:var(--accent)}.svc .ico svg{width:26px;height:26px}.svc h3{font-size:21px;font-weight:600;letter-spacing:-.01em}.svc p{margin:0;color:var(--muted);font-size:15px}.svc .tags{margin-top:auto;padding-top:6px}.svc.new:after{content:"Nouveau";position:absolute;top:22px;right:22px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:var(--accent);color:var(--accent-ink)}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--muted);font:500 14px var(--f-body);cursor:pointer}.filters button[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.projects{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.proj{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:26px;display:flex;flex-direction:column;gap:10px}.proj .top{display:flex;justify-content:space-between;align-items:center;gap:10px}.proj .when{font-family:var(--f-mono);font-size:12px;color:var(--muted)}.proj .num{font-family:var(--f-display);font-weight:800;font-size:56px;line-height:.9;color:transparent;-webkit-text-stroke:1.5px var(--line);position:absolute;right:22px;bottom:16px;pointer-events:none}.proj h3{font-size:22px;font-weight:600;letter-spacing:-.015em}.proj .client{font-size:14px;color:var(--accent);font-weight:600}.proj p{margin:0;color:var(--muted);font-size:15px;max-width:52ch}.proj .foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:8px;flex-wrap:wrap;position:relative}.status{font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;white-space:nowrap}.status.live{background:var(--ok-tint);color:var(--ok)}.status.soon{background:var(--tint);color:var(--accent)}.status.done{background:var(--chip);color:var(--muted)}.visit{font-family:var(--f-mono);font-size:13px;font-weight:500;text-decoration:none;white-space:nowrap;min-height:44px;display:inline-flex;align-items:center;gap:6px}.visit:hover{text-decoration:underline}.proj.feature{grid-column:1/-1;background:linear-gradient(135deg,var(--surface),var(--tint))}.ia{position:relative;background:var(--hero);color:var(--hero-ink);border-radius:32px;padding:clamp(28px,5vw,64px);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:48px;align-items:center;overflow:hidden}.ia h2{font-size:clamp(30px,4vw,46px);letter-spacing:-.025em;color:var(--hero-ink)}.ia .eyebrow{color:var(--hero-muted)}.ia p{color:var(--hero-muted);margin:14px 0 0;max-width:54ch}.ia ul{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ia li{border:1px solid var(--hero-line);border-radius:16px;padding:14px 16px;font-size:14px;color:var(--hero-muted)}.ia li b{display:block;color:var(--hero-ink);font-family:var(--f-display);font-size:15px;margin-bottom:2px}.cube-stage{perspective:900px;display:grid;place-items:center;min-height:300px;position:relative;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}.cube-stage.grabbing{cursor:grabbing}.cube-hint{position:absolute;bottom:0;left:0;right:0;text-align:center;font-family:var(--f-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--hero-muted)}.cube{position:relative;width:180px;height:180px;transform-style:preserve-3d;transform:rotateX(-22deg) rotateY(35deg)}.face{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center;border-radius:22px;border:1px solid color-mix(in srgb,var(--hero-accent) 60%,transparent);background:color-mix(in srgb,var(--hero) 55%,rgba(238,134,182,.16));font-family:var(--f-display);font-weight:700;font-size:18px;color:var(--hero-ink);backface-visibility:visible;padding:12px}.face small{display:block;font-family:var(--f-mono);font-weight:400;font-size:11px;color:var(--hero-muted);margin-top:4px}.f1{transform:translateZ(90px)}.f2{transform:rotateY(180deg) translateZ(90px)}.f3{transform:rotateY(90deg) translateZ(90px)}.f4{transform:rotateY(-90deg) translateZ(90px)}.f5{transform:rotateX(90deg) translateZ(90px)}.f6{transform:rotateX(-90deg) translateZ(90px)}.orbit{position:absolute;width:300px;height:300px;border-radius:50%;border:1px dashed var(--hero-line);transform:rotateX(72deg)}.atelier{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:48px;align-items:center}.ph{perspective:1000px}.ph img{display:block;width:100%;max-width:100%;aspect-ratio:6/5;object-fit:cover;border-radius:26px;box-shadow:var(--shadow)}.atelier h2{font-size:clamp(26px,3.4vw,38px);letter-spacing:-.02em;margin-top:8px}.atelier p{color:var(--muted);margin:14px 0 0;max-width:50ch}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px}.steps div{border-top:2px solid var(--accent);padding-top:10px}.steps b{display:block;font-family:var(--f-display);font-size:16px}.steps span{font-size:13px;color:var(--muted)}.path{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px}.path h3.col{font-size:13px;font-family:var(--f-mono);font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:20px}.tl{list-style:none;margin:0;padding:0 0 0 24px;border-left:2px solid var(--line);display:flex;flex-direction:column;gap:28px}.tl li{position:relative}.tl li:before{content:"";position:absolute;left:-31px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--bg);border:2px solid var(--accent)}.tl .d{font-family:var(--f-mono);font-size:12px;color:var(--accent);font-weight:500}.tl strong{display:block;font-family:var(--f-display);font-weight:600;font-size:17px;margin-top:2px}.tl span{display:block;color:var(--muted);font-size:15px}.skills{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.skill{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:22px}.skill h3{font-size:12px;font-family:var(--f-mono);font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}.extra{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-top:16px}.award{background:var(--tint);border-radius:20px;padding:22px 24px;display:flex;gap:18px;align-items:center}.award .rank{font-family:var(--f-display);font-weight:800;font-size:44px;color:var(--accent);line-height:1}.award .rank sup{font-size:18px}.soft{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:22px 24px}.soft .tag{font-family:var(--f-body);background:var(--tint);color:var(--accent);font-weight:600;border-radius:999px}.contact{background:var(--hero);color:var(--hero-ink);border-radius:32px;padding:clamp(28px,5vw,60px);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:40px;align-items:center;position:relative;overflow:hidden}.contact h2{font-size:clamp(30px,4.4vw,50px);letter-spacing:-.03em;color:var(--hero-ink);margin-top:10px}.contact .eyebrow{color:var(--hero-muted)}.contact p{color:var(--hero-muted);margin:14px 0 0;max-width:46ch}.clist{display:flex;flex-direction:column;gap:10px}.crow{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--hero-line);border-radius:16px;padding:10px 10px 10px 18px;min-width:0;background:#ffffff05}.crow .k{font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--hero-muted)}.crow .v{font-weight:600;word-break:break-all;color:var(--hero-ink);-webkit-user-select:all;user-select:all}.crow a.v{text-decoration:none;display:inline-flex;min-height:28px;align-items:center}.crow a.v:hover{text-decoration:underline}.copy{min-height:44px;min-width:44px;padding:0 14px;border-radius:12px;border:0;background:var(--hero-accent);color:#1a0c13;font:600 13px var(--f-body);cursor:pointer;flex-shrink:0}footer{padding-block:28px 44px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:13px}.rise{transform:perspective(1000px) rotateX(var(--enter,0deg)) translateY(var(--lift,0px));transform-origin:50% 100%}.tilt,.btn,.copy,.filters button,.p-card,.cube-stage,.hero{-webkit-tap-highlight-color:transparent}.btn,.copy,.filters button{position:relative;overflow:hidden}.rip-layer{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;overflow:hidden;pointer-events:none}.ripple{position:absolute;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%) scale(0);background:color-mix(in srgb,var(--accent) 26%,transparent);animation:rip .7s ease-out forwards}.btn.primary .ripple,.copy .ripple{background:#ffffff73}@keyframes rip{to{transform:translate(-50%,-50%) scale(1);opacity:0}}.tilt.pressed,.btn:active,.copy:active,.filters button:active{scale:.97}.tilt{transition:transform .25s ease-out,scale .15s ease}.shock{position:absolute;width:16px;height:16px;border-radius:50%;border:2px solid var(--hero-accent);pointer-events:none;transform:translate(-50%,-50%);animation:shock .9s ease-out forwards;z-index:1}.shock.b{border-color:#b9a8ff;animation-delay:.12s;opacity:.8}@keyframes shock{to{width:360px;height:360px;opacity:0;border-width:1px}}.spark{position:absolute;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;pointer-events:none;background:var(--hero-accent);z-index:1;box-shadow:0 0 10px currentColor;animation:spark .8s ease-out forwards}@keyframes spark{to{transform:translate(var(--dx),var(--dy)) scale(0);opacity:0}}.p-card{cursor:pointer}.p-card.flip{animation:flip 1s cubic-bezier(.3,.7,.2,1)}@keyframes flip{0%{transform:rotateY(-12deg) rotateX(6deg) scale(1)}50%{transform:rotateY(168deg) rotateX(6deg) scale(.92)}to{transform:rotateY(348deg) rotateX(6deg) scale(1)}}.progress{position:fixed;top:env(safe-area-inset-top,0px);left:0;height:3px;width:100%;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,var(--hero-accent),#B9A8FF);z-index:40;pointer-events:none}@media (max-width:920px){.hero-grid,.ia,.atelier,.path,.contact{grid-template-columns:minmax(0,1fr)}.hero-grid{padding-block:48px 40px;gap:56px}.p-card{width:min(100%,340px)}.services{grid-template-columns:repeat(2,minmax(0,1fr))}.svc,.svc.wide{grid-column:span 1}.projects{grid-template-columns:minmax(0,1fr)}.skills{grid-template-columns:repeat(2,minmax(0,1fr))}.extra{grid-template-columns:minmax(0,1fr)}}@media (max-width:620px){nav.top ul{gap:14px}nav.top ul li:nth-child(n+4){display:none}.kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.kpis b{font-size:22px}.c1{left:-4%}.c2{right:-4%}.c3{left:2%}.services,.skills,.steps,.ia ul{grid-template-columns:minmax(0,1fr)}.svc{min-height:0}section.block{padding-block:64px}.proj .num{font-size:42px}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}@media (prefers-reduced-motion:no-preference){.hero h1 .l2{animation:shine 6s linear infinite}@keyframes shine{to{background-position:-200% 0}}.marquee .track{animation:marq 28s linear infinite}@keyframes marq{to{transform:translate(-50%)}}.orbit{animation:orb 10s linear infinite}@keyframes orb{to{transform:rotateX(72deg) rotate(360deg)}}.chip3d{animation:float 5s ease-in-out infinite}.c2{animation-delay:-1.6s}.c3{animation-delay:-3.2s}.btn{transition:transform .2s ease}.btn:hover{transform:translateY(-2px)}.rise{transition:transform .9s cubic-bezier(.2,.7,.2,1)}}@keyframes float{0%,to{margin-top:0}50%{margin-top:-10px}}.marquee-wrap{overflow:hidden;padding-block:6px;margin-top:-8px}img{max-width:100%}[hidden]{display:none!important}