.mf{--pen:#D9502F;--hand:#9A4A2A;max-width:1200px;margin:0 auto;padding:0 20px clamp(80px,10vw,140px);overflow-x:clip}.mf-big{margin:0 auto;max-width:15ch;text-align:center;font-family:var(--display-serif);font-weight:400;font-size:clamp(44px,7.4vw,108px);line-height:1;letter-spacing:-.015em;color:var(--ink);text-wrap:balance}.mf-big em{font-style:italic;display:block}.mf-open{min-height:calc(100svh - 80px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:20px 0 clamp(80px,14vh,170px)}.mf-kicker{margin:0;font-family:Caveat,cursive;font-size:clamp(26px,2.4vw,34px);color:var(--hand);transform:rotate(-2deg)}.mf-mid{margin:clamp(90px,16vh,180px) auto}.mf-p{position:relative;max-width:30ch;margin:clamp(90px,18vh,200px) auto;font-size:clamp(21px,2.1vw,28px);line-height:1.42;font-weight:500;letter-spacing:-.01em;color:#2a2220;text-wrap:pretty}.mf-p p{margin:0}.mf-p em{font-style:italic}.mf-p b{font-weight:700;color:var(--ink)}.mf-open+.mf-p{margin-top:clamp(20px,6vh,60px)}.mf-end{display:flex;flex-direction:column;align-items:center;gap:clamp(48px,6vw,80px);margin-top:clamp(120px,20vh,220px)}.mf-sign{margin:clamp(14px,2vw,22px) 0 clamp(56px,7vw,90px);align-self:center;translate:clamp(40px,10vw,180px) 0;font-family:Caveat,cursive;font-size:30px;color:var(--hand);transform:rotate(-3deg)}.hd-circ,.hd-und,.hd-strike{position:relative;display:inline-block;white-space:nowrap}.hd-circ svg,.hd-und svg,.hd-strike svg,.mf-bubble svg,.hd-note svg,.mf-checks svg{overflow:visible;pointer-events:none}.hd-circ svg,.hd-und svg,.hd-strike svg{position:absolute;fill:none;stroke:var(--pen);stroke-linecap:round;stroke-linejoin:round}.hd-circ svg{left:-14%;top:-30%;width:128%;height:162%;stroke-width:3}em .hd-circ svg,.mf-big em .hd-circ svg{left:-11%;width:126%;top:-32%;height:186%}.hd-circ.sm svg{stroke-width:2.4;left:-5%;width:110%;top:-46%;height:190%}.hd-und svg{left:-3%;width:106%;bottom:-.16em;height:.4em;stroke-width:3.2}.hd-und.brush svg path:first-child{display:none}.hd-und.brush svg .fill{fill:var(--pen);stroke:none;opacity:.92}.mf-big .hd-und svg{bottom:-.42em;height:.3em}.hd-und.dbl svg path+path{stroke-width:2.4;opacity:.75}.hd-strike svg{left:-3%;width:106%;top:38%;height:.36em;stroke-width:3.4;stroke:var(--pen)}.hd-strike.thick svg{stroke-width:4.2}.hd-mark{background:linear-gradient(transparent 52%,hsla(45,100%,68%,.7) 52%,hsla(45,100%,68%,.7) 92%,transparent 92%) no-repeat 0 0/100% 100%;padding:0 .1em;box-decoration-break:clone;-webkit-box-decoration-break:clone}.big-mark{background-image:linear-gradient(transparent 58%,hsla(45,100%,68%,.75) 58%,hsla(45,100%,68%,.75) 88%,transparent 88%);padding:0 .06em}.hd-note{position:absolute;font-family:Caveat,cursive;font-weight:600;font-size:clamp(24px,2vw,30px);line-height:1;color:var(--hand);white-space:nowrap}.hd-note svg{position:absolute;width:44px;height:52px;fill:none;stroke:var(--hand);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.n-right{left:calc(100% + 26px);top:-.6em;transform:rotate(-6deg)}.n-right svg{left:-34px;top:1em;width:96px;height:96px}.hd-ins{display:inline-block;margin:0 .1em 0 .3em;vertical-align:.25em;font-family:Caveat,cursive;font-weight:700;font-size:1.15em;color:var(--pen);transform:rotate(-8deg)}.mf-gem{position:relative;display:inline-block;padding:0 .45em;line-height:1.3;border-radius:99px;overflow:hidden;vertical-align:baseline;font-weight:650;color:#3b3550;background:linear-gradient(135deg,#f4f1ff,#dcd6f2 30%,#fff,#cfe4f5 66%,#f2eefc);box-shadow:inset 0 1px #fff,inset 0 -2px 4px #857ab840,0 0 0 1px #a39cc959,0 6px 18px -6px #5d4db373}.mf-gem:after{content:"";position:absolute;inset:-20% auto -20% -60%;width:40%;transform:skew(-20deg);background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.95),transparent)}.mf-gem i{position:absolute;right:-.15em;top:-.5em;font-style:normal;font-size:.6em;color:#b8a9f0;text-shadow:0 0 6px #fff}.hd-run{white-space:nowrap}.hd-run span{display:inline-block;margin-left:.2em}.hd-run span i{display:inline-block;font-style:normal;transform:scaleX(-1)}.mf-us-line{margin-bottom:0}.mf-us-pics{display:flex;justify-content:center;gap:clamp(10px,2vw,22px);max-width:640px;margin:34px auto clamp(90px,18vh,200px)}.mf-polar{margin:0;padding:8px 8px 6px;background:#fff;border-radius:4px;rotate:var(--r);box-shadow:0 1px 2px #43291e1a,0 16px 30px -16px #43291e73}.mf-polar img{display:block;width:clamp(96px,11vw,132px);aspect-ratio:1;object-fit:cover;border-radius:2px;filter:saturate(.9)}.mf-polar figcaption{margin-top:4px;text-align:center;font-family:Caveat,cursive;font-weight:600;font-size:22px;color:#2a2220}.mf-start{display:flex;align-items:center;gap:12px;width:min(100%,460px);margin:18px 0;padding:8px;border-radius:99px;background:#fff;box-shadow:0 0 0 1px #5c4d3d1f,0 14px 30px -20px #43291e73}.mf-start img{width:44px;height:44px;border-radius:50%;object-fit:cover}.mf-start>span{flex:1;display:flex;align-items:center;height:44px;padding:0 18px;border-radius:99px;box-shadow:inset 0 0 0 1px #70665c59;font-size:17px;font-weight:600;color:#6b6560}.mf-start i{width:2px;height:20px;margin-left:4px;background:#1a1412}.mf-blank{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(28px,4vh,44px);min-height:70svh}.mf-enemy{margin:0;font-family:Caveat,cursive;font-weight:600;font-size:clamp(26px,2.4vw,34px);color:var(--hand);transform:rotate(-2deg)}.mf-blank i{display:block;width:clamp(4px,.45vw,7px);height:clamp(140px,30vh,300px);border-radius:2px;background:var(--ink)}.mf-clones{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:min(92vw,720px);margin:34px 0 0 50%;translate:-50% 0}.mf-clone{display:flex;flex-direction:column;gap:6px;padding:12px;border-radius:12px;background:#fff;box-shadow:0 0 0 1px #5c4d3d14,0 10px 22px -16px #43291e73;font-size:12px;line-height:1.3}.mf-clone b{font-weight:650;color:#1a1412}.mf-clone-h{display:flex;align-items:center;gap:7px;margin-bottom:4px}.mf-clone-h img{width:26px;height:26px;border-radius:50%;object-fit:cover;flex:none}.mf-clone-h span{display:flex;flex-direction:column;line-height:1.15;min-width:0}.mf-clone-h b{font-size:11.5px}.mf-clone-h small{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mf-clone u{display:block;height:5px;border-radius:3px;background:#eee8e0;text-decoration:none}.mf-clone u.s{width:60%}.mf-clone small{color:#8a837b}.n-under{position:static;grid-column:1/-1;justify-self:center;margin-top:10px;transform:rotate(-2deg)}.mf-checks{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:10px}.mf-checks li:nth-child(2){--n:1}.mf-checks li:nth-child(3){--n:2}.mf-checks li:nth-child(4){--n:3}.mf-checks li:nth-child(5){--n:4}.mf-checks li:nth-child(6){--n:5}.mf-checks li{display:flex;align-items:flex-start;gap:12px;font-size:.76em;line-height:1.4;font-weight:600;color:var(--ink)}.mf-checks li svg{margin-top:.12em;width:24px;height:20px}.mf-checks svg{width:30px;height:24px;flex:none;fill:none;stroke:#1a7f4b;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}.mf-bubble{position:absolute;left:calc(100% + 30px);top:-30px;display:grid;place-items:center;width:240px;height:120px;transform:rotate(4deg)}.mf-bubble svg{position:absolute;inset:0;width:100%;height:100%;fill:#fff;stroke:#2a2220;stroke-width:2.2;stroke-linejoin:round}.mf-bubble span{position:relative;padding:0 26px 22px;text-align:center;font-family:Caveat,cursive;font-weight:600;font-size:26px;line-height:1.05;color:#2a2220}.mf-faces{display:flex;margin-top:24px}.mf-faces img{width:58px;height:58px;margin-right:-10px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 4px var(--bg,#FBF8F2),0 10px 20px -10px #60332080}@media(max-width:1000px){.n-right{position:static;display:inline-block;margin-left:10px}.n-right svg{display:none}.mf-bubble{position:relative;left:auto;top:auto;margin-top:22px}.mf-clones{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:no-preference){.mf-blank i,.mf-start i{animation:mf-caret 1.06s steps(1) infinite}@keyframes mf-caret{50%{opacity:0}}.mf-open .mf-big,.mf-open .mf-kicker{animation:mf-in 1.2s cubic-bezier(.22,1,.36,1) .1s both}@keyframes mf-in{0%{opacity:0;transform:translateY(18px)}}.mf-open .hd-circ path{stroke-dasharray:1;stroke-dashoffset:1;animation:mf-draw .9s cubic-bezier(.6,.1,.3,1) 1.3s forwards}@keyframes mf-draw{to{stroke-dashoffset:0}}.mf-js [data-in]{opacity:0;transform:translateY(24px);transition:opacity .9s cubic-bezier(.22,1,.36,1),transform 1s cubic-bezier(.22,1,.36,1)}.mf-js [data-in].in{opacity:1;transform:none}.mf-js [data-in] path[pathLength]{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .8s cubic-bezier(.6,.1,.3,1) .7s}.mf-js [data-in].in path[pathLength]{stroke-dashoffset:0}.mf-js [data-in] .hd-und.dbl path+path{transition-delay:1.2s}.mf-js [data-in] .hd-strike path+path{transition-delay:1.15s}.mf-js [data-in] .hd-und.brush .fill{clip-path:inset(0 100% 0 0);transition:clip-path .7s cubic-bezier(.6,.1,.3,1) .75s}.mf-js [data-in].in .hd-und.brush .fill{clip-path:inset(0 0 0 0)}.mf-js [data-in] .mf-checks li path{transition-delay:calc(.8s + var(--n,0) * .22s)}.mf-js [data-in] .hd-mark{background-size:0 100%;transition:background-size .9s cubic-bezier(.6,.1,.3,1) .6s}.mf-js [data-in].in .hd-mark{background-size:100% 100%}.mf-gem:after{animation:mf-sheen 3.2s ease-in-out 1s infinite}@keyframes mf-sheen{0%,55%{left:-60%}to{left:130%}}.mf-gem i{animation:mf-twinkle 3.2s ease-in-out 1s infinite}@keyframes mf-twinkle{0%,50%,to{opacity:0;scale:.4}70%{opacity:1;scale:1}}.mf-js [data-in] .hd-note,.mf-js [data-in] .hd-ins{opacity:0;transition:opacity .5s ease 1.4s}.mf-js [data-in].in .hd-note,.mf-js [data-in].in .hd-ins{opacity:1}.mf-js [data-in] .hd-run span{opacity:0}.mf-js [data-in].in .hd-run span{animation:mf-run 3.6s cubic-bezier(.45,0,.75,1) .9s infinite}.mf-js [data-in].in .hd-run span i{animation:mf-bob .26s ease-in-out .9s infinite alternate}@keyframes mf-run{0%{opacity:0;translate:0 0}8%{opacity:1}55%{opacity:1}75%,to{opacity:0;translate:clamp(160px,22vw,320px) 0}}@keyframes mf-bob{to{translate:0 -4px;rotate:-6deg}}.mf-js [data-in] .mf-start{opacity:0;scale:.92;transition:opacity .5s ease .5s,scale .6s cubic-bezier(.34,1.56,.64,1) .5s}.mf-js [data-in].in .mf-start{opacity:1;scale:1}.mf-js [data-in] .mf-clone{opacity:0;translate:0 14px;transition:opacity .5s ease,translate .6s cubic-bezier(.22,1,.36,1);transition-delay:calc(1s + var(--i) * .18s)}.mf-js [data-in].in .mf-clone{opacity:1;translate:0 0}.mf-js [data-in] .mf-bubble{opacity:0;scale:.5;transform-origin:10% 100%;transition:opacity .25s ease 1.2s,scale .6s cubic-bezier(.34,1.56,.64,1) 1.2s}.mf-js [data-in].in .mf-bubble{opacity:1;scale:1}.mf-js [data-in] .mf-bubble path{transition-delay:1.3s}.mf-js .mf-us-pics[data-in]{opacity:1;transform:none}.mf-js .mf-us-pics .mf-polar{opacity:0;translate:0 30px;scale:.85;transition:opacity .4s ease,translate .7s cubic-bezier(.34,1.4,.64,1),scale .7s cubic-bezier(.34,1.4,.64,1);transition-delay:calc(1.6s + var(--i) * .15s)}.mf-js .mf-us-pics.in .mf-polar{opacity:1;translate:0 0;scale:1}.mf-js [data-in] .mf-faces img{opacity:0;scale:.4;transition:opacity .2s,scale .55s cubic-bezier(.34,1.56,.64,1);transition-delay:calc(1.2s + var(--i) * .09s)}.mf-js [data-in].in .mf-faces img{opacity:1;scale:1}}