.pmmt{background:var(--pm-bone);color:var(--pm-ink);--q0:0;--q1:0;--q2:0;--q3:0}.pmmt.is-full{--q0:1;--q1:1;--q2:1;--q3:1}.pmmt:before{content:"";background-image:var(--pm-paper);background-blend-mode:screen;pointer-events:none;background-size:180px 180px;position:absolute;inset:0}.pmmt-stage{width:100%;position:relative}.pmmt.is-pin .pmmt-stage{align-items:center;height:100svh;display:flex;position:sticky;top:0;overflow:hidden}.pmmt-wrap{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(48px,6vw,110px);display:grid;position:relative}.pmmt-col{flex-direction:column;gap:22px;max-width:600px;display:flex}.pmmt-hd{flex-direction:column;gap:22px;display:flex}.pmmt.is-pin.is-tab .pmmt-wrap{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"hd hd""st sh";align-items:start;gap:44px 40px}.pmmt.is-pin.is-tab .pmmt-col{display:contents}.pmmt.is-pin.is-tab .pmmt-hd{grid-area:hd}.pmmt.is-pin.is-tab .pmmt-steps{grid-area:st;margin:0}.pmmt.is-pin.is-tab .pmmt-right{grid-area:sh}.pmmt.is-pin.is-tab .pmmt-t{font-size:28px}.pmmt.is-pin.is-tab .pmmt-d{font-size:15px}.pmmt-steps{flex-direction:column;gap:clamp(14px,2.2vh,26px);margin:clamp(14px,2.6vh,30px) 0 0;padding:0 0 0 40px;list-style:none;display:flex;position:relative}.pmmt-line{background:color-mix(in srgb,var(--pm-ink) 12%,transparent);border-radius:2px;width:2px;position:absolute;top:10px;bottom:10px;left:7px}.pmmt-line i{background:var(--rs-link);transform:scaleY(var(--pp,0));transform-origin:50% 0;border-radius:2px;position:absolute;inset:0}.pmmt-st{color:color-mix(in srgb,var(--pm-ink) 62%,var(--pm-bone));transition:color .5s;position:relative}.pmmt-st.is-on{color:var(--pm-ink)}.pmmt-dot{background:var(--pm-bone);width:16px;height:16px;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--pm-ink) 22%,transparent);border-radius:999px;transition:box-shadow .4s,background .4s;position:absolute;top:2px;left:-39px}.pmmt-st.is-on .pmmt-dot,.pmmt-st.is-done .pmmt-dot{background:var(--pm-brass);box-shadow:inset 0 0 0 2px var(--pm-brass),0 0 0 4px var(--pm-bone)}.pmmt-k{letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:12px}.pmmt-st.is-on .pmmt-k{color:var(--pm-acc)}.pmmt-t{letter-spacing:-.02em;margin:6px 0 0;font-size:clamp(28px,2.1vw,32px);font-weight:400;line-height:1.04}.pmmt-d{max-width:440px;color:inherit;opacity:1;margin:7px 0 0;font-size:15.5px;line-height:1.5}.pmmt-st.is-on .pmmt-d{color:color-mix(in srgb,var(--pm-ink) 80%,var(--pm-bone));opacity:1}.pmmt-right{position:relative}.pmmt-sheet{background:var(--pm-cloud);box-shadow:0 2px 0 color-mix(in srgb,var(--pm-ink) 5%,transparent),0 40px 70px -40px #17150f8c,0 10px 24px -14px #17150f38;border-radius:20px;margin:0;padding:14px 14px 12px;position:relative;rotate:1.4deg}.pmmt-tape{z-index:4;background:color-mix(in srgb,var(--pm-bone) 70%,transparent);width:120px;height:30px;position:absolute;box-shadow:0 1px 2px #17150f24}.pmmt-tp1{top:16px;left:-30px;transform:rotate(-38deg)}.pmmt-tp2{top:16px;right:-30px;transform:rotate(38deg)}.pmmt-ph{aspect-ratio:1128/1400;background:var(--pm-fog);border-radius:12px;height:min(100svh - 170px,780px);position:relative;overflow:hidden}.pmmt.is-tab .pmmt-ph{height:min(100svh - 440px,540px)}.pmmt-ph img,.pmmt-mi img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.pmmt-sk{filter:grayscale()contrast(1.45)brightness(1.15)}.pmmt-hatch{background:repeating-linear-gradient(45deg,color-mix(in srgb,var(--pm-ink) 9%,transparent) 0 1px,transparent 1px 6px);opacity:.55;position:absolute;inset:0}.pmmt-co{--y:calc((1 - clamp(0,(var(--q1) - .02) / .4,1)) * 110% - 5%);clip-path:polygon(0 100%,100% 100%,100% calc(var(--y) + 1%),88% calc(var(--y) - 1.6%),74% calc(var(--y) + 1.2%),60% calc(var(--y) - 1%),46% calc(var(--y) + 1.8%),32% calc(var(--y) - 0.8%),18% calc(var(--y) + 1.4%),0 calc(var(--y) - 1.2%))}.pmmt-pen{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.pmmt-pen path{fill:none;stroke:var(--pm-brass);stroke-width:3.4px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-dasharray:1 1;stroke-dashoffset:calc(1 - clamp(0,(var(--q) - var(--a)) / var(--w),1))}.pmmt-pen path.is-big{stroke-width:4.4px}.pmmt-ly,.pmmt-tag,.pmmt-up,.pmmt-note,.pmmt-stamp{transition:opacity .5s}.pmmt.is-pin[data-s="1"] .pmmt-l0,.pmmt.is-pin[data-s="2"] :is(.pmmt-l0,.pmmt-l1),.pmmt.is-pin[data-s="3"] :is(.pmmt-l0,.pmmt-l1,.pmmt-l2){opacity:.8}.pmmt-tag{z-index:2;background:var(--pm-bone);color:var(--pm-acc);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;clip-path:inset(0 calc((1 - clamp(0,(var(--q) - var(--a)) / .2,1)) * 100%) 0 0 round 12px);border-radius:12px;align-items:center;gap:7px;padding:7px 11px 7px 9px;font-size:12px;font-weight:500;display:inline-flex;position:absolute;box-shadow:0 8px 18px -10px #17150f80}.pmmt-tag svg{width:13px;height:13px;fill:var(--pm-brass)}.pmmt-t0{--q:var(--q0);--a:.55;top:21%;left:4%;rotate:-6deg}.pmmt-t1{--q:var(--q1);--a:.3;top:59%;left:2%;rotate:-4deg}.pmmt-up{--q:var(--q2);z-index:2;background:var(--pm-bone);width:min(62%,300px);color:var(--pm-ink);opacity:clamp(0,var(--q) * 8,1);translate:0 calc((1 - clamp(0,var(--q) * 6,1)) * -10px);border-radius:14px;align-items:center;gap:10px;padding:9px 12px 9px 9px;display:flex;position:absolute;top:5%;left:5%;rotate:-2deg;box-shadow:0 12px 24px -12px #17150f8c}.pmmt-upi{background:var(--pm-brass);width:34px;height:34px;color:var(--rs-on-accent);border-radius:10px;flex:none;place-items:center;display:grid}.pmmt-upi svg{width:17px;height:17px}.pmmt-upb{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex;position:relative}.pmmt-upt{letter-spacing:.05em;text-transform:uppercase;color:var(--pm-mut);justify-content:space-between;gap:8px;font-size:12px;display:flex}.pmmt-upt b{color:var(--pm-ink);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.pmmt-bar{background:color-mix(in srgb,var(--pm-ink) 12%,transparent);border-radius:5px;height:5px;display:block;position:relative;overflow:hidden}.pmmt-bar i{background:var(--rs-link);transform:scaleX(clamp(0,var(--q),1));transform-origin:0;position:absolute;inset:0}.pmmt-ok{letter-spacing:.05em;text-transform:uppercase;color:var(--pm-acc);white-space:nowrap;opacity:clamp(0,(var(--q) - .97) * 40,1);margin-top:1px;font-size:12px;display:block}.pmmt-note{--q:var(--q3);--a:.55;z-index:2;background:var(--pm-bone);max-width:42%;color:var(--pm-acc);letter-spacing:.05em;text-transform:uppercase;clip-path:inset(0 calc((1 - clamp(0,(var(--q) - var(--a)) / .2,1)) * 100%) 0 0 round 12px);border-radius:12px;padding:9px 12px;font-size:12px;font-weight:500;line-height:1.45;position:absolute;top:15%;left:55%;rotate:3deg;box-shadow:0 10px 20px -12px #17150f80}.pmmt-stamp{--q:var(--q3);z-index:3;background:var(--pm-brass);color:var(--rs-on-accent);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--rs-on-accent) 70%,transparent),inset 0 0 0 5px var(--pm-brass),inset 0 0 0 6px color-mix(in srgb,var(--rs-on-accent) 50%,transparent),0 14px 26px -14px #17150f99;opacity:clamp(0,(var(--q) - .78) * 10,1);scale:calc(1.7 - .7 * clamp(0,(var(--q) - .78) * 6,1));border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:12px 18px 11px;display:flex;position:absolute;top:67%;left:60%;rotate:-11deg}.pmmt-stamp b{letter-spacing:-.01em;white-space:nowrap;font-size:24px;font-weight:400;line-height:1}.pmmt-stamp small{letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;font-size:12px}.pmmt-cap{letter-spacing:.07em;text-transform:uppercase;color:var(--pm-mut);justify-content:space-between;gap:16px;margin:11px 4px 0;font-size:12px;display:flex}.pmmt-sheet:hover .pmmt-pen,.pmmt-sheet:hover .pmmt-tag,.pmmt-sheet:hover .pmmt-note{animation:.32s step-end infinite pmmt-wig}@keyframes pmmt-wig{0%{translate:0}25%{translate:1px -1px}50%{translate:-1px}75%{translate:0 1px}}.pmmt.is-flat{padding:clamp(88px,10vw,140px) 0}.pmmt.is-flat .pmmt-wrap{display:block}.pmmt.is-flat .pmmt-col{max-width:none}.pmmt.is-flat:not(.is-ph) .pmmt-steps{grid-template-columns:1fr 1fr;gap:40px 32px;padding:0;display:grid}.pmmt.is-flat .pmmt-dot{display:none}.pmmt.is-flat .pmmt-steps{padding:0}.pmmt-mini{aspect-ratio:5/4;background:var(--pm-fog);box-shadow:0 0 0 8px var(--pm-cloud),0 18px 34px -22px #17150f80;border-radius:16px;margin-top:16px;margin-left:8px;margin-right:8px;position:relative;overflow:hidden;rotate:-.8deg}.pmmt-st:nth-child(2n) .pmmt-mini{rotate:.8deg}.pmmt-mi{aspect-ratio:1128/1400;position:absolute;top:50%;left:50%}.pmmt-mini .pmmt-pen path,.pmmt-mini .pmmt-tag,.pmmt-mini .pmmt-note,.pmmt-mini .pmmt-up,.pmmt-mini .pmmt-stamp{transition:stroke-dashoffset 1.1s cubic-bezier(.65,0,.25,1),clip-path .8s .5s,opacity .5s .6s,scale .5s cubic-bezier(.34,1.56,.64,1) .6s}.pmmt-mini{--q0:0;--q1:0;--q2:0;--q3:0}.pmmt-mini.is-in{--q0:1;--q1:1;--q2:1;--q3:1}.pmmt-mini .pmmt-co{transition:clip-path 1.2s cubic-bezier(.65,0,.25,1)}.pmmt-mini .pmmt-bar i{transition:transform 1.4s cubic-bezier(.65,0,.25,1) .3s}.pmmt-mini .pmmt-up{width:62%}.pmmt-mini .pmmt-t1,.pmmt-mini .pmmt-t0{left:7%}.pmmt-mini .pmmt-stamp{padding:8px 12px 7px;top:57%;left:auto;right:7%}.pmmt-mini .pmmt-stamp b{font-size:17px}.pmmt-mini .pmmt-stamp small{font-size:12px}.pmmt.is-ph .pmmt-col{gap:20px}.pmmt.is-ph .pmmt-steps{gap:46px;margin-top:22px}.pmmt.is-ph .pmmt-t{font-size:28px}.pmmt.is-ph .pmmt-d{font-size:15.5px}.pmmt.is-ph .pmmt-tag,.pmmt.is-ph .pmmt-note{font-size:12px}@media (prefers-reduced-motion:reduce){.pmmt-sheet:hover .pmmt-pen{animation:none}}