.hero-media{position:absolute;inset:0;overflow:hidden;isolation:isolate}.hero{background:#e9e9de}.hero-letter{display:inline-block;transform-style:preserve-3d;will-change:transform,opacity}.hero-line{perspective:900px}.hero-ticket{transform-origin:50% 15%}.hero-track-orbit{position:absolute;right:-100px;top:13%;width:490px;height:490px;z-index:1;pointer-events:none;opacity:.21}.hero-track-orbit circle{stroke:#ebeeda;fill:none;stroke-width:.5}.hero-track-orbit path{stroke:#ff5b27;fill:none;stroke-width:2}.hero-track-orbit .orbit-dot{fill:var(--orange);stroke:none}.kinetic-band{overflow:hidden;background:var(--ink);color:var(--paper);padding:31px 0 29px;border-top:1px solid #ffffff20;position:relative}.kinetic-line{display:flex;align-items:center;width:max-content;gap:43px;font-family:Cadence,Impact,sans-serif;font-size:clamp(60px,7.8vw,130px);line-height:1.05;font-weight:600;letter-spacing:-.025em;white-space:nowrap;will-change:transform}.kinetic-line .stroke{-webkit-text-stroke:1px #f1f0e98c;color:transparent}.kinetic-line .asterisk{font-family:Body,sans-serif;font-size:.7em;color:var(--orange);padding:0 2px}.approach{position:relative}.approach:before{content:'';position:absolute;top:0;left:6%;width:1px;height:50px;background:var(--orange)}.track-disc{box-shadow:0 14px 25px #7c89541a}.track-disc:after{content:'';position:absolute;inset:-9px;border:1px solid #ff5b2738;border-radius:50%}.journey{height:230svh}.journey-sticky{perspective:1000px}.journey-photo{transform-origin:60% 50%;will-change:clip-path}.journey h2{z-index:2}.journey-label{z-index:3}.journey-chapters{z-index:3}.journey-chapter{transition:opacity 350ms ease,transform 500ms var(--ease-out),visibility 350ms}.journey-chapter.active{transform:translateY(0)}.journey-big-number{position:absolute;right:6%;bottom:12%;font:600 clamp(160px,27vw,400px)/.8 Cadence,Impact,sans-serif;color:transparent;-webkit-text-stroke:1px #eef1dc4d;z-index:2;pointer-events:none;letter-spacing:-.04em}.chapter-progress{z-index:3}.journey-photo img{object-position:60% 60%}.movement-studio{height:205svh;position:relative;background:#222722;color:var(--paper)}.studio-sticky{position:sticky;top:0;height:100svh;min-height:760px;overflow:hidden;background:radial-gradient(ellipse at 64% 47%,#454c46,#292e29 46%,#1b211c 95%)}.studio-top{position:absolute;left:6%;right:6%;top:32px;display:flex;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:.12em;color:#9eac90;z-index:5;pointer-events:none}.studio-heading{position:absolute;top:16%;left:6%;z-index:4;pointer-events:none}.studio-heading>.eyebrow{font-size:9px;color:#a1ae93;display:block;margin-bottom:20px}.studio-heading h2{font-size:clamp(90px,10vw,160px);line-height:.87;letter-spacing:-.02em}.studio-view{position:absolute;left:34%;right:0;top:0;bottom:0}.studio-view .movement-view{height:100%;background:none;min-height:100%}.studio-view .mov-top,.studio-view .mov-floor-label,.studio-view .mov-caption{display:none}.studio-view .mov-canvas{inset:0 0 10px -18%}.studio-view .mov-phase{bottom:130px;left:24%;right:12%;font-size:12px}.studio-view .mov-controls{bottom:73px;left:24%;right:12%}.studio-view .mov-progress{left:24%;right:12%;bottom:56px}.studio-side-note{position:absolute;left:6%;bottom:22%;max-width:245px;z-index:5}.studio-caption-label{font-size:7px;letter-spacing:.1em;color:#9aa78c}.studio-side-note p{font-size:13px;line-height:1.9;margin:16px 0 22px;color:#c8d0bb}.studio-side-note a{font-size:10px;color:#e2e8d7}.studio-exercises{position:absolute;left:6%;bottom:82px;display:flex;gap:9px;z-index:5}.studio-exercises button{background:none;border:1px solid #acb59733;padding:12px 18px;color:#c8d1bc;font-size:11px;min-height:43px;border-radius:4px}.studio-exercises button span{font-size:8px;color:#8d9d7b;margin-right:7px}.studio-exercises button[aria-pressed=true]{background:var(--orange);border-color:var(--orange);color:var(--ink)}.studio-exercises button[aria-pressed=true] span{color:#71300f}.studio-bottom{position:absolute;left:6%;right:6%;bottom:25px;display:flex;justify-content:space-between;gap:20px;font-size:6px;letter-spacing:.1em;color:#748665;z-index:5;pointer-events:none}.studio-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:20px;color:#9ba68c}.studio-placeholder .eyebrow{font-size:8px}.studio-loading-line{width:50px;height:1px;background:#ff5b27;transform-origin:left;animation:studio-load 1.1s ease-in-out infinite alternate}@keyframes studio-load{from{transform:scaleX(.3)}to{transform:scaleX(1)}}.phone-mock{transform-style:preserve-3d;will-change:transform}.app-showcase{position:relative}.app-showcase:before{content:'CADENCE / DANS LA POCHE';position:absolute;left:9%;right:9%;top:45px;border-top:1px solid var(--line);padding-top:18px;font-size:8px;letter-spacing:.12em;color:#8e9682}.app-intro h2 em{display:inline-block}.final-band>a{transform-origin:20% 80%}.final-band .final-char{display:inline-block}.site-header .wordmark svg{transition:transform 250ms var(--ease-out)}
@media(hover:hover) and (pointer:fine){.studio-exercises button:hover:not([aria-pressed=true]){background:#3e4b32}.site-header .wordmark:hover svg{transform:rotate(-15deg)}}
@media(max-width:900px){.studio-heading h2{font-size:106px}.studio-view{left:27%}.studio-heading{top:15%}.studio-side-note{max-width:210px}.studio-side-note p{font-size:11px}.studio-exercises button{padding:11px 13px}.studio-view .mov-phase,.studio-view .mov-controls,.studio-view .mov-progress{left:35%;right:9%}.studio-side-note{bottom:24%}.journey-big-number{bottom:15%}}
@media(max-width:620px){.hero-track-orbit{width:330px;height:330px;right:-140px;top:19%;opacity:.2}.kinetic-band{padding:24px 0}.kinetic-line{font-size:63px;gap:25px}.journey{height:230svh}.journey-big-number{font-size:190px;right:5%;bottom:44%;opacity:.5}.journey-chapter h3{font-size:54px}.movement-studio{height:180svh}.studio-sticky{min-height:770px;height:100svh}.studio-top{top:24px;font-size:6px;left:6%;right:6%}.studio-top>span:last-child{max-width:120px;text-align:right;line-height:1.7}.studio-heading{top:10%;left:6%}.studio-heading>.eyebrow{font-size:7px;margin-bottom:13px}.studio-heading h2{font-size:clamp(58px,17vw,95px);line-height:.9}.studio-view{left:0;right:0;top:10%;bottom:80px}.studio-view .mov-canvas{inset:-5px -12% -15px 10%}.studio-view .movement-view{min-height:0}.studio-side-note{left:6%;bottom:31%;max-width:125px;pointer-events:none}.studio-caption-label{font-size:5px;line-height:1.7;display:block;max-width:105px}.studio-side-note p{font-size:8px;line-height:1.8;margin:9px 0;color:#afbea0}.studio-side-note .text-link{display:none}.studio-exercises{bottom:91px;left:6%;right:6%;gap:7px;display:grid;grid-template-columns:repeat(3,1fr)}.studio-exercises button{font-size:10px;padding:12px 8px;min-height:43px}.studio-exercises button span{font-size:7px;margin-right:6px}.studio-view .mov-phase{left:6%;right:6%;bottom:99px;font-size:10px}.studio-view .mov-controls{left:6%;right:6%;bottom:-38px;z-index:7}.studio-view .mov-controls button{min-height:35px;font-size:8px;padding:8px 12px}.studio-view .mov-progress{bottom:84px;left:6%;right:6%}.studio-view .mov-views{display:none}.studio-view .mov-playback{margin-left:auto}.studio-bottom{bottom:25px;font-size:5px;max-width:250px;line-height:1.8}.studio-bottom>span:last-child{display:none}.studio-view .mov-controls{bottom:19px;left:6%;right:6%}.app-showcase{padding-top:94px}.app-showcase:before{left:6%;right:6%;top:35px;font-size:7px}.app-intro h2{font-size:clamp(67px,19vw,108px)}}
@media(prefers-reduced-motion:reduce){.hero-letter{will-change:auto}.kinetic-line{white-space:normal;width:auto;flex-wrap:wrap;gap:15px;font-size:40px;padding:0 6%}.kinetic-line>span:nth-child(n+4){display:none}.hero-track-orbit{display:none}.journey{height:auto}.movement-studio{height:auto}.studio-sticky{position:relative;min-height:800px}.studio-loading-line{animation:none}.journey-big-number{display:none}}
html{scroll-padding-top:0}.studio-sticky{min-height:min(760px,100svh)}.studio-view .mov-canvas{mask-image:linear-gradient(90deg,transparent,#000 24%,#000)}
@media(max-width:620px){.studio-sticky{min-height:min(770px,100svh)}.studio-view .mov-canvas{mask-image:linear-gradient(90deg,transparent,#000 13%,#000)}}
@media(max-width:620px){.studio-view .mov-controls{top:14px;bottom:auto;left:auto;right:6%;width:auto}}