@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/_astro/instrument-sans-latin-ext-wght-normal.B5bTHO_g.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/_astro/instrument-sans-latin-wght-normal.BbzFLZTg.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--night:#06070b;--ink:#0e1018;--ink-2:#4a4e5a;--paper:#f4f5f8;--paper-2:#b5bac6;--dim:#8a8f9e;--fill:#c9f135;--on-fill:#10140a;--day:#e9ebf0;--sans:"Instrument Sans Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:ui-monospace, "Cascadia Mono", Consolas, monospace;--gutter:max(20px, 6vw);--n:0}*{box-sizing:border-box}html{background:var(--night)}body{background:var(--day);color:var(--ink);font:400 18px/1.5 var(--sans);margin:0;overflow-x:clip}h1,h2,p{margin:0}a{color:inherit}:focus-visible{outline-offset:3px;border-radius:6px;outline:2px solid}.top{z-index:30;padding:calc(22px + env(safe-area-inset-top,0px)) var(--gutter) 0;justify-content:space-between;align-items:center;gap:16px;display:flex;position:absolute;inset:0 0 auto}.word{letter-spacing:-.03em;color:var(--ink);align-items:center;gap:10px;font-size:25px;font-weight:600;text-decoration:none;display:flex}.top nav{color:var(--ink-2);align-items:center;gap:22px;font-size:15px;display:flex}.top nav a{color:var(--ink);text-underline-offset:4px;padding:8px 0}@media (width<=520px){.top nav span{display:none}}.story{padding:140px var(--gutter) 96px}.stage{gap:72px;display:grid}.poster,.stage canvas,.veil,.ruler,.hint{display:none}.shot{max-width:1240px;color:var(--ink);gap:16px;display:grid}.shot h1,.shot h2{letter-spacing:-.038em;text-wrap:balance;max-width:16ch;font-weight:600;line-height:.95}.shot h1{font-size:clamp(46px,7.6vw,120px)}.shot h2{font-size:clamp(32px,4.4vw,68px)}.shot p{color:var(--ink-2);max-width:44ch;font-size:clamp(17px,1.3vw,20px)}.still{border-radius:12px;max-width:100%;height:auto;margin-top:12px;display:block;box-shadow:0 24px 70px #0e101833}.still.bare{box-shadow:none;border-radius:0;max-width:min(100%,720px)}.live .story{height:1300vh;padding:0}.live .stage{background:radial-gradient(90% 75% at 62% 42%,#f7f7f4 0%,#e6e8ee 52%,#d3d7e0 100%);height:100svh;display:block;position:sticky;top:0;overflow:hidden}.live .stage:before{content:"";opacity:var(--n);background:radial-gradient(80% 70% at 60% 45%,#151a28 0%,#0a0c12 55%,#040508 100%);position:absolute;inset:0}.live .poster{z-index:1;transition:opacity .6s;display:block;position:absolute;inset:0}.live .poster img{object-fit:cover;width:100%;height:100%}.live .stage canvas{z-index:2;opacity:0;width:100%;height:100%;transition:opacity .6s;display:block;position:absolute;inset:0}.ready .poster{opacity:0}.ready .stage canvas{opacity:1}.live .veil{z-index:4;pointer-events:none;opacity:0;background:linear-gradient(0deg,#06070bd9 0%,#06070b00 16vh),linear-gradient(90deg,#06070bf5 0%,#06070bed 34%,#06070bb3 50%,#06070b00 68%);transition:opacity .5s;display:block;position:absolute;inset:0}.live .inside .veil{opacity:1}@media (width<=759px),(orientation:portrait){.live .veil{background:linear-gradient(#06070b00 34%,#06070b99 50%,#06070be6 64%,#06070bf5 100%)}}.live .shot{z-index:5;left:var(--gutter);pointer-events:none;opacity:0;width:min(600px,88vw);position:absolute;bottom:max(96px,15vh)}.live .shot.on{opacity:1}.live .shot.first{top:max(118px,17vh);bottom:auto}.live .shot h1,.live .shot h2{clip-path:inset(0 100% 0 0);transition:clip-path .7s cubic-bezier(.65,0,.2,1)}.live .shot.on h1,.live .shot.on h2{clip-path:inset(0 0 -.2em)}.live .shot p{opacity:0;transition:opacity .4s .26s}.live .shot.on p{opacity:1}.live .shot.night{color:var(--paper)}.live .shot.night p{color:var(--paper-2)}.live .still{display:none}.live .ruler{z-index:6;left:var(--gutter);right:var(--gutter);height:40px;color:var(--ink-2);transition:color .4s;display:block;position:absolute;bottom:max(22px,4vh)}.ruler .nums{font:500 12px/1 var(--mono);font-variant-numeric:tabular-nums;justify-content:space-between;display:flex;position:absolute;inset:0 0 auto}.ruler .nums span{justify-content:center;width:0;display:flex}.ruler.night{color:var(--dim)}.ruler .ticks{justify-content:space-between;align-items:end;height:22px;display:flex;position:absolute;inset:auto 0 0}.ruler .ticks i{opacity:.55;background:currentColor;width:1px;height:7px}.ruler .ticks i:nth-child(4n+1){opacity:.9;height:13px}.ruler .head{transform:translateX(calc(var(--p,0) * 100%));position:absolute;inset:0}.ruler .head:before{content:"";background:currentColor;width:2px;height:22px;position:absolute;bottom:0;left:0}.ruler.night .head:before{background:var(--fill)}.live .hint{z-index:6;right:var(--gutter);color:var(--ink-2);font-size:15px;transition:opacity .3s;display:block;position:absolute;bottom:calc(max(22px,4vh) + 52px)}.hint.off{opacity:0}.poster-mode,.poster-mode body,.poster-mode .live .stage,.poster-mode .stage{background:0 0}.poster-mode .stage:before,.poster-mode .shot,.poster-mode .ruler,.poster-mode .hint,.poster-mode .top,.poster-mode .poster{display:none}.poster-mode .stage canvas{transition:none}.end{background:var(--night);color:var(--paper);min-height:100svh;padding:18vh var(--gutter) 10vh;align-content:center;gap:20px;display:grid}.end h2{letter-spacing:-.038em;max-width:13ch;font-size:clamp(42px,6.6vw,104px);font-weight:600;line-height:.95}.end p{color:var(--paper-2);max-width:46ch}.end small{color:var(--dim);max-width:76ch;margin-top:36px;font-size:15px;line-height:1.55}.pied{background:var(--night);color:var(--dim);padding:32px var(--gutter) calc(40px + env(safe-area-inset-bottom,0px));flex-wrap:wrap;gap:8px 28px;font-size:15px;display:flex}.pied a{color:var(--paper-2);text-underline-offset:4px}.texte{padding:140px var(--gutter) 96px;max-width:calc(68ch + 2 * var(--gutter))}.texte h1{letter-spacing:-.035em;margin-bottom:40px;font-size:clamp(38px,5vw,64px);font-weight:600;line-height:1}.texte h2{letter-spacing:-.01em;margin:36px 0 10px;font-size:22px;font-weight:600}.texte p{color:var(--ink-2);margin-bottom:10px}.texte .todo{color:var(--ink);background:#fff3b8;border-radius:4px;padding:1px 4px}