@font-face{font-family:Inter;src:url(/fonts/Inter-latin.woff2)format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Mono;src:url(/fonts/Mono-latin.woff2)format("woff2");font-weight:100 800;font-display:swap}:root{--y:#ffc72c;--ink:#141414;--paper:#f6f4ee;--card:#fffdf8;--line:#e2ded4;--grey:#57534e;--soft:#f6f4eea8;--glass:#141414d6;--hair:#f6f4ee1a;--track-h:14px;--band:78px;--ease:cubic-bezier(.2, .8, .2, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0}body.pres{background:var(--ink);color:var(--paper);-webkit-font-smoothing:antialiased;font:14px/1.4 Inter,Arial,sans-serif;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;margin:0;padding:0}a{color:inherit}:where(a,button,iframe):focus-visible{outline:2px solid var(--y);outline-offset:2px}svg{display:block}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.stage{background:var(--ink);position:fixed;inset:0;overflow:hidden}.frame{z-index:1;border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.frame.is-pending{z-index:3;clip-path:inset(0 0 0 100%);pointer-events:none}.frame.is-entering{z-index:3}.shade{z-index:2;background:var(--ink);opacity:0;pointer-events:none;position:absolute;inset:0}.wipe{z-index:4;width:var(--band);visibility:hidden;pointer-events:none;color:var(--ink);background:var(--y);position:absolute;top:0;bottom:0;left:0;overflow:hidden;box-shadow:-24px 0 48px #00000059,24px 0 48px #00000059}.wipe-mark{background:var(--ink);border-radius:8px;width:150px;padding:9px 13px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-90deg)}.wipe-mark svg{width:100%;height:auto;color:var(--paper)}.splash{z-index:6;background:var(--ink);place-items:center;transition:opacity .6s,visibility .6s;display:grid;position:absolute;inset:0}.splash.is-gone{opacity:0;visibility:hidden}.splash-in{text-align:center;justify-items:center;gap:22px;padding:0 24px;display:grid}.splash-in>svg{border-radius:14px;width:64px;height:64px}.splash-bar{background:#f6f4ee1a;border-radius:1px;width:180px;height:8px;position:relative;overflow:hidden}.splash-bar i{background:var(--y);transform-origin:0;animation:splash 1.6s var(--ease) infinite;position:absolute;inset:0}@keyframes splash{0%{transform:scaleX(0)}70%{transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}.splash-text{letter-spacing:.02em;color:var(--soft);margin:0;font:500 12px/1.5 Mono,monospace}.splash-text b{color:var(--paper);margin-top:2px;font-weight:500;display:block}.noscript{z-index:7;background:var(--ink);padding:48px 20px;position:absolute;inset:0;overflow:auto}.track{z-index:20;height:calc(var(--track-h) + env(safe-area-inset-bottom));box-shadow:0 -1px 0 var(--hair);transition:transform .4s var(--ease);background:#141414c7;position:fixed;bottom:0;left:0;right:0;overflow:hidden}.track:before{content:"";left:0;right:0;top:calc(var(--track-h) / 2);background:#f6f4ee24;height:2px;margin-top:-1px;position:absolute}.track-fill{position:absolute;inset:0;transform:translate(-100%)}.track-fill:before{content:"";left:0;right:0;top:calc(var(--track-h) / 2);background:var(--y);height:4px;margin-top:-2px;position:absolute}.track-fill:after{content:"";right:0;top:calc(var(--track-h) / 2);background:var(--y);border-radius:50%;width:10px;height:10px;margin:-5px -5px 0 0;position:absolute}.pres:not([data-mode=defile]) .track{transform:translateY(101%)}.is-paused .track-fill:before,.is-paused .track-fill:after{background:#e9b524}.dock{z-index:30;left:50%;bottom:calc(var(--track-h) + 14px + env(safe-area-inset-bottom));pointer-events:none;flex-direction:column;align-items:center;gap:10px;width:max-content;max-width:calc(100vw - 24px);display:flex;position:fixed;transform:translate(-50%)}.pres:not([data-mode=defile]) .dock{bottom:calc(18px + env(safe-area-inset-bottom))}.dock>*{pointer-events:auto}.bar{color:var(--paper);background:var(--glass);-webkit-backdrop-filter:blur(16px)saturate(1.3);backdrop-filter:blur(16px)saturate(1.3);box-shadow:inset 0 0 0 1px var(--hair), 0 12px 36px #00000057;transition:transform .45s var(--ease), opacity .35s ease;border-radius:999px;align-items:center;gap:6px;padding:5px;display:flex}.dock.is-idle .bar{opacity:0;transform:translateY(14px)}.dock.is-idle .bar:focus-within{opacity:1;transform:none}.bar-mark svg{border-radius:8px;width:30px;height:30px}.bar-mark{padding-left:2px}.modes{background:#f6f4ee0f;border-radius:999px;gap:2px;padding:3px;display:flex}.modes button{height:32px;color:var(--soft);white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:0 13px 0 11px;font-size:13px;font-weight:550;transition:background .2s,color .2s;display:inline-flex}.modes button svg{width:17px;height:17px}.modes button:hover{color:var(--paper);background:#f6f4ee0f}.modes button[aria-pressed=true]{color:var(--ink);background:var(--paper)}.ctl{border-left:1px solid var(--hair);align-items:center;gap:8px;min-width:0;margin-left:2px;padding:0 4px 0 10px;display:none}[data-mode=defile] .ctl-defile,[data-mode=carrousel] .ctl-carrousel,[data-mode=vitrine] .ctl-vitrine{display:flex}.round{background:#f6f4ee14;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;transition:background .2s,transform .2s;display:grid}.round svg{width:18px;height:18px}.round:hover{background:#f6f4ee29}.round:active{transform:scale(.94)}.play{background:var(--y);color:var(--ink)}.play:hover{background:#ffd457}.play .i-pause,.is-paused .play .i-play{display:block}.play .i-play,.is-paused .play .i-pause{display:none}.now{align-items:center;gap:8px;min-width:0;max-width:220px;display:flex}.now-letter,.card-letter,.cap-letter{color:var(--ink);background:var(--y);flex:none;justify-content:center;align-items:center;font:700 12px/1 Mono,monospace;display:inline-flex}.now-letter{border-radius:6px;width:24px;height:24px}:is(.now-letter,.card-letter,.cap-letter,.dot) sub{vertical-align:baseline;margin-left:.05em;font-size:.62em;position:relative;top:.1em}.now-title{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:550;overflow:hidden}.durations{background:#f6f4ee0f;border-radius:999px;gap:1px;padding:2px;display:flex}.durations button{min-width:34px;height:28px;color:var(--soft);border-radius:999px;padding:0 8px;font:550 12px/1 Mono,monospace}.durations button small{opacity:.7;font-size:10px}.durations button:hover{color:var(--paper)}.durations button[aria-pressed=true]{background:var(--paper);color:var(--ink)}.dots{scrollbar-width:none;gap:3px;max-width:min(500px,34vw);padding:2px;display:flex;position:relative;overflow-x:auto}.dots::-webkit-scrollbar{display:none}.dot{width:27px;height:27px;color:var(--soft);border-radius:7px;flex:none;justify-content:center;align-items:center;font:600 11.5px/1 Mono,monospace;transition:background .2s,color .2s;display:inline-flex}.dot:hover{color:var(--paper);background:#f6f4ee1a}.dot[aria-current=true]{background:var(--y);color:var(--ink)}.counter{color:var(--soft);white-space:nowrap;padding:0 2px;font:500 12px/1 Mono,monospace}.counter b{color:var(--paper);font-weight:600}.pill{white-space:nowrap;background:var(--y);height:34px;color:var(--ink);border-radius:999px;align-items:center;gap:8px;padding:0 16px 0 13px;font-size:13px;font-weight:600;transition:background .2s,transform .2s;display:inline-flex}.pill svg{width:17px;height:17px}.pill:hover{background:#ffd457}.pill:active{transform:scale(.97)}.pill.ghost{color:var(--paper);background:#f6f4ee14}.pill.ghost:hover{background:#f6f4ee29}.pill[hidden],.pill .short{display:none}.shelf-toggle[aria-expanded=true]{background:var(--paper)}.aux{border-left:1px solid var(--hair);align-items:center;gap:2px;margin-left:2px;padding-left:8px;display:flex}.status{color:var(--soft);white-space:nowrap;font:500 11px/1 Mono,monospace}.status:not(:empty){padding:0 6px}.is-loading .status:not(:empty):before{content:"";background:var(--y);vertical-align:1px;border-radius:1px;width:6px;height:6px;margin-right:6px;animation:1s ease-in-out infinite blink;display:inline-block}@keyframes blink{50%{opacity:.25}}.icon-btn{width:34px;height:34px;color:var(--soft);border-radius:50%;place-items:center;text-decoration:none;transition:background .2s,color .2s;display:grid}.icon-btn svg{width:18px;height:18px}.icon-btn:hover{color:var(--paper);background:#f6f4ee1a}.lang{letter-spacing:.04em;min-width:34px;height:34px;color:var(--paper);background:#f6f4ee14;border-radius:999px;place-items:center;padding:0 8px;font:600 11.5px/1 Mono,monospace;text-decoration:none;display:grid}.lang:hover{background:#f6f4ee29}.caption{background:var(--paper);color:var(--ink);opacity:0;transition:opacity .35s ease, transform .5s var(--ease);border-radius:14px;align-items:center;gap:12px;padding:7px 18px 7px 7px;display:flex;transform:translateY(10px)scale(.98);box-shadow:0 16px 40px #0000004d,0 0 0 1px #1414140f;pointer-events:none!important}.caption.is-on{opacity:1;transform:none}.cap-letter{border-radius:9px;width:42px;height:42px;font-size:19px}.cap-text{gap:2px;display:grid}.cap-text strong{letter-spacing:-.02em;white-space:nowrap;font-size:18px;font-weight:650;line-height:1.1}.cap-text small{color:var(--grey);white-space:nowrap;font:500 11px/1.2 Mono,monospace}.shelf{background:var(--paper);width:min(1200px,100vw - 24px);color:var(--ink);opacity:0;transition:opacity .25s ease, transform .4s var(--ease);border-radius:18px;position:relative;overflow:hidden;transform:translateY(18px);box-shadow:0 34px 90px #00000080,0 0 0 1px #14141414}.shelf.is-open{opacity:1;transform:none}.shelf[hidden]{display:none}.shelf:before{content:"";background:var(--y);height:6px;display:block}.shelf-head{align-items:center;gap:12px;padding:16px 14px 6px 22px;display:flex}.shelf-head h2{letter-spacing:-.025em;margin:0;font-size:19px;font-weight:650}.shelf-count{color:var(--grey);font:500 11.5px/1 Mono,monospace}.shelf-tools{gap:2px;margin-left:auto;display:flex}.shelf .icon-btn{color:var(--grey)}.shelf .icon-btn:hover{color:var(--ink);background:#1414140f}.cards{scroll-snap-type:x proximity;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#cfc9bb transparent;gap:14px;margin:0;padding:8px 22px 22px;scroll-padding:0 22px;list-style:none;display:flex;overflow-x:auto}.cards li{scroll-snap-align:start;flex:0 0 236px;display:flex}.card{text-align:left;background:var(--card);width:100%;box-shadow:0 0 0 1px var(--line);transition:transform .25s var(--ease), box-shadow .25s;border-radius:13px;flex-direction:column;padding:7px;display:flex;position:relative}.card:hover{box-shadow:0 0 0 1px var(--ink), 0 14px 26px #1414141a;transform:translateY(-3px)}.card[aria-current=true]{box-shadow:0 0 0 2px var(--ink)}.card:focus-visible{outline-offset:3px}.card-img{aspect-ratio:16/10;background:#e7e2d6;border-radius:8px;display:block;position:relative;overflow:hidden}.card-img img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease);display:block}.card:hover .card-img img{transform:scale(1.035)}.card-img.no-img img{visibility:hidden}.card-img.no-img{background:linear-gradient(90deg,#14141440 1px,#0000 1px) 0 0/12px 6px repeat-x,#ece7da}.card-flag:not(:empty){letter-spacing:.03em;color:var(--paper);background:#141414db;border-radius:6px;padding:5px 8px;font:600 10px/1 Mono,monospace;position:absolute;top:7px;left:7px}.card[aria-current=true] .card-flag:before{content:"";background:var(--y);vertical-align:0;border-radius:1px;width:6px;height:6px;margin-right:6px;display:inline-block}.card-busy{background:var(--y);transform-origin:0;height:5px;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.card.is-loading .card-busy{animation:splash 1.4s var(--ease) infinite}.card-head{align-items:center;gap:10px;padding:11px 4px 4px;display:flex}.card-letter{border-radius:7px;width:30px;height:30px;font-size:13px}.card-title{gap:2px;min-width:0;display:grid}.card-title strong{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;font-weight:620;overflow:hidden}.card-title small{color:var(--grey);white-space:nowrap;text-overflow:ellipsis;font:500 10.5px/1.2 Mono,monospace;overflow:hidden}.card-sum{-webkit-line-clamp:2;line-clamp:2;color:var(--grey);-webkit-box-orient:vertical;min-height:calc(2.84em + 6px);padding:3px 4px;font-size:12.5px;line-height:1.42;display:-webkit-box;overflow:hidden}@media (width<=1180px){.counter{display:none}.dots{max-width:min(470px,30vw)}}@media (width<=1000px){.modes button{padding:0 11px}.modes button svg{display:none}.now{max-width:150px}}@media (width<=760px){:root{--band:54px;--track-h:14px}.dock{width:calc(100vw - 16px);max-width:none;bottom:calc(var(--track-h) + 8px + env(safe-area-inset-bottom))}.pres:not([data-mode=defile]) .dock{bottom:calc(10px + env(safe-area-inset-bottom))}.bar{border-radius:20px;flex-wrap:wrap;gap:6px;width:100%;padding:6px}.bar-mark{display:none}.ctl{border:0;flex:100%;order:1;gap:6px;margin:0;padding:0}.modes{flex:auto;order:2}.modes button{flex:1 1 0;justify-content:center;padding:0 6px;font-size:12.5px}.aux{order:3;margin:0;padding-left:4px}.aux .copy,.status{display:none}.now{flex:auto;max-width:none}.durations button{min-width:0;padding:0 7px}.dots{flex:auto;max-width:none}.ctl-vitrine .pill{flex:auto;justify-content:center}.ctl-vitrine .pill.home{flex:0 auto}.pill .long{display:none}.pill .short{display:inline}.shelf{border-radius:16px;width:100%}.shelf-head{gap:10px;padding:12px 8px 2px 16px}.shelf-head h2{white-space:nowrap;font-size:16px}.shelf-count{white-space:nowrap}.shelf-tools{display:none}.shelf-close{margin-left:auto}.cards{gap:10px;padding:8px 16px 16px;scroll-padding:0 16px}.cards li{flex-basis:min(72vw,260px)}.wipe-mark{width:118px;padding:7px 10px}.caption{max-width:100%}.cap-text strong{font-size:16px}}@media (width<=380px){.modes button{padding:0 4px;font-size:12px}}@media (pointer:coarse){.modes button,.pill{height:44px}.round,.icon-btn{width:44px;height:44px}.lang{min-width:44px;height:44px}.dot{border-radius:10px;width:44px;height:44px}.durations button{min-width:44px;height:44px}.bar{padding:4px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important;animation-duration:0s!important;animation-iteration-count:1!important}.card:hover,.card:hover .card-img img{transform:none}}
