/* A short film, directed by the scroll. All motion stays within this section. */
.story{position:relative;height:480svh;background:#090b10;color:#f0f0e9;isolation:isolate}.story-stage{position:sticky;top:0;height:100svh;min-height:580px;overflow:hidden;background:#090b10;perspective:1500px}.story-top,.story-bottom{position:absolute;left:5%;right:5%;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:20px}.story-top{top:30px}.story-brand{display:flex;align-items:center;gap:12px;text-decoration:none!important;color:#f1f0eb}.story-brand svg{width:37px;height:37px}.story-brand>span{font:600 9px/1.15 Manrope,sans-serif;letter-spacing:-.2px}.story-edition,.story-kicker,.story-skip,.story-bottom,.fragment-label,.story-chip,.story-fragment small{font:9px/1.5 monospace;letter-spacing:1.4px}.story-edition{color:#8490a6}.story-skip{padding:11px 15px;border:1px solid #b3c4eb33;border-radius:30px;color:#c2cad9;font-size:9px;letter-spacing:0;display:flex;gap:22px;align-items:center;background:#161c2740}.story-skip:hover{border-color:#abbfff;background:#2c375950}.story-bottom{bottom:30px}.story-chapter{display:flex;gap:17px;align-items:center;min-width:220px}.story-chapter>span{font-family:'Instrument Serif',Georgia,serif;font-size:44px;color:#c2cefa;letter-spacing:-1px;line-height:1}.story-chapter>div>span{display:block;color:#c3c9d5;font-size:9px}.story-chapter small{display:block;font:7px monospace;color:#626e87;letter-spacing:.7px;margin-top:5px}.story-timeline{display:flex;gap:7px;width:180px;height:2px}.story-timeline i{position:relative;height:100%;flex:1;background:#ffffff22}.story-timeline i:after{content:'';display:block;height:100%;background:#b0c2ff;transform-origin:left;transform:scaleX(var(--fill,0));box-shadow:0 0 12px #a7bcff77}.story-scroll{display:flex;gap:16px;align-items:center;color:#818ca2;font-size:8px}.story-scroll-arrow{font-size:21px;color:#acbfff}.story-copy{position:absolute;top:24%;left:8%;z-index:4;max-width:650px;will-change:transform,opacity;pointer-events:none}.story-kicker{display:block;font-size:8px;color:#8d9bb8;margin-bottom:28px}.story-copy h2,.story-arrival h2{font:500 clamp(55px,6.3vw,100px)/1.04 Manrope,sans-serif;letter-spacing:-.055em;margin:0;max-width:10.5em;color:#f0f0e9}.story-copy h2 em,.story-arrival h2 em{font-family:'Instrument Serif',Georgia,serif;color:#afc2ff;font-weight:400}.story-copy>p{font:12px/1.85 Manrope,sans-serif;color:#a4aebe;margin-top:30px}.story-copy--two,.story-copy--three{opacity:0}.story-atmosphere{position:absolute;inset:0;pointer-events:none}.story-halo{position:absolute;width:90vw;height:90vw;left:27%;top:-15%;border-radius:50%;background:radial-gradient(ellipse,#627ce620 0%,#32447412 30%,transparent 64%);will-change:transform}.story-grid{position:absolute;inset:0;background-image:linear-gradient(#afc4ff05 1px,transparent 1px),linear-gradient(90deg,#afc4ff05 1px,transparent 1px);background-size:100px 100px;mask-image:radial-gradient(ellipse at 70% 50%,black,transparent 72%);opacity:.8;transform:perspective(700px) rotateX(65deg) scale(2);transform-origin:50% 80%}.story-orbit{position:absolute;width:63vw;height:63vw;left:40%;top:50%;border:1px solid #b4cbff12;border-radius:50%;transform:translateY(-50%)}.orbit-two{width:78vw;height:78vw;left:32.5%}.orbit-three{width:94vw;height:94vw;left:24.5%;border-style:dashed;opacity:.45}.story-art{position:absolute;inset:0;perspective:1500px;pointer-events:none}.story-core{position:absolute;width:410px;height:410px;left:70%;top:48%;margin:-205px;transform-style:preserve-3d;will-change:transform,opacity}.core-star{position:absolute;inset:10%;transform:rotateX(-18deg) rotateY(-24deg) rotateZ(-15deg);transform-style:preserve-3d;filter:drop-shadow(20px 35px 22px #0008)}.core-star>i{position:absolute;left:37%;top:0;height:100%;width:26%;border-radius:17px;background:linear-gradient(90deg,#222d4d 0%,#6074a1 7%,#c5dcff 13%,#5a6c97 21%,#e0eeff 42%,#849fd2 49%,#30436d 56%,#718bbb 74%,#d2e1fa 89%,#304064 96%);box-shadow:inset 2px 1px 3px #f2f7ff,7px 9px 0 #253351,12px 18px 18px #0005;transform-origin:center}.core-star>i:nth-child(2){transform:rotate(60deg)}.core-star>i:nth-child(3){transform:rotate(120deg)}.core-star>span{position:absolute;left:37%;top:37%;width:26%;height:26%;display:grid;place-items:center;background:radial-gradient(circle at 30% 25%,#dae8ff,#829ecb 35%,#33456a 75%);border-radius:50%;box-shadow:inset 1px 1px 2px #e8f3ff,3px 4px 6px #0007;color:#17243e;font:30px Georgia,serif;transform:translateZ(10px)}.core-aura{position:absolute;inset:-35%;background:radial-gradient(ellipse,#a6c3ff1a,transparent 62%);border-radius:50%}.core-shadow{position:absolute;width:120%;height:20%;left:-10%;bottom:-18%;background:radial-gradient(ellipse,#04050a,transparent 65%);filter:blur(16px);transform:rotateX(60deg)}.core-cross{position:absolute;width:20px;height:20px;opacity:.6}.core-cross:before,.core-cross:after{content:'';position:absolute;background:#8da5d7}.core-cross:before{width:20px;height:1px;top:10px}.core-cross:after{height:20px;width:1px;left:10px}.cross-a{left:-50px;top:20px}.cross-b{right:-35px;bottom:10px}.story-fragment{position:absolute;left:70%;top:48%;width:220px;padding:23px;border-radius:14px;border:1px solid #b1c7ff44;background:linear-gradient(140deg,#2d3953ef,#111722f2);box-shadow:0 25px 55px #0006,inset 0 1px 0 #e8efff17;opacity:0;will-change:transform,opacity;backdrop-filter:blur(12px)}.fragment-label{font-size:7px;color:#b3c5e5;letter-spacing:1px}.story-fragment small{font-size:6px;color:#8295b4;display:block;letter-spacing:.7px}.fragment-type{width:245px}.fragment-type>strong{font:italic 95px/.9 'Instrument Serif',Georgia,serif;letter-spacing:-7px;display:block;margin:29px 0 20px;color:#e5e9ef}.fragment-type>strong>span{color:#adbeff}.fragment-type>div{font:10px Manrope,sans-serif;margin-bottom:22px;color:#bdc9db}.fragment-palette{width:260px}.palette-swatches{display:flex;gap:9px;margin:28px 0}.palette-swatches i{height:54px;flex:1;border-radius:50%;background:#10131b;border:1px solid #e2ecff33}.palette-swatches i:nth-child(2){background:#eee9df}.palette-swatches i:nth-child(3){background:#b0bdff;box-shadow:0 0 22px #a0baff30}.fragment-mark{width:185px;background:linear-gradient(140deg,#cfdbff,#7a91c2);color:#15213a;border-color:#d2e4ff77}.fragment-mark svg{display:block;width:75px;height:75px;margin:30px auto}.fragment-mark .fragment-label,.fragment-mark small{color:#273a62}.story-browser{position:absolute;left:71%;top:49%;width:54vw;max-width:1000px;margin-left:-27vw;transform-origin:center;opacity:0;background:#111722;border:1px solid #bbd0ff55;border-radius:14px;overflow:hidden;box-shadow:0 60px 100px #000b,0 0 90px #92afff11;will-change:transform,opacity}.browser-chrome{height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font:6px monospace;letter-spacing:1.4px;color:#7284a4;background:#171e2b}.browser-chrome>span:first-child{display:flex;gap:6px}.browser-chrome i{width:5px;height:5px;border-radius:50%;background:#4c5d7a}.browser-site{position:relative;aspect-ratio:1.65;background:#d6cfbd;color:#eee9df;overflow:hidden}.browser-site>img{width:100%;height:100%;object-fit:cover;filter:brightness(.85);position:absolute;inset:0}.browser-nav{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:23px 30px;border-bottom:1px solid #efebdc44}.browser-nav strong{font:italic 23px 'Instrument Serif',Georgia,serif;letter-spacing:3px}.browser-nav>span{font:7px Manrope,sans-serif}.browser-nav>b{font:20px Manrope,sans-serif}.browser-title{position:absolute;left:5%;bottom:15%;font:italic clamp(40px,6vw,90px)/.94 'Instrument Serif',Georgia,serif;letter-spacing:-2px;text-shadow:0 3px 30px #30271444}.browser-title em{font-style:italic;color:inherit}.browser-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;gap:20px;padding:17px 30px;font:6px monospace;letter-spacing:1.3px;border-top:1px solid #efebdc44}.story-chip{position:absolute;left:65%;top:49%;padding:12px 17px;background:#1a2332ea;border:1px solid #adbeed44;border-radius:6px;font-size:7px;letter-spacing:.8px;white-space:nowrap;color:#b8c8e6;opacity:0;box-shadow:0 10px 30px #0007}.story-chip i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#b9d9b2;margin-right:6px}.chip-two span{margin:0 20px;color:#d8e1ff}.story-arrival{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;z-index:6;opacity:0;pointer-events:none;background:radial-gradient(ellipse,#1c28424a,transparent 70%)}.story-arrival h2{font-size:clamp(50px,7.8vw,116px);letter-spacing:-.05em;max-width:12em}.story-arrival a{display:flex;gap:35px;align-items:center;border:1px solid #b0c2ff66;color:#d2dcf5;padding:14px 23px;border-radius:30px;margin-top:32px;font:11px Manrope,sans-serif}.story-arrival.is-current{pointer-events:auto}.story-active #nav{visibility:hidden!important;pointer-events:none!important}.story-active .progress{opacity:0}.story-active .grain{opacity:.035}.story a:focus-visible{outline:2px solid #b5c7ff;outline-offset:5px}.story-static .story{height:100svh;min-height:640px}.story-static .story-stage{position:relative}.story-static .story-scroll>span:first-child{font-size:0}.story-static .story-scroll>span:first-child:after{content:'DÉCOUVRIR LE STUDIO';font-size:8px}.story-static .story-timeline{display:none}
@media(min-width:1600px){.story-copy{left:9%}.story-core{width:510px;height:510px;margin:-255px}.story-copy h2{font-size:110px}}
@media(max-width:1000px){.story-copy{left:6%;top:25%}.story-copy h2{font-size:62px}.story-core{width:330px;height:330px;margin:-165px;left:72%}.story-fragment{left:70%;scale:.8}.story-copy>p{font-size:11px}.story-browser{width:70vw;margin-left:-35vw;left:65%}.story-edition{font-size:7px}.story-copy--three h2{font-size:58px}.story-chapter{min-width:180px}.story-timeline{width:120px}}
@media(max-width:1000px){.story{height:440svh}.story-stage{min-height:560px}.story-top{top:22px;left:6%;right:6%}.story-edition{display:none}.story-brand svg{width:29px;height:29px}.story-brand>span{font-size:7px}.story-skip{font-size:8px;padding:9px 12px;gap:12px}.story-copy{left:7%;right:7%;top:17%;max-width:none}.story-copy h2,.story-copy--three h2{font-size:clamp(43px,10.5vw,70px);line-height:1.03}.story-kicker{font-size:7px;letter-spacing:1px;margin-bottom:18px}.story-copy>p{font-size:10px;line-height:1.8;margin-top:19px}.story-core{width:250px;height:250px;margin:-125px;left:57%;top:66%}.core-cross{scale:.6}.story-fragment{left:48%;top:66%;scale:.61;transform-origin:0 0}.story-browser{left:50%;top:65%;width:88vw;margin-left:-44vw;border-radius:9px}.browser-chrome{height:24px;padding:0 10px;font-size:4px;letter-spacing:.5px}.browser-chrome i{width:3px;height:3px}.browser-nav{padding:13px 17px}.browser-nav strong{font-size:18px}.browser-nav>span{font-size:5px}.browser-title{font-size:48px;letter-spacing:-1px}.browser-bottom{padding:9px 17px;font-size:4px;letter-spacing:.6px}.story-chip{left:50%;top:65%;font-size:5px;padding:9px 11px}.story-bottom{bottom:22px;left:7%;right:7%;gap:12px}.story-chapter{min-width:0;gap:10px}.story-chapter>span{font-size:32px}.story-chapter>div>span{font-size:7px}.story-chapter small{display:none}.story-timeline{width:65px;gap:4px}.story-scroll{font-size:0;gap:0}.story-scroll>span:first-child{display:none}.story-scroll-arrow{font-size:22px}.story-orbit{left:0%;top:65%;width:100vw;height:100vw}.orbit-two{left:-15%;width:130vw;height:130vw}.orbit-three{left:-30%;width:160vw;height:160vw}.story-halo{left:-20%;top:24%;width:150vw;height:150vw}.story-arrival h2{font-size:clamp(44px,11vw,70px);max-width:9em}.story-arrival .story-kicker{max-width:25ch;line-height:1.8}.story-arrival a{font-size:10px}.story-grid{background-size:60px 60px;opacity:.5}}
@media(max-height:700px) and (min-width:701px){.story-copy{top:24%}.story-copy h2{font-size:64px}.story-copy>p{margin-top:18px}.story-core{width:320px;height:320px;margin:-160px}.story-bottom{bottom:20px}.story-top{top:20px}}
@media(prefers-reduced-motion:reduce){.story{height:100svh;min-height:640px}.story-stage{position:relative}.story-timeline{display:none}}

@media(min-width:701px) and (max-width:1000px) and (min-height:601px){.story-core{width:330px;height:330px;margin:-165px;left:57%}.story-fragment{scale:.8;left:48%}.story-browser{width:76vw;margin-left:-38vw}.story-copy h2,.story-copy--three h2{font-size:70px}.story-copy>p{font-size:12px}.story-kicker{font-size:9px}.story-bottom{bottom:30px}.story-top{top:30px}}
@media(max-height:600px){.story-stage{height:100svh;min-height:0}.story-static .story{min-height:0}.story-top{top:14px}.story-bottom{bottom:14px}.story-copy,.story-copy--three{top:26%;left:6%;right:auto;max-width:45%}.story-copy h2,.story-copy--three h2{font-size:clamp(32px,4.4vw,56px)}.story-kicker{font-size:6px;margin-bottom:13px}.story-copy>p{font-size:9px;line-height:1.6;margin-top:16px}.story-core{width:200px;height:200px;margin:-100px;left:75%;top:54%}.story-fragment{left:70%;top:52%;scale:.46;transform-origin:0 0}.story-browser{width:48vw;left:73%;top:53%;margin-left:-24vw}.browser-chrome{height:22px}.browser-nav{padding:12px 18px}.browser-title{font-size:48px}.browser-bottom{padding:9px 18px}.story-chip{display:none}.story-arrival h2{font-size:clamp(34px,6vw,66px)}.story-arrival a{margin-top:22px;padding:10px 18px}.story-arrival .story-kicker{max-width:none}.story-chapter>span{font-size:30px}}