.application-orbit,.background-orbit{--orbit-width:430px;position:relative;perspective:1400px;overflow:hidden}.orbit-field{position:absolute;inset:0;transform-style:preserve-3d;perspective:1400px}.orbit-card{position:absolute;top:44%;left:50%;width:var(--orbit-width);margin-left:calc(var(--orbit-width) / -2);margin-top:-190px;transition:transform 1s cubic-bezier(.3,.65,.2,1),opacity .8s,filter .8s;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform;opacity:.6}.orbit-card[data-slot='0']{transform:translate3d(0,0,130px) rotateY(0);opacity:1;z-index:6;filter:none}.orbit-card[data-slot='1']{transform:translate3d(490px,-20px,-150px) rotateY(-24deg);opacity:.7;z-index:4;filter:brightness(.85)}.orbit-card[data-slot='2']{transform:translate3d(780px,-55px,-600px) rotateY(-40deg);opacity:.35;z-index:2}.orbit-card[data-slot='3']{transform:translate3d(0,-75px,-1050px) rotateY(0);opacity:.18;z-index:1}.orbit-card[data-slot='4']{transform:translate3d(-780px,-55px,-600px) rotateY(40deg);opacity:.35;z-index:2}.orbit-card[data-slot='5']{transform:translate3d(-490px,-20px,-150px) rotateY(24deg);opacity:.7;z-index:4;filter:brightness(.85)}.projection-window{background:#082a3beb;border:1px solid #a8e7ff88;box-shadow:0 10px 45px #00121e88,inset 0 0 20px #b4ecff06;backdrop-filter:blur(8px);overflow:hidden;color:#eafaff;position:relative}.projection-window:after{content:'';position:absolute;inset:0;pointer-events:none;border:1px solid #aeeaff11}.projection-bar{display:flex;justify-content:space-between;gap:20px;padding:12px 17px;border-bottom:1px solid #c8edff35;font-size:12px;letter-spacing:.09em;color:#a6cfdf;background:#092538}.projection-image{height:130px;background-size:cover;background-position:center;position:relative;padding:24px 22px;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end}.projection-image:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#062132ec,#07203355);z-index:-1}.projection-image>span{font-size:12px;letter-spacing:.08em;color:#bcdeeb;margin-bottom:8px}.projection-image>strong{font-size:26px;line-height:1.1;font-weight:500;letter-spacing:-.045em}.projection-content{padding:18px 22px}.projection-caption{font-size:12px;letter-spacing:.1em;color:#8bbdd2}.projection-steps{margin-top:9px}.projection-steps>p{display:flex;align-items:center;gap:12px;margin:0;padding:9px 0;font-size:14px;line-height:1.4;color:#c4dfec;animation:previewStep 7.5s calc(var(--step)*-2.5s) infinite}.projection-steps>p>span{display:grid;place-items:center;width:23px;height:23px;border:1px solid #9bc8dd55;flex-shrink:0;font-size:12px;color:#ffbd8d}.projection-progress{height:2px;background:#acdfee22;margin-top:13px;overflow:hidden}.projection-progress i{display:block;height:2px;width:35%;background:#ffbd8f;animation:previewProgress 6s linear infinite}.applications-showcase{padding:55px 0 0;position:relative;isolation:isolate;background:#061728;overflow:hidden;border-bottom:1px solid #a3d9ee38}.applications-showcase:before{content:'';position:absolute;inset:0;background:linear-gradient(#06172899,#061728ed),url('/cinematic/atelier.webp') center/cover;z-index:-1;opacity:.8}.showcase-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;padding:0 6vw}.showcase-heading h2{font-size:clamp(2.3rem,3.5vw,3.8rem);line-height:1.1;font-weight:400;letter-spacing:-.05em;margin:12px 0}.showcase-heading>p{font-size:14px;color:#acc9da;line-height:1.8}.application-orbit{height:560px}.application-orbit .orbit-field{top:35px;bottom:90px}.orbit-controls{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:24px;width:min(640px,90%);padding:15px 20px;border-top:1px solid #a3d7ed55;background:#051926c9;backdrop-filter:blur(15px)}.orbit-controls>button{border:1px solid #a3d7ed66;background:#0f3448;color:#dff6ff;min-width:42px;min-height:42px;font-size:20px}.orbit-controls>.orbit-pause{font-size:14px;padding:8px 14px}.orbit-selected{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.orbit-selected>span{font-size:12px;color:#93c2d7}.orbit-selected>strong{font-size:19px;font-weight:500}.orbit-selected>small{font-size:12px;line-height:1.4;color:#9cc3d6}.background-orbit{position:absolute;inset:0;pointer-events:none;opacity:.14;z-index:0;filter:saturate(.65);--orbit-width:330px;mask-image:linear-gradient(0deg,transparent,black 15%,black 75%,transparent)}.background-orbit .orbit-field{transform:translateX(10%) rotateZ(-5deg)}.background-orbit .orbit-card{top:51%;margin-top:-170px}.background-orbit .projection-image{height:100px}.background-orbit .projection-image>strong{font-size:23px}.background-orbit .projection-content{padding:15px}.background-orbit .projection-steps>p{font-size:12px}.background-orbit .orbit-card[data-slot='0']{transform:translate3d(-300px,-30px,-160px) rotateY(20deg);opacity:.7}.background-orbit .orbit-card[data-slot='1']{transform:translate3d(440px,-80px,-80px) rotateY(-15deg);opacity:.9}.background-orbit .orbit-card[data-slot='2']{transform:translate3d(750px,90px,-460px) rotateY(-40deg);opacity:.6}.background-orbit .orbit-card[data-slot='3']{transform:translate3d(0,-100px,-800px);opacity:.45}.background-orbit .orbit-card[data-slot='4']{transform:translate3d(-800px,70px,-500px) rotateY(40deg);opacity:.5}.background-orbit .orbit-card[data-slot='5']{transform:translate3d(-650px,-80px,-180px) rotateY(25deg);opacity:.7}.film-stage>.background-orbit{inset:100px 0 130px;opacity:0;transition:opacity .4s}body[data-step=resources] .film-stage>.background-orbit{opacity:.1}body[data-step=resources][data-world=projets] .film-stage>.background-orbit,body[data-step=resources][data-world=ia] .film-stage>.background-orbit,body[data-step=resources][data-world=atelier] .film-stage>.background-orbit{opacity:.28}.fluid-intro>.background-orbit{z-index:0;opacity:.13}.fluid-intro .route-console,.fluid-intro .intro-copy{z-index:2}.orbit-paused .projection-steps>p,.orbit-paused .projection-progress i{animation-play-state:paused}.reduced-motion .orbit-card{transition:none!important}.reduced-motion .projection-steps>p,.reduced-motion .projection-progress i{animation:none!important}.reduced-motion .background-orbit{display:none}@keyframes previewStep{0%,23%{opacity:.55}34%,55%{opacity:1;color:#fff}68%,100%{opacity:.55}}@keyframes previewProgress{from{transform:translateX(-100%)}to{transform:translateX(390%)}}
@media(max-width:1000px){.application-orbit{--orbit-width:370px}.orbit-card[data-slot='1']{transform:translate3d(390px,-20px,-200px) rotateY(-28deg)}.orbit-card[data-slot='5']{transform:translate3d(-390px,-20px,-200px) rotateY(28deg)}}
@media(max-width:760px){.showcase-heading{display:block;padding:0 6vw}.showcase-heading h2{font-size:2.3rem}.showcase-heading>p{margin:20px 0 0;font-size:14px}.applications-showcase{padding-top:35px}.application-orbit{--orbit-width:290px;height:535px;perspective:1000px}.application-orbit .orbit-field{top:60px;bottom:85px}.orbit-card{margin-top:-180px}.orbit-card[data-slot='0']{transform:translate3d(0,0,30px)}.orbit-card[data-slot='1']{transform:translate3d(290px,-12px,-280px) rotateY(-28deg);opacity:.4}.orbit-card[data-slot='5']{transform:translate3d(-290px,-12px,-280px) rotateY(28deg);opacity:.4}.orbit-card[data-slot='2'],.orbit-card[data-slot='3'],.orbit-card[data-slot='4']{opacity:0}.projection-bar{padding:11px 14px;font-size:12px}.projection-image{height:120px;padding:18px}.projection-image>strong{font-size:23px}.projection-image>span{font-size:12px}.projection-content{padding:15px 18px}.projection-steps>p{font-size:14px;padding:10px 0;min-height:45px}.projection-steps>p>span{width:22px;height:22px}.orbit-controls{gap:13px;padding:13px 0;background:transparent;width:90%;bottom:15px}.orbit-controls>button{min-width:36px;min-height:40px}.orbit-controls>.orbit-pause{font-size:12px;padding:7px 9px}.orbit-selected>strong{font-size:16px}.orbit-selected>small{display:none}.background-orbit{display:none}body[data-step=resources][data-world=projets] .film-stage>.background-orbit,body[data-step=resources][data-world=ia] .film-stage>.background-orbit{display:block;opacity:.12}.background-orbit .projection-steps{display:none}}
@media(prefers-reduced-motion:reduce){.projection-steps>p,.projection-progress i{animation:none}.orbit-card{transition:none}.background-orbit{display:none!important}}
.site-ambient{position:fixed;inset:88px 0 0;z-index:0;opacity:.075;pointer-events:none}.fluid-page #app{position:relative;z-index:1}.site-ambient .orbit-field{transform:translateX(8%) rotateZ(-4deg)}@media(max-width:760px){.site-ambient{display:none}}