.pm4{background:var(--pm-bone);min-height:100svh;color:var(--pm-ink);padding:clamp(130px,16vh,170px) 0 clamp(80px,9vh,120px);display:block;position:relative;overflow:clip}.pm4:before{content:"";background-image:var(--pm-paper);opacity:.14;pointer-events:none;background-size:180px 180px;position:absolute;inset:0}.pm4-big{width:min(1180px,96vw);translate:-50% calc((var(--sp,.5) - .5) * 120px);pointer-events:none;position:absolute;top:clamp(70px,9vh,110px);left:50%}.pm4.is-final .pm4-big{translate:-50%}.pm4-big svg{width:100%;height:auto;display:block;overflow:visible}.pm4-code{fill:var(--pm-ink);fill-opacity:0;stroke:color-mix(in srgb,var(--pm-ink) 42%,var(--pm-bone));stroke-width:1.6px;stroke-linejoin:round;letter-spacing:-.03em;stroke-dasharray:2600;stroke-dashoffset:2600px;transition:stroke-dashoffset 3s cubic-bezier(.45,0,.2,1) .2s,fill-opacity 1.4s 2.6s}.pm4.is-on .pm4-code{stroke-dashoffset:0;fill-opacity:.035}.pm4-ring{fill:none;stroke:var(--pm-brass);stroke-width:4px;stroke-linecap:round;stroke-dasharray:1300;stroke-dashoffset:1300px;opacity:.85;transition:stroke-dashoffset 1.2s cubic-bezier(.65,0,.25,1) 2.4s}.pm4.is-on .pm4-ring{stroke-dashoffset:0}.pm4-note{letter-spacing:.1em;text-transform:uppercase;color:var(--pm-acc);opacity:0;flex-direction:column;align-items:flex-start;font-size:12px;transition:opacity .6s 3.4s;display:flex;position:absolute;top:6%;left:66%;rotate:6deg}.pm4-note svg{width:76px;height:52px;margin:4px 0 0 -8px;overflow:visible;rotate:62deg}.pm4-note path{fill:none;stroke:var(--pm-brass);stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round}.pm4.is-on .pm4-note{opacity:1}.pm4.is-final .pm4-code,.pm4.is-final .pm4-ring,.pm4.is-final .pm4-note{transition:none}.pm4-wrap{z-index:2;flex-direction:column;align-items:center;gap:56px;display:flex;position:relative}.pm4-page{--mx:96px;--rule:40px;width:100%;padding:42px 48px 64px var(--mx);color:var(--pm-ink);background-color:color-mix(in srgb,var(--pm-cloud) 70%,var(--pm-bone));background-image:linear-gradient(118deg,transparent 0 38%,color-mix(in srgb,var(--pm-ink) 4%,transparent) 38.2%,transparent 46%),linear-gradient(64deg,transparent 0 58%,color-mix(in srgb,var(--pm-cloud) 70%,transparent) 58.3%,transparent 64%),repeating-linear-gradient(180deg,transparent 0 calc(var(--rule) - 1px),color-mix(in srgb,var(--pm-ink) 9%,transparent) calc(var(--rule) - 1px) var(--rule));clip-path:var(--pm4-torn);background-position:0 0,0 0,0 26px;border-radius:18px 18px 4px 4px;position:relative}.pm4-pw{filter:drop-shadow(0 30px 34px #17150f29)drop-shadow(0 2px 2px #17150f14);opacity:0;width:min(100%,780px);margin-top:clamp(150px,22vw,330px);transition:opacity .9s .1s,translate 1.1s cubic-bezier(.2,.8,.2,1) .1s;position:relative;translate:0 30px;rotate:-1.2deg}.pm4.is-on .pm4-pw{opacity:1;translate:0}.pm4-margin{left:calc(var(--mx) - 24px);background:var(--pm-brass);opacity:.8;width:2px;position:absolute;top:0;bottom:0}.pm4-holes{flex-direction:column;justify-content:space-around;padding:40px 0;display:flex;position:absolute;top:0;bottom:0;left:18px}.pm4-holes i{background:var(--pm-bone);border-radius:50%;width:18px;height:18px;display:block;box-shadow:inset 0 2px 3px #17150f40}.pm4-label{letter-spacing:.09em;text-transform:uppercase;color:var(--pm-mut);align-items:center;gap:10px;margin:0 0 20px;font-size:12px;display:flex}.pm4-label b{background:var(--pm-brass);color:var(--rs-on-accent);letter-spacing:.04em;border-radius:999px;padding:4px 9px;font-weight:600}.pm4-h{letter-spacing:-.025em;text-wrap:balance;margin:0;font-size:clamp(46px,5.2vw,78px);font-weight:400;line-height:.98}.pm4-hl{margin-bottom:-.16em;padding-bottom:.16em;display:block;overflow:hidden}.pm4-hi{transition:transform 1.1s cubic-bezier(.2,.8,.2,1);display:block;transform:translateY(106%)}.pm4.is-on .pm4-hi{transform:none}.pm4-em{white-space:nowrap;display:inline-block;position:relative}.pm4-pen{width:104%;height:.24em;position:absolute;bottom:-.08em;left:-2%;overflow:visible}.pm4-pen path{fill:none;stroke:var(--pm-brass);stroke-width:5px;stroke-linecap:round;stroke-dasharray:340;stroke-dashoffset:340px;transition:stroke-dashoffset 1s cubic-bezier(.65,0,.25,1) 1.1s}.pm4.is-on .pm4-pen path{stroke-dashoffset:0}.pm4-copy{max-width:520px;color:color-mix(in srgb,var(--pm-ink) 82%,var(--pm-bone));margin:24px 0 0;font-size:18px;line-height:1.55}.pm4-path{background:color-mix(in srgb,var(--pm-ink) 7%,transparent);color:var(--pm-ink);word-break:break-all;text-decoration:line-through;-webkit-text-decoration-color:var(--pm-brass);text-decoration-color:var(--pm-brass);border-radius:8px;margin:0 2px;padding:1px 8px;font-size:.82em;text-decoration-thickness:2px;display:inline-block}.pm4-cta{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.pm4-try{width:min(100%,1040px)}.pm4-tl{letter-spacing:.1em;text-transform:uppercase;color:var(--pm-mut);justify-content:center;align-items:center;gap:9px;margin:0 0 26px;font-size:12px;display:flex}.pm4-tl i{background:var(--pm-brass);border-radius:50%;width:7px;height:7px}.pm4-try ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin:0;padding:0;list-style:none;display:grid}.pm4-try li{opacity:0;translate:0 50px;rotate:calc(var(--i) * 3deg - 4deg);transition:opacity .7s ease calc(var(--i) * .12s + .9s),translate 1s cubic-bezier(.2,.8,.2,1) calc(var(--i) * .12s + .9s),rotate 1.1s cubic-bezier(.34,1.56,.64,1) calc(var(--i) * .12s + .9s)}.pm4.is-on .pm4-try li{opacity:1;translate:0;rotate:calc(var(--i) * 1.4deg - 1.4deg)}.pm4.is-final .pm4-try li,.pm4.is-final .pm4-pw{transition:none}.pm4-card{background:var(--pm-cloud);height:100%;color:var(--pm-ink);box-shadow:0 0 0 1px color-mix(in srgb,var(--pm-ink) 7%,transparent),0 30px 50px -36px #17150f80;border-radius:18px;flex-direction:column;gap:10px;padding:24px 24px 22px;text-decoration:none;transition:translate .55s cubic-bezier(.34,1.56,.64,1),rotate .55s cubic-bezier(.34,1.56,.64,1),box-shadow .4s;display:flex;position:relative}.pm4-card:hover,.pm4-card:focus-visible{translate:0 -6px;rotate:calc(var(--i) * -1.4deg + 1.4deg)}.pm4-tape{z-index:2;background:color-mix(in srgb,var(--pm-ink) 16%,transparent);width:96px;height:28px;box-shadow:0 1px 3px #17150f24,inset 0 0 0 1px color-mix(in srgb,var(--pm-ink) 12%,transparent);clip-path:polygon(3% 0,97% 4%,100% 22%,97% 44%,100% 70%,96% 100%,4% 96%,0 74%,3% 50%,0 26%);margin-left:-48px;position:absolute;top:-13px;left:50%;rotate:-3deg}.pm4-ct{justify-content:space-between;align-items:flex-start;display:flex}.pm4-ico{width:44px;height:44px;overflow:visible}.pm4-ico path{fill:none;stroke:var(--pm-ink);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:160;stroke-dashoffset:160px;transition:stroke-dashoffset 1.1s cubic-bezier(.65,0,.25,1) calc(var(--i) * .12s + 1.3s)}.pm4.is-on .pm4-ico path{stroke-dashoffset:0}.pm4.is-final .pm4-ico path{transition:none}.pm4-card:hover .pm4-ico path{stroke:var(--pm-acc)}.pm4-n{letter-spacing:.08em;color:var(--pm-mut);font-size:12px}.pm4-t{letter-spacing:-.015em;margin-top:6px;font-size:27px;line-height:1.04;position:relative}.pm4-d{color:color-mix(in srgb,var(--pm-ink) 74%,var(--pm-bone));font-size:15px;line-height:1.5}.pm4-go{width:42px;height:42px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pm-ink) 22%,transparent);border-radius:999px;place-items:center;margin-top:auto;transition:background .35s,box-shadow .35s;display:grid}.pm4-go svg{transition:rotate .45s cubic-bezier(.34,1.56,.64,1);rotate:-45deg}.pm4-card:hover .pm4-go,.pm4-card:focus-visible .pm4-go{background:var(--pm-brass);color:var(--rs-on-accent);box-shadow:none}.pm4-card:hover .pm4-go svg,.pm4-card:focus-visible .pm4-go svg{rotate:0deg}.pm4.is-tab .pm4-try ul{gap:18px}.pm4.is-tab .pm4-card{padding:22px 18px 18px}.pm4.is-tab .pm4-t{font-size:23px}.pm4.is-tab .pm4-page{--mx:80px;padding-right:36px}.pm4.is-ph{padding:96px 0 72px}.pm4.is-ph .pm4-big{width:118vw;top:84px}.pm4.is-ph .pm4-note{font-size:12px;top:-4%;left:auto;right:24vw}.pm4.is-ph .pm4-note svg{width:48px;height:36px}.pm4.is-ph .pm4-pw{margin-top:clamp(110px,34vw,160px);rotate:-.6deg}.pm4.is-ph .pm4-page{--mx:46px;--rule:36px;padding:30px 18px 52px var(--mx)}.pm4.is-ph .pm4-holes{left:8px}.pm4.is-ph .pm4-holes i{width:12px;height:12px}.pm4.is-ph .pm4-margin{left:calc(var(--mx) - 12px)}.pm4.is-ph .pm4-h{font-size:clamp(38px,11vw,52px)}.pm4.is-ph .pm4-copy{font-size:16px}.pm4.is-ph .pm4-wrap{gap:44px}.pm4.is-ph .pm4-try ul{grid-template-columns:1fr;gap:26px}.pm4.is-ph .pm4-card{padding:22px 20px 18px}@media (prefers-reduced-motion:reduce){.pm4-big{translate:-50%!important}.pm4-code{stroke-dashoffset:0!important;fill-opacity:.035!important}.pm4-ring,.pm4-pen path,.pm4-ico path{stroke-dashoffset:0!important}.pm4-note,.pm4-pw,.pm4-try li{opacity:1!important;translate:0!important}.pm4-hi{transform:none!important}}