.hh-ghost{--gx:79;--gy:27;--gw:11;z-index:2;left:calc((var(--gx) - var(--x0)) / (var(--x1) - var(--x0)) * 100%);top:calc((var(--gy) - var(--y0)) / (var(--y1) - var(--y0)) * 100%);width:calc(var(--gw) / (var(--x1) - var(--x0)) * 100%);opacity:.85;position:absolute}.hh-ghost-bob,.hh-ghost img{width:100%;height:auto;display:block}.hh-sky,.hh-bats{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.hh-bat{top:var(--top);width:var(--size);opacity:0;position:absolute;left:0;translate:-120%}.hh-bat.is-reversed{left:auto;right:0;translate:120%}.hh-bat-bob{display:block}.hh-bat-wings{aspect-ratio:128/83;display:block;overflow:hidden}.hh-bat-wings img{width:200%;max-width:none;height:100%;display:block}.hh-spider{width:34px;position:absolute;top:0;left:calc(50% + 500px)}.hh-spider-drop{display:block;position:relative;transform:translateY(210px)}.hh-spider-drop:before{content:"";background:#2a244059;width:1px;height:640px;position:absolute;bottom:55%;left:50%;translate:-50%}.hh-spider-swing,.hh-spider img{width:100%;height:auto;display:block}@media (max-width:1100px){.hh-spider{width:26px;left:auto;right:5%}}@media (max-width:767px){.hh-spider{display:none}}@media (prefers-reduced-motion:no-preference){.hh-ghost{animation:11s ease-in-out infinite both hh-peek}.hh-ghost-bob{animation:1.4s ease-in-out infinite alternate hh-float}.hh-bat{animation:hh-fly var(--cycle) linear var(--delay) infinite}.hh-bat.is-reversed{animation-name:hh-fly-back}.hh-bat-bob{animation:.9s ease-in-out infinite alternate hh-float}.hh-bat-wings img{animation:.32s steps(2,end) infinite hh-flap}.hh-spider-drop{animation:12s infinite hh-drop}.hh-spider-swing{transform-origin:50% 0;animation:1.6s ease-in-out infinite alternate hh-wiggle}.hh-sky:not(.is-on) *{animation-play-state:paused!important}}@media (prefers-reduced-motion:reduce){.hh-bats{display:none}}@keyframes hh-peek{0%,8%{opacity:0;transform:translate(140%)}18%,62%{opacity:.85;transform:translate(0)}74%,to{opacity:0;transform:translate(140%)}}@keyframes hh-float{0%{transform:translateY(-7%)}to{transform:translateY(7%)}}@keyframes hh-fly{0%{opacity:1;transform:translate(0)}42%{opacity:1;transform:translate(calc(100vw + 240%))}42.1%,to{opacity:0;transform:translate(calc(100vw + 240%))}}@keyframes hh-fly-back{0%{opacity:1;transform:translate(0)}42%{opacity:1;transform:translate(calc(-100vw - 240%))}42.1%,to{opacity:0;transform:translate(calc(-100vw - 240%))}}@keyframes hh-flap{to{transform:translate(-100%)}}@keyframes hh-drop{0%,12%{animation-timing-function:cubic-bezier(.3,.7,.4,1);transform:translateY(-90px)}32%{animation-timing-function:ease-in-out;transform:translateY(210px)}36%{animation-timing-function:ease-in-out;transform:translateY(196px)}40%,72%{animation-timing-function:ease-in;transform:translateY(210px)}92%,to{transform:translateY(-90px)}}@keyframes hh-wiggle{0%{transform:rotate(-5deg)}to{transform:rotate(5deg)}}
.hc-clair{--hdf-ink:#2a2440;--hdf-card:#fff;--hdf-text:#1a1625;--hdf-muted:#6b6478;--hdf-done:#0b7a55;--hdf-track-bg:#ece8f3;--hdf-accent:#6b4ed4;--hdf-dim:#f5f3f8c7}.hdf-root{pointer-events:none;width:max(100%,1440px);position:absolute;bottom:0;left:50%;translate:-50%}.hdf-band{aspect-ratio:4.5;--hdf-room:25cqw;--hdf-fs:.75cqw;--hdf-label-fs:.65cqw;--hdf-unit:.25cqw;--hdf-vunit:calc(100cqw / 4.5 / 66.67);position:relative;overflow:clip;container-type:inline-size}.hdf-track{height:100%;display:flex;position:absolute;inset:0 auto 0 0}.hdf-band .hdf-room{width:var(--hdf-room);flex:none;height:100%}.hdf-still{--hdf-person-o:.6;--hdf-label-o:.6;--hdf-task-o:.65}.hdf-band .hdf-back,.hdf-band .hdf-front{opacity:.55;-webkit-mask-image:linear-gradient(#0000 0%,#00000059 30%,#000 78%);mask-image:linear-gradient(#0000 0%,#00000059 30%,#000 78%)}.hdf-room{--hdf-zoom:calc(100 / (var(--x1) - var(--x0)));position:relative}.hdf-clip{position:absolute;inset:0;overflow:hidden}.hdf-back,.hdf-front{position:absolute;inset:0}.hdf-front{z-index:3}.hdf-decor{max-width:none;width:calc(400% * var(--hdf-zoom));height:calc(100% * 100 / (var(--y1) - var(--y0)));left:calc(-1 * (var(--slot) * 100 + var(--x0)) / (var(--x1) - var(--x0)) * 100%);top:calc(-1 * var(--y0) / (var(--y1) - var(--y0)) * 100%);position:absolute}.hdf-person{z-index:1;opacity:var(--hdf-person-o,1);left:calc((var(--l) - var(--x0)) / (var(--x1) - var(--x0)) * 100%);top:calc((var(--t) - var(--y0)) / (var(--y1) - var(--y0)) * 100%);width:calc(var(--w) / (var(--x1) - var(--x0)) * 100%);height:calc(var(--h) / (var(--y1) - var(--y0)) * 100%);position:absolute;overflow:hidden}.hdf-sheet{width:400%;max-width:none;height:100%;position:absolute;top:0;left:0}.hdf-glass{background:linear-gradient(112deg, transparent 0 38%, var(--hbo-shine) 38% 43%, transparent 43% 47%, var(--hbo-shine) 47% 49%, transparent 49%), var(--hbo-tint);position:absolute;inset:0}.hdf-beam,.hdf-sill{background:var(--hbo-wall);position:absolute;left:0;right:0}.hdf-beam{height:9%;box-shadow:inset 0 -3px 0 var(--hbo-wall-dark), inset 0 3px 0 var(--hbo-wall-light);top:0}.hdf-sill{height:6%;box-shadow:inset 0 3px 0 var(--hbo-wall-light), 0 -3px 0 var(--hbo-wall-dark);bottom:0}.hdf-mullion,.hdf-mullion:after{background:var(--hbo-wall);width:3.2%;position:absolute;top:0;bottom:0}.hdf-mullion{box-shadow:inset -3px 0 0 var(--hbo-wall-dark);left:0}.hdf-mullion:after{content:"";box-shadow:inset 3px 0 0 var(--hbo-wall-light);left:3025%}.hdf-label{opacity:var(--hdf-label-o,1);z-index:4;left:calc((var(--x) - var(--x0)) / (var(--x1) - var(--x0)) * 100%);top:calc((var(--feet) - var(--y0)) / (var(--y1) - var(--y0)) * 100%);font-family:var(--font-display);font-size:calc(var(--hdf-label-fs) * var(--hdf-zoom));white-space:nowrap;background:#fffffff0;border:1px solid #1a162514;border-radius:999px;align-items:center;gap:.3em;padding:.22em .55em .22em .45em;line-height:1.1;display:inline-flex;position:absolute;translate:-50% 12%;box-shadow:0 4px 10px -8px #00000080}.hdf-label-dot{background:#34d399;border-radius:50%;width:.5em;height:.5em}.hdf-label-name{color:var(--hdf-text);font-weight:700}.hdf-label-role{color:var(--hdf-muted);font-weight:500}.hdf-win{z-index:5;position:absolute;inset:0}.hdf-task{opacity:var(--hdf-task-o,1);z-index:5;left:calc((var(--x) - var(--x0)) / (var(--x1) - var(--x0)) * 100%);top:calc((var(--head) - var(--y0)) / (var(--y1) - var(--y0)) * 100%);font-size:calc(var(--hdf-fs) * var(--hdf-zoom));display:grid;position:absolute;translate:-50% calc(-100% - .9em)}.hdf-beat{background:var(--hdf-card);width:max-content;max-width:20em;color:var(--hdf-text);font-family:var(--font-display);font-variant-ligatures:no-common-ligatures;box-shadow:0 -2px 0 0 var(--hdf-ink), 0 2px 0 0 var(--hdf-ink), -2px 0 0 0 var(--hdf-ink), 2px 0 0 0 var(--hdf-ink), 0 7px 0 0 #1a16251f;grid-area:1/1;place-self:end center;align-items:center;gap:.55em;padding:.5em .75em .5em .6em;font-weight:600;line-height:1.2;display:flex;position:relative}.hdf-beat:after{content:"";background:var(--hdf-ink);clip-path:polygon(0 0,100% 0,100% 50%,67% 50%,67% 100%,33% 100%,33% 50%,0 50%);width:.8em;height:.5em;position:absolute;top:100%;left:50%;translate:-50% 2px}.hdf-beat.is-done{color:var(--hdf-done)}.hdf-ico{flex:none;width:1.3em;height:1.3em}.hdf-ico svg{width:100%;height:100%;display:block}.hdf-beat-body{flex-direction:column;gap:.25em;min-width:0;display:flex}.hdf-beat-sub{font-family:var(--font-sans);color:var(--hdf-muted);font-size:.82em;font-weight:500}.hdf-stars{gap:.12em;height:.85em;display:flex}.hdf-stars svg{width:auto;height:100%}.hdf-progress{background:var(--hdf-track-bg);width:9em;height:.45em;display:block}.hdf-progress i{background:var(--hdf-accent);transform-origin:0;height:100%;display:block}.hdf-dots{vertical-align:middle;gap:.18em;margin-left:.3em;display:inline-flex}.hdf-dots i{background:currentColor;width:.25em;height:.25em}.hdf-beat-0,.hdf-beat-1{opacity:0}.hdf-spot{z-index:5;background:linear-gradient(90deg, var(--hdf-dim) 0 35.5%, transparent 37.5% 62.5%, var(--hdf-dim) 64.5% 100%);position:absolute;inset:0}.hdf-steps{z-index:6;display:grid;position:absolute;top:1.5%;left:50%;translate:-50%}.hdf-step{background:var(--hdf-text);color:#fff;font-family:var(--font-display);white-space:nowrap;box-shadow:0 -2px 0 0 var(--hdf-text), 0 2px 0 0 var(--hdf-text);grid-area:1/1;justify-self:center;align-items:baseline;gap:.35em;padding:.35em .8em;font-size:.85cqw;font-weight:600;display:inline-flex;position:static}.hdf-step b{color:#c4b0fd;font-weight:800}.hdf-step-total{color:#a39fae;margin-left:-.3em}.hdf-stops .hdf-track{transform:var(--first)}.hdf-stops .hdf-win{opacity:0}.hdf-stops.hdf-dir-droite .hdf-track>.hdf-room:nth-child(16) .hdf-win,.hdf-stops.hdf-dir-gauche .hdf-track>.hdf-room:nth-child(9) .hdf-win,.hdf-steps>.hdf-step:first-child{opacity:1}.hdf-reel{pointer-events:none;--hdf-card-w:clamp(220px, 20vw, 300px);--hdf-card-gap:clamp(14px, 1.6vw, 24px);position:absolute;bottom:clamp(1.5rem,4svh,2.5rem);left:0;right:0;overflow:clip;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.hdf-reel-track{width:max-content;padding-top:.5rem;display:flex}.hdf-card{width:var(--hdf-card-w);margin:0 var(--hdf-card-gap) 0 0;--hdf-fs:2.5cqw;--hdf-label-fs:1.9cqw;flex:none;container-type:inline-size}.hdf-card .hdf-room{background:var(--hdf-card);width:100%;box-shadow:0 -3px 0 0 var(--hdf-ink), 0 3px 0 0 var(--hdf-ink), -3px 0 0 0 var(--hdf-ink), 3px 0 0 0 var(--hdf-ink), 0 10px 0 0 #1a16251a}.hdf-card .hdf-back{opacity:.85}.hdf-card figcaption{font-family:var(--font-display);color:var(--hc-text);justify-content:center;align-items:baseline;gap:.45em;margin-top:.9rem;font-size:.85rem;font-weight:600;display:flex}.hdf-card figcaption b{background:var(--hdf-accent);color:#fff;place-items:center;min-width:1.5em;height:1.5em;font-size:.75rem;font-weight:800;display:inline-grid}.hc-pad-defile{padding-bottom:calc(max(100vw,1440px)/4.5 + 2rem)}.hc-pad-reel{padding-bottom:calc(clamp(220px,20vw,300px)/1.02 + 6.5rem)}@media (prefers-reduced-motion:no-preference){.hdf-sheet{animation:.9s steps(4,end) infinite hdf-frames}.hdf-standing .hdf-sheet{animation-duration:1.8s}.hdf-beat-0{animation:hdf-b0 var(--period,9s) linear var(--delay,0s) infinite both}.hdf-beat-1{animation:hdf-b1 var(--period,9s) linear var(--delay,0s) infinite both}.hdf-beat-2{animation:hdf-b2 var(--period,9s) linear var(--delay,0s) infinite both}.hdf-progress i{animation:hdf-fill var(--period,9s) steps(8, end) var(--delay,0s) infinite both}.hdf-dots i{animation:.9s steps(2,end) infinite hdf-dot}.hdf-dots i:nth-child(2){animation-delay:.15s}.hdf-dots i:nth-child(3){animation-delay:.3s}.hdf-stops .hdf-track{animation:var(--stops) var(--cycle) ease-in-out infinite}.hdf-stops .hdf-win{animation:hdf-win var(--cycle) linear var(--win-delay) infinite both}.hdf-reel-track{animation:hdf-reel var(--hdf-dur) linear infinite}.hdf-reel.hdf-dir-gauche .hdf-reel-track{animation-direction:reverse}.hdf-root:not(.is-on) *,.hdf-reel:not(.is-on) *{animation-play-state:paused!important}}@keyframes hdf-frames{to{transform:translate(-100%)}}@keyframes hdf-reel{0%{transform:translate(-50%)}to{transform:translate(0)}}@keyframes hdf-b0{0%{opacity:0;transform:translateY(.4em)}3%,27%{opacity:1;transform:none}30%,to{opacity:0;transform:translateY(-.3em)}}@keyframes hdf-b1{0%,28%{opacity:0;transform:translateY(.4em)}31%,50%{opacity:1;transform:none}53%,to{opacity:0;transform:translateY(-.3em)}}@keyframes hdf-b2{0%,51%{opacity:0;transform:scale(.9)}54%{opacity:1;transform:scale(1.07)}57%,74%{opacity:1;transform:none}78%,to{opacity:0;transform:translateY(-.3em)}}@keyframes hdf-fill{0%,31%{transform:scaleX(.05)}49%,to{transform:scaleX(1)}}@keyframes hdf-dot{0%{opacity:1}50%{opacity:.25}}