.hw{--hw-nuit:#1b1030;--hw-nuit-2:#2e1b4a;--hw-violet:#5e3b8f;--hw-violet-l:#b9a0e8;--hw-crepuscule:#e9803f;--hw-citrouille:#f07a2b;--hw-citrouille-d:#c8551a;--hw-citrouille-l:#ffb35c;--hw-flamme:#ffd36b;--hw-sorciere:#8fd07f;--hw-creme:#f6ebda;--hw-encre:#1e1426;--hw-lune:#ffdda6;--hw-fd:var(--font-pop-display),"Bricolage Grotesque",system-ui,sans-serif;--hw-fb:var(--font-pop-body),"Hanken Grotesk",system-ui,sans-serif;--hw-fh:var(--font-pop-hand),"Caveat",cursive;background:var(--hw-nuit);isolation:isolate;height:clamp(620px,88vh,740px);font-family:var(--hw-fb);color:var(--hw-creme);position:relative;overflow:hidden}.hw *,.hw :before,.hw :after{box-sizing:border-box}.hw-sky{background:linear-gradient(#170c2a 0%,var(--hw-nuit-2) 34%,#4a2a5e 56%,#8e4652 74%,var(--hw-crepuscule) 90%,#f2a35c 100%);position:absolute;inset:0}.hw-flash{opacity:0;pointer-events:none;background:radial-gradient(ellipse 70% 80% at var(--fx,60%) 18%,#cebaf6f2,#a082dc99 42%,#785ab400 78%);position:absolute;inset:0}.hw-l{width:calc(100% + 80px);height:calc(100% + 28px);transform:translate3d(var(--px,0),var(--py,0),0);will-change:transform;pointer-events:none;position:absolute;inset:-14px -40px}.hw-l,.hw-pp,.hw-pile,.hw-gar,.hw-web,[data-hw=house],.hw-gbub{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.hw-bolt{width:100%;height:100%;inset:0;transform:none}.hw-tw{animation:hw-tw var(--t,3s) ease-in-out var(--dl,0s) infinite alternate}@keyframes hw-tw{0%{opacity:.2}to{opacity:.9}}.hw-halo{transform-box:fill-box;transform-origin:50%;animation:6s ease-in-out infinite alternate hw-halo}@keyframes hw-halo{0%{opacity:1}to{opacity:.6;transform:scale(1.1)}}.hw-moonhit{pointer-events:auto;cursor:pointer;-webkit-touch-callout:none}.hw-moonb{transform-box:fill-box;transform-origin:50%;transition:transform .6s cubic-bezier(.3,1.4,.5,1),filter .6s}.press .hw-moonb{filter:brightness(1.12);transform:scale(1.08)}.hw-webhit{pointer-events:auto;cursor:pointer}.hw-cloud{animation:hw-drift var(--t,140s) linear var(--dl,0s) infinite}@keyframes hw-drift{0%{transform:translate(-520px)}to{transform:translate(1960px)}}.hw-tree{transform-box:fill-box;transform-origin:50% 100%;animation:hw-sway var(--t,5s) ease-in-out var(--dl,0s) infinite alternate}@keyframes hw-sway{0%{transform:rotate(-1.2deg)}to{transform:rotate(1deg)skew(.6deg)}}[data-hw=house],[data-hw=house] *{pointer-events:visiblePainted;cursor:pointer}.hw-hb{transform-box:fill-box;transform-origin:50% 100%}.hw-hb.hw-bnc{animation:.55s cubic-bezier(.3,1.6,.5,1) hw-bnc}@keyframes hw-bnc{22%{transform:scale(1.07,.88)skew(-2deg)}48%{transform:translateY(-8px)scale(.95,1.08)skew(2deg)}74%{transform:scale(1.02,.98)}}.hw-hb.hw-rum{animation:.14s linear infinite hw-rum}.hw-hb.hw-rum .hw-win{animation:.8s step-end infinite hw-wfl}@keyframes hw-rum{0%,to{transform:none}25%{transform:translate(-1.2px)rotate(-.4deg)}75%{transform:translate(1.2px)rotate(.4deg)}}@keyframes hw-wfl{0%{fill:var(--hw-flamme)}50%{fill:var(--hw-sorciere)}}.hw-win{animation:3.4s step-end infinite hw-flick}.hw-win.w2{animation-duration:4.3s;animation-delay:-1.6s}@keyframes hw-flick{0%,to{fill:#ffb347}44%{fill:var(--hw-flamme)}47%{fill:var(--hw-citrouille)}50%{fill:#ffb347}82%{fill:#ffc86b}}.hw-glow{animation:3s ease-in-out infinite alternate hw-glow}@keyframes hw-glow{to{opacity:.12}}.hw-door{transform-box:fill-box;transform-origin:0}.hw-puff{transform-box:fill-box;transform-origin:50%;animation:4.6s ease-out infinite hw-puff}@keyframes hw-puff{0%{opacity:0;transform:translate(0)scale(.4)}15%{opacity:.5}to{opacity:0;transform:translate(var(--dx,-30px),-120px) scale(2.4)}}.hw-mistL{z-index:1}.hw-mist{width:80%;height:110px;animation:hw-mist var(--t,24s) ease-in-out var(--dl,0s) infinite alternate;background:radial-gradient(#cdbeeb42,#cdbeeb00 70%);border-radius:50%;position:absolute;left:-20%}@keyframes hw-mist{0%{transform:translate(0)scaleY(1)}to{transform:translate(70%)scaleY(1.25)}}.hw-bats{z-index:1}.hw-bat{pointer-events:auto;cursor:pointer}.hw-wings{transform-box:fill-box;transform-origin:50% 40%;animation:hw-flap .2s ease-in-out var(--dl,0s) infinite alternate}@keyframes hw-flap{0%{transform:scaleY(1)}to{transform:scaleY(-.45)}}.hw-ghostL{z-index:1}.hw-gclip{position:absolute;top:0;left:0;right:0;overflow:hidden}.hw-ghost{transform-origin:50% 60%;will-change:transform;position:absolute}.hw-ghost svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.hw-gbub{z-index:2;transform-origin:50% 100%;opacity:0;background:var(--hw-creme);color:var(--hw-encre);font:800 15px var(--hw-fd);white-space:nowrap;pointer-events:none;border-radius:16px;padding:7px 13px;transition:transform .4s cubic-bezier(.3,1.7,.5,1),opacity .2s;position:absolute;transform:translate(-50%,-100%)scale(.4);box-shadow:0 10px 24px -10px #0009}.hw-gbub.on{opacity:1;transform:translate(-50%,-100%)scale(1)}.hw-gbub.side{transform-origin:50% 0;transform:translate(-50%)scale(.4)}.hw-gbub.side.on{transform:translate(-50%)scale(1)}.hw-soot{background:var(--hw-sorciere);pointer-events:none;border-radius:50%;position:absolute}.hw-stage{pointer-events:none;z-index:2}.hw-stage>*{pointer-events:auto}.hw-pp{z-index:2;aspect-ratio:1;cursor:pointer;background:0 0;border:0;width:clamp(230px,25vw,370px);padding:0;position:absolute;bottom:calc(4% + 22px);right:calc(12% + 40px)}.hw-ppi{transform-origin:50% 92%;width:100%;height:100%;display:block}.hw-ppi svg{width:100%;height:100%;display:block;overflow:visible}.hw-pp:hover .hw-ppi{animation:.6s cubic-bezier(.3,1.6,.5,1) hw-wob}.hw-pp.stir .hw-stir,.hw-pp.stir .hw-swirl{animation-duration:.45s}.hw-pp.bloub .hw-bloub{animation:.9s cubic-bezier(.3,1.4,.5,1) hw-bloub}@keyframes hw-bloub{0%{opacity:1;transform:scale(0)}55%{opacity:1;transform:translateY(-10px)scale(1.25)}62%{opacity:0;transform:translateY(-12px)scale(1.5)}to{opacity:0}}@keyframes hw-wob{30%{transform:rotate(-3deg)scale(1.02)}60%{transform:rotate(2deg)}}.hw-bub{transform-origin:90% 100%;opacity:0;background:var(--hw-creme);color:var(--hw-encre);font:800 16px var(--hw-fd);white-space:nowrap;pointer-events:none;border-radius:18px 18px 4px;padding:10px 16px;transition:transform .45s cubic-bezier(.3,1.7,.5,1),opacity .2s;position:absolute;top:-4%;left:4%;transform:translate(-60%)scale(.4);box-shadow:0 10px 24px -10px #0009}.hw-bub.on{opacity:1;transform:translate(-60%)scale(1)}.hw-pile{z-index:1;aspect-ratio:1.23;cursor:pointer;background:0 0;border:0;width:clamp(130px,13vw,190px);padding:0;position:absolute;bottom:calc(4% + 18px);right:calc(12% + 10px + clamp(230px,25vw,370px))}.hw-pile svg{width:100%;height:100%;display:block;overflow:visible}.hw-pk{transform-box:fill-box;transform-origin:50% 100%}.hw-pile:hover .hw-pk{animation:.45s ease-in-out hw-shake}.hw-pile:hover .hw-pk:nth-of-type(2n){animation-delay:60ms}@keyframes hw-shake{25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}.hw-pkf path{fill:#3a1e10;transition:fill .25s}.hw-pkg{opacity:0;transition:opacity .25s}.hw-pile.lit .hw-pkf path,.hw-lantern .hw-face path{fill:var(--hw-flamme)}.hw-pile.lit .hw-pkg{opacity:1}.hw-pile.jump .hw-top{animation:1.1s cubic-bezier(.3,1,.5,1) hw-jmp}@keyframes hw-jmp{0%{transform:none}14%{transform:scale(1.15,.8)}38%{transform:translateY(-58px)rotate(-18deg)scale(.94,1.08)}60%{transform:translateY(0)scale(1.14,.84)}74%{transform:translateY(-14px)rotate(6deg)}88%{transform:translateY(0)scale(1.05,.95)}}.hw-spk{pointer-events:none;z-index:7;width:14px;height:14px;position:absolute}.hw-spk svg{width:100%;height:100%}.hw-drop{background:var(--hw-citrouille-l);border:2px solid var(--hw-citrouille-d);pointer-events:none;z-index:7;border-radius:50%;width:10px;height:10px;margin:-5px 0 0 -5px;position:absolute}.hw-rain{pointer-events:none;z-index:3;width:100%;height:100%;position:absolute;inset:0}.hw-gar{z-index:4}.hw-wire{fill:none;stroke:#120a1c;stroke-width:3px}.hw-lantern{pointer-events:auto;cursor:pointer;transform-box:view-box;transform-origin:0 0;transition:transform .35s cubic-bezier(.3,1.8,.5,1)}.hw-lantern .hw-lg{opacity:.3;animation:hw-chase 2.6s ease-in-out var(--dl) infinite}.hw-lantern .hw-face{animation:hw-flame 2.6s ease-in-out var(--dl) infinite}@keyframes hw-chase{0%,to{opacity:.25}45%{opacity:1}}@keyframes hw-flame{0%,to{opacity:.62}40%{opacity:1}46%{opacity:.8}52%{opacity:1}}.hw-lantern:hover{animation:.9s ease-in-out hw-swing}.hw-lantern:hover .hw-lb{transform:scale(1.35)}.hw-lb{transform-box:view-box;transform-origin:0 0;transition:transform .35s cubic-bezier(.3,1.8,.5,1)}@keyframes hw-swing{0%,to{transform:rotate(0)}25%{transform:rotate(-12deg)}55%{transform:rotate(9deg)}80%{transform:rotate(-4deg)}}.hw.fast .hw-lantern .hw-lg,.hw.fast .hw-lantern .hw-face{animation-duration:.9s}.hw-lantern.tap .hw-lb{animation:.55s cubic-bezier(.3,1.8,.5,1) hw-tap}@keyframes hw-tap{40%{transform:scale(1.6)rotate(10deg)}}.hw-face.flip{animation:hw-flip .32s ease-in-out,hw-flame 2.6s ease-in-out var(--dl) infinite}.hw-face{transform-box:fill-box;transform-origin:50%}@keyframes hw-flip{50%{transform:scaleY(0)}}.hw-web{z-index:4;pointer-events:none;width:170px;height:330px;position:absolute;top:58px;right:0;overflow:visible}.hw-spider{pointer-events:auto;cursor:pointer}.hw-nav{z-index:6;pointer-events:none;align-items:center;gap:18px;max-width:1180px;margin:0 auto;padding:16px 24px;display:flex;position:relative}.hw-nav a{pointer-events:auto;text-decoration:none}.hw-logo{font:800 21px var(--hw-fd);color:#fff;align-items:center;gap:10px;display:flex}.hw-logo span{background:var(--hw-creme);border-radius:13px;width:42px;height:42px;display:block;overflow:hidden}.hw-logo svg{width:100%;height:100%;display:block}.hw-nav .sp{flex:1}.hw-ln{color:#d9cde8;font-size:15px;font-weight:700}.hw-ln:hover{color:#fff}.hw-btn{background:var(--hw-citrouille);color:#fff;min-height:44px;font:700 15px var(--hw-fd);border-radius:999px;align-items:center;padding:0 20px;transition:transform .3s cubic-bezier(.34,1.5,.5,1);display:inline-flex;box-shadow:0 8px 18px -8px #f07a2bcc}.hw-btn:hover{color:#fff;transform:translateY(-2px)scale(1.04)}.hw-copy{pointer-events:none;z-index:5;max-width:1180px;color:var(--hw-creme);margin:0 auto;padding:84px 24px 0;position:relative}.hw-cd{-webkit-backdrop-filter:blur(4px);white-space:nowrap;background:#1e122e99;border-radius:999px;align-items:center;gap:10px;padding:6px 14px 6px 6px;font-size:14px;font-weight:700;display:inline-flex}.hw-cd b{background:var(--hw-citrouille);color:#fff;min-width:36px;height:36px;font:800 18px var(--hw-fd);border-radius:999px;place-items:center;padding:0 8px;display:grid}.hw-copy h1{color:#fff;font:800 clamp(38px,5.2vw,66px)/.98 var(--hw-fd);letter-spacing:-.02em;text-shadow:0 2px 18px #0f081980;max-width:11ch;margin:18px 0 16px}.hw-copy h1 .hand{font-family:var(--hw-fh);color:var(--hw-citrouille-l);letter-spacing:0;font-size:1.05em;font-weight:700}.hw-lead{color:var(--hw-creme);-webkit-backdrop-filter:blur(6px);background:#1e122ebd;border-radius:18px;max-width:40ch;margin:0 0 0 -16px;padding:12px 16px;font-size:17px;line-height:1.5;display:inline-block}.hw-copy>*{animation:.8s cubic-bezier(.25,1.3,.5,1) both hw-up}.hw-copy>:nth-child(2){animation-delay:.12s}.hw-copy>:nth-child(3){animation-delay:.24s}@keyframes hw-up{0%{opacity:0;transform:translateY(22px)}}@media (max-width:860px){.hw{touch-action:manipulation;height:auto;min-height:0;padding-bottom:276px}.hw-ln{display:none}.hw-nav{gap:10px;padding:12px 16px}.hw-btn{white-space:nowrap;flex:none;padding:0 14px;font-size:13.5px}.hw-gar{transition:top .5s cubic-bezier(.3,1.3,.5,1);top:52px}.hw-copy{padding:14px 16px 0;position:static}.hw-copy h1,.hw-copy .hw-lead{z-index:5;position:relative}.hw-cd{display:none}.hw-copy h1{margin:0 0 12px;font-size:clamp(30px,8.8vw,34px)}.hw-lead{max-width:34ch;margin-left:-14px;padding:10px 14px;font-size:15px}.hw-web{width:110px;height:220px;top:50px}.hw-pp{width:156px;bottom:44px;right:calc(30px + 2%)}.hw-pile{width:84px;bottom:42px;right:calc(162px + 2%)}.hw-bub{font-size:13px;left:10%}.hw-gbub{font-size:13px}}@media (hover:none){.hw-lantern:hover{animation:none}.hw-lantern:hover .hw-lb{transform:none}.hw-lantern.tap .hw-lb{animation:.6s cubic-bezier(.3,1.8,.5,1) hw-tapT}.hw-pp:hover .hw-ppi,.hw-pile:hover .hw-pk{animation:none}}@keyframes hw-tapT{35%{transform:scale(1.7)rotate(12deg)}}@media (prefers-reduced-motion:reduce){.hw *{transition:none!important;animation:none!important}.hw-rain,.hw-flash{display:none}.hw-lantern .hw-lg{opacity:.8}.hw-lantern .hw-face{opacity:1}}
