/* Feedit motion language: restrained depth, continuous scroll, native proportions. */
:root{--ease:cubic-bezier(.2,.75,.2,1)}header{position:relative;z-index:5}.reading-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:var(--teal);transform:scaleX(0);transform-origin:left;z-index:20;pointer-events:none}.motion-toggle{position:fixed;right:22px;bottom:20px;z-index:9;background:#f4f3ede8;backdrop-filter:blur(16px);border:1px solid #d5d9d1;padding:10px 14px;border-radius:30px;font-size:11px;display:flex;gap:8px;align-items:center}.hero{min-height:calc(100svh - 104px);padding-bottom:60px;perspective:1200px}.hero-device{transform:translateY(var(--hero-y,0px)) rotate(var(--hero-r,3deg))!important;transition:transform .12s linear!important;box-shadow:0 45px 80px -25px #182a2660,0 0 0 2px #77817a,0 0 0 5px #1a2020}.hero .orbit-one{background:radial-gradient(ellipse,#d4dfd4 0%,#e4e8df 48%,transparent 70%)}.feed-live{position:absolute;inset:7px;border-radius:36px;overflow:hidden;background:#080b0b;display:flex;flex-direction:column;opacity:1;transition:opacity .45s var(--ease);padding-top:14%;padding-bottom:17%;pointer-events:none}.feed-live.hidden{opacity:0;visibility:hidden}.feed-live video{width:100%;height:100%;min-height:0;object-fit:contain;flex:1;background:#080b0b}.live-top{position:absolute;top:11%;left:0;right:0;display:flex;justify-content:center;gap:18px;color:#b8c0be;font-size:10px}.live-top strong{color:white;border-bottom:1px solid white;padding-bottom:7px}.live-caption{position:absolute;bottom:17%;left:15px;right:15px;color:white;font-size:9px;display:flex;flex-direction:column;gap:8px;background:linear-gradient(transparent,#080b0be8);padding-top:25px}.live-caption a{border:1px solid #ffffff70;border-radius:20px;padding:6px 10px;align-self:start;pointer-events:auto}.hero-device>img{position:relative}.feed-live:after{content:'';position:absolute;top:2%;left:34%;width:32%;height:4%;border-radius:30px;background:#000}.hero-device:after{content:'';position:absolute;bottom:7px;left:7px;right:7px;height:13%;background:url('assets/feed.png') center bottom/100% auto no-repeat;border-radius:0 0 36px 36px;pointer-events:none}.hero-device.other-screen:after{display:none}.showcase .tag-one{animation:drift 7s ease-in-out infinite}.showcase .tag-two{animation:drift 8s ease-in-out -3s infinite}.hero h1{animation:enter 1.1s var(--ease) both}.hero-copy .lead{animation:enter 1.1s .12s var(--ease) both}.hero-copy .actions{animation:enter 1.1s .22s var(--ease) both}.showcase{animation:enter 1.3s .1s var(--ease) both}.hero-note{margin-top:42px}@keyframes enter{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes drift{0%,100%{translate:0 0}50%{translate:0 -10px}}
.journey{height:310svh;background:#e7ece5;position:relative}.journey-sticky{height:100svh;min-height:650px;position:sticky;top:0;overflow:hidden;display:flex;flex-direction:column;padding:36px max(6%,calc((100vw - 1260px)/2));background:radial-gradient(ellipse at 75% 60%,#d6e0d5,transparent 55%)}.journey-heading,.journey-footer{display:flex;align-items:center;justify-content:space-between;gap:20px}.journey-counter{display:flex;gap:9px;align-items:baseline}.journey-counter span:first-child{font-size:30px;font-weight:500;letter-spacing:-2px}.journey-counter span:last-child{font-size:11px;color:var(--muted)}.journey-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;flex:1;min-height:0}.chapter-copy{position:relative;min-height:350px}.chapter{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;opacity:0;transform:translateY(35px);transition:opacity .6s var(--ease),transform .8s var(--ease);visibility:hidden}.chapter.active{opacity:1;transform:translateY(0);visibility:visible}.chapter h2{font-size:clamp(44px,4.8vw,72px);letter-spacing:-3px;margin:20px 0}.chapter>p:not(.index){max-width:390px;color:var(--muted);font-size:17px;line-height:1.75}.chapter-detail{font-size:11px;letter-spacing:.5px;margin-top:23px;border-top:1px solid #becbc1;padding-top:22px;max-width:390px}.journey-visual{height:100%;position:relative;display:flex;align-items:center;justify-content:center;perspective:1300px}.journey-device{height:min(66svh,620px);width:auto;aspect-ratio:1206/2622;transform:translateY(var(--device-y,0px)) rotateY(var(--device-ry,-10deg)) rotateZ(var(--device-rz,-3deg));transition:transform .14s linear;box-shadow:22px 40px 65px -25px #183b3150,0 0 0 1px #636f69;flex:none}.journey-screen{position:absolute;inset:7px;width:calc(100% - 14px)!important;height:calc(100% - 14px);object-fit:contain;opacity:0;transform:translateX(18px) scale(.98);transition:opacity .55s var(--ease),transform .7s var(--ease);background:#fff}.journey-screen.active{opacity:1;transform:translateX(0) scale(1)}.journey-halo{position:absolute;width:440px;height:440px;border:1px solid #b9cbbd;border-radius:50%;transform:rotateX(52deg) rotateZ(var(--halo-rotation,0deg));box-shadow:0 0 0 45px #b9cbbd16,0 0 0 90px #b9cbbd0c}.orbit-label{position:absolute;right:-10px;bottom:18%;padding:13px 18px;background:#f7f8f0ed;border-radius:12px;box-shadow:0 15px 40px #233e2512;display:flex;align-items:center;gap:9px;max-width:260px;font-size:11px;transform:translateY(var(--label-y,0px))}.orbit-label span{width:6px;height:6px;background:var(--teal);border-radius:50%;flex:none}.orbit-label p{margin:0;line-height:1.5}.journey-footer{font-size:10px;color:var(--muted);padding-top:20px}.chapter-dots{display:flex;gap:10px}.chapter-dots button{width:35px;height:24px;padding:0;border:0;background:transparent;position:relative}.chapter-dots button:after{content:'';height:3px;position:absolute;left:0;right:0;top:10px;background:#b2c2b4;border-radius:5px;transition:background .4s}.chapter-dots button[aria-pressed=true]:after{background:var(--teal)}
.turn-section{background:var(--paper);align-items:start;padding-top:110px;padding-bottom:100px}.exercise-stage{position:sticky;top:70px;align-self:start;padding-top:20px}.steps{margin-top:60px}.step{min-height:240px;align-items:center;transition:opacity .5s,transform .5s}.step.active{transform:translateX(7px)}.step h3{font-size:23px}.step p{max-width:350px;font-size:15px}.exercise-phone{transform:rotate(var(--exercise-r,-3deg));transition:transform .6s var(--ease)}.exercise-phone img{transition:opacity .18s}.world-section{position:relative;border-radius:48px 48px 0 0;min-height:720px}.world-art{transform:translateY(var(--world-y,0px)) rotate(var(--world-r,0deg));transition:transform .15s linear}.world-art img{height:390px}.world-copy h2{font-size:65px}.film-section{padding-top:120px;padding-bottom:120px}.film-poster{height:440px;transform:rotate(3deg);transition:transform .7s var(--ease),box-shadow .7s}.film-poster:hover{transform:rotate(0deg) translateY(-8px);box-shadow:0 25px 60px #142b2925}.large-play{transition:transform .4s}.film-poster:hover .large-play{transform:translate(-50%,-50%) scale(1.12)}.reveal-ready{opacity:0;transform:translateY(35px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.reveal-ready.is-visible{opacity:1;transform:translateY(0)}.closing{position:relative;overflow:hidden}.closing h2{font-size:clamp(42px,6vw,86px)}.closing>img{transform:rotate(var(--closing-r,0deg));transition:transform .15s linear}.motion-paused *, .motion-paused *:before,.motion-paused *:after{animation:none!important;transition:none!important}.motion-paused .reveal-ready{opacity:1;transform:none}
@media(max-width:700px){.hero{min-height:0}.hero h1{font-size:57px}.hero-device{width:265px}.motion-toggle{right:12px;bottom:12px}.motion-toggle span{display:none}.journey{height:290svh}.journey-sticky{height:100svh;min-height:600px;padding:22px 7%}.journey-layout{grid-template-columns:1fr;grid-template-rows:200px 1fr;gap:10px}.chapter-copy{min-height:200px}.chapter h2{font-size:35px;letter-spacing:-1.5px;margin:8px 0}.chapter h2 br{display:none}.chapter .index{margin:0}.chapter>p:not(.index){font-size:13px;line-height:1.6;margin:6px 0;max-width:340px}.chapter-detail{display:none}.journey-device{height:min(43svh,390px);border-radius:28px;padding:5px}.journey-screen{inset:5px;width:calc(100% - 10px)!important;height:calc(100% - 10px);border-radius:23px!important}.journey-halo{width:280px;height:280px}.orbit-label{right:-10px;bottom:17%;font-size:9px;max-width:150px;padding:10px}.journey-footer{padding-top:9px;font-size:9px}.journey-footer>span{display:none}.journey-footer>p{max-width:110px;line-height:1.5}.journey-heading .eyebrow{max-width:180px}.journey-counter span:first-child{font-size:24px}.turn-section{padding:65px 7%;gap:24px}.steps{margin-top:28px}.step{min-height:145px}.step h3{font-size:19px}.step p{font-size:13px}.exercise-stage{position:relative;top:0;margin-top:0;padding-top:0}.world-section{min-height:0;border-radius:28px 28px 0 0}.world-copy h2{font-size:44px}.world-art img{height:260px}.film-section{padding-top:70px;padding-bottom:70px}.film-poster{height:370px}.orbit-label{z-index:2}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.reveal-ready{opacity:1;transform:none}.hero-device,.journey-device,.world-art,.film-poster{transform:none!important}.journey{height:auto}.journey-sticky{height:auto;min-height:0;position:relative}.journey-layout{min-height:650px}.chapter{transition:none}.journey-footer>p{font-size:0}.journey-footer>p:after{content:'Choisissez un chapitre';font-size:10px}.step{min-height:150px}.exercise-stage{position:relative;top:0}}
.live-top{top:7%;z-index:2;background:#080b0b;padding:6px 0}.live-caption{left:0;right:0;bottom:10%;padding:30px 15px 13px;background:linear-gradient(transparent,#080b0b 65%)}.hero-device:after{height:9%}.feed-live{padding-bottom:10%}
.orbit-label{z-index:2}
