@property --pmph-k{syntax:"";inherits:true;initial-value:0}@property --pmph-w{syntax:"";inherits:true;initial-value:0%}.pmph{background:var(--pm-bone);min-height:62svh;color:var(--pm-ink);align-items:center;padding:clamp(140px,17vh,190px) 0 clamp(72px,8vw,120px);display:flex;position:relative;overflow:clip}.pmph:before{content:"";background-image:var(--pm-paper);opacity:1;pointer-events:none;background-size:180px 180px;position:absolute;inset:0}.pmph.is-pine{background:var(--pm-pine);color:var(--pm-cloud)}.pmph.is-night{background:var(--pm-night);color:var(--pm-cloud)}.pmph.pm-dark:before{opacity:1}.pmph-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;gap:clamp(40px,6vw,110px);display:grid;position:relative}.pmph.no-obj .pmph-grid{grid-template-columns:minmax(0,1fr)}.pmph.no-obj .pmph-copy{max-width:900px}.pmph-copy{flex-direction:column;align-items:flex-start;gap:26px;display:flex}.pmph-h{letter-spacing:-.025em;text-wrap:balance;margin:0;font-size:clamp(52px,6.2vw,96px);font-weight:400;line-height:.96}.pmph-hl{margin-bottom:-.16em;padding-bottom:.16em;display:block;overflow:hidden}.pmph-hi{transition:transform 1.1s cubic-bezier(.2,.8,.2,1);display:block;transform:translateY(106%)}.pmph-h.is-on .pmph-hi{transform:none}.pmph-em{white-space:nowrap;display:inline-block;position:relative}.pmph-pen{width:104%;height:.26em;position:absolute;bottom:-.08em;left:-2%;overflow:visible}.pmph-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) 1s}.pmph-pen .pmph-pen2{stroke-width:2.2px;opacity:.6;transition-delay:1.55s}.pmph-h.is-on .pmph-pen path{stroke-dashoffset:0}.pmph-lead{max-width:540px;color:color-mix(in srgb,currentColor 80%,transparent);margin:0;font-size:18px;line-height:1.55}.pmph-cta{flex-wrap:wrap;gap:12px;margin-top:6px;display:flex}.pmph-obj{translate:0 calc((var(--sp,.6) - .6) * -110px);justify-content:center;display:flex;position:relative}.pmph.is-final .pmph-obj{translate:0}.pmph-objin{opacity:0;width:min(100%,440px);transition:opacity .9s .25s,translate 1.1s cubic-bezier(.2,.8,.2,1) .25s,rotate 1.2s cubic-bezier(.34,1.56,.64,1) .25s;position:relative;translate:0 26px;rotate:1.5deg}.pmph.is-on .pmph-objin{opacity:1;translate:0;rotate:0deg}.pmph-tape{z-index:3;background:color-mix(in srgb,var(--pm-bone) 64%,transparent);width:112px;height:30px;box-shadow:0 1px 3px #17150f24,inset 0 0 0 1px color-mix(in srgb,var(--pm-cloud) 50%,transparent);clip-path:polygon(3% 0,97% 4%,100% 22%,97% 44%,100% 70%,96% 100%,4% 96%,0 74%,3% 50%,0 26%);position:absolute;top:-14px;left:30px;rotate:-6deg}.pmph-tape.is-r{width:84px;left:auto;right:26px;rotate:7deg}.pmph-card{background:var(--pm-cloud);color:var(--pm-ink);box-shadow:0 0 0 1px color-mix(in srgb,var(--pm-ink) 6%,transparent),0 50px 80px -46px #17150f99,0 10px 24px -14px #17150f40;border-radius:20px;margin:0;padding:14px 14px 18px;transition:rotate .7s cubic-bezier(.34,1.56,.64,1);position:relative;rotate:-2deg}.pmph-card:hover{rotate:0deg}.pmph-ph{aspect-ratio:6/7;background:var(--pm-bone);--pmph-k:0;border-radius:12px;transition:--pmph-k 2.2s cubic-bezier(.55,.05,.3,1) .9s;display:block;position:relative;overflow:hidden}.pmph.is-on .pmph-ph{--pmph-k:1}.pmph.is-final .pmph-ph{--pmph-k:1;transition:none}.pmph-ph img{object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.pmph-sk{filter:grayscale()contrast(1.45)brightness(1.15)}.pmph-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}.pmph-edge{pointer-events:none;width:100%;height:18%;translate:0 calc(((1 - var(--pmph-k)) * 118% - 9%) / .18 - 50%);opacity:calc(var(--pmph-k) * (1 - var(--pmph-k)) * 6);position:absolute;top:0;left:0;overflow:visible}.pmph-edge path{fill:none;stroke:var(--pm-brass);stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.pmph-card figcaption{letter-spacing:.07em;text-transform:uppercase;color:var(--pm-mut);align-items:center;gap:8px;margin:14px 4px 0;font-size:12px;display:flex}.pmph-card figcaption i{background:var(--pm-brass);border-radius:50%;width:7px;height:7px}.pmph-pc{z-index:4;filter:drop-shadow(0 14px 12px #17150f47);width:200px;height:200px;transition:rotate .9s cubic-bezier(.34,1.56,.64,1),translate .9s cubic-bezier(.34,1.56,.64,1);position:absolute;bottom:20px;right:-64px;rotate:-24deg}.pmph-card:hover .pmph-pc{translate:-10px -8px;rotate:-34deg}.pmph-nb{--rule:46px;--mx:78px;padding:30px 30px 18px var(--mx);color:var(--pm-ink);background-color:color-mix(in srgb,var(--pm-cloud) 72%,var(--pm-bone));background-image:repeating-linear-gradient(180deg,transparent 0 calc(var(--rule) - 1px),color-mix(in srgb,var(--pm-ink) 10%,transparent) calc(var(--rule) - 1px) var(--rule));box-shadow:0 0 0 1px color-mix(in srgb,var(--pm-ink) 7%,transparent),0 50px 80px -46px #17150f8c;background-position:0 18px;border-radius:20px;position:relative;rotate:-1.5deg}.pmph-margin{left:calc(var(--mx) - 20px);background:var(--pm-brass);opacity:.85;width:2px;position:absolute;top:0;bottom:0}.pmph-holes{flex-direction:column;justify-content:space-around;padding:30px 0;display:flex;position:absolute;top:0;bottom:0;left:14px}.pmph-holes i{background:var(--pm-bone);border-radius:50%;width:16px;height:16px;display:block;box-shadow:inset 0 2px 3px #17150f38}.pmph.pm-dark .pmph-holes i{background:var(--pm-pine)}.pmph.is-night .pmph-holes i{background:var(--pm-night)}.pmph-nbt{height:var(--rule);letter-spacing:.09em;text-transform:uppercase;color:var(--pm-mut);align-items:flex-end;margin:-12px 0 0;padding-bottom:9px;font-size:12px;display:flex}.pmph-lines{margin:0;padding:0;list-style:none}.pmph-lines li{height:var(--rule);align-items:flex-end;gap:14px;padding-bottom:7px;display:flex;position:relative}.pmph-box{flex:none;width:28px;height:28px;margin-bottom:2px;overflow:visible}.pmph-box path{fill:none;stroke-linecap:round;stroke-linejoin:round}.pmph-bx{stroke:color-mix(in srgb,var(--pm-ink) 55%,transparent);stroke-width:1.6px}.pmph-tk{stroke:var(--pm-brass);stroke-width:3px;stroke-dasharray:30;stroke-dashoffset:30px;transition:stroke-dashoffset .5s cubic-bezier(.65,0,.25,1)}.pmph.is-on .pmph-tk{stroke-dashoffset:0;transition-delay:calc(var(--d) + 1.05s)}.pmph-tx{letter-spacing:-.01em;white-space:nowrap;clip-path:inset(-30% calc(100% - var(--pmph-w)) -30% -4px);font-size:clamp(19px,1.6vw,23px);font-style:italic;font-weight:400;line-height:1.1;display:inline-block;position:relative}.pmph-wr{--pmph-w:0%;display:inline-block;position:relative}.pmph.is-on .pmph-wr{animation:pmph-write 1.05s cubic-bezier(.45,0,.4,1) var(--d) forwards}@keyframes pmph-write{to{--pmph-w:100%}}.pmph.is-final .pmph-wr{--pmph-w:100%;animation:none}.pmph-npc{left:var(--pmph-w);transform-origin:51px 52px;opacity:0;filter:drop-shadow(0 6px 6px #17150f40);width:64px;height:64px;margin-left:-51px;position:absolute;bottom:-12px;rotate:8deg}.pmph.is-on .pmph-npc{animation:pmph-pen 1.05s linear var(--d) forwards}@keyframes pmph-pen{0%{opacity:0}8%{opacity:1}88%{opacity:1}to{opacity:0}}.pmph.is-on .pmph-lines li:last-child .pmph-npc{animation-name:pmph-rest}@keyframes pmph-rest{0%{opacity:0}8%{opacity:1}to{opacity:1;translate:22px 22px;rotate:30deg}}.pmph.is-final .pmph-lines li:last-child .pmph-npc{opacity:1;translate:22px 22px;rotate:30deg}.pmph-tx,.pmph-lines li{overflow:visible}.pmph-blank{height:var(--rule);display:block}.pmph-ty{color:var(--pm-ink);background:color-mix(in srgb,var(--pm-cloud) 72%,var(--pm-bone));box-shadow:0 0 0 1px color-mix(in srgb,var(--pm-ink) 7%,transparent),0 50px 80px -46px #17150f8c;border-radius:20px;padding:34px 34px 30px;position:relative;rotate:1.5deg}.pmph-tyn{padding:0 26px;display:inline-block;position:relative}.pmph-tnum{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:clamp(96px,9vw,150px);line-height:1;display:block}.pmph-ring{width:calc(100% + 34px);height:128%;position:absolute;top:-14%;left:-14px;overflow:visible}.pmph-ring path{fill:none;stroke:var(--pm-brass);stroke-width:3.4px;stroke-linecap:round;stroke-dasharray:640;stroke-dashoffset:640px;transition:stroke-dashoffset 1.1s cubic-bezier(.65,0,.25,1)}.pmph.is-on .pmph-ring path{stroke-dashoffset:0;transition-delay:calc(.75s + var(--ring-d,1.6s))}.pmph-tyl{letter-spacing:-.015em;margin:10px 0 22px;font-size:clamp(24px,2vw,30px);line-height:1.05}.pmph-marks{width:100%;max-height:120px;display:block;overflow:visible}.pmph-marks path{fill:none;stroke:var(--pm-ink);stroke-width:3.2px;stroke-linecap:round;stroke-dasharray:90;stroke-dashoffset:90px;transition:stroke-dashoffset .3s cubic-bezier(.5,0,.3,1)}.pmph-marks path.is-sl{stroke:var(--pm-brass);stroke-width:3.6px}.pmph.is-on .pmph-marks path{stroke-dashoffset:0}.pmph.is-final .pmph-marks path,.pmph.is-final .pmph-ring path,.pmph.is-final .pmph-tk,.pmph.is-final .pmph-pen path{transition:none!important}.pmph-tyc{border-top:1px dashed color-mix(in srgb,var(--pm-ink) 18%,transparent);letter-spacing:.08em;text-transform:uppercase;color:var(--pm-mut);margin:20px 0 0;padding-top:14px;font-size:12px}.pmph.is-tab .pmph-grid{grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:44px}.pmph.is-tab .pmph-h{font-size:clamp(48px,7vw,72px)}.pmph.is-tab .pmph-pc{width:110px;height:110px;right:-26px}.pmph.is-tab .pmph-nb{--mx:58px;padding-right:20px}.pmph.is-tab .pmph-tx{font-size:18px}.pmph.is-ph{min-height:0;padding:112px 0 72px}.pmph.is-ph .pmph-grid{grid-template-columns:1fr;gap:54px}.pmph.is-ph .pmph-h{font-size:clamp(42px,12vw,58px)}.pmph.is-ph .pmph-lead{font-size:16.5px}.pmph.is-ph .pmph-copy{gap:20px}.pmph.is-ph .pmph-obj{translate:0}.pmph.is-ph .pmph-objin{width:min(86%,360px)}.pmph.is-ph .pmph-pc{width:104px;height:104px;bottom:30px;right:-30px}.pmph.is-ph .pmph-nb{--rule:42px;--mx:52px;padding:26px 16px 10px var(--mx)}.pmph.is-ph .pmph-holes{left:9px}.pmph.is-ph .pmph-holes i{width:12px;height:12px}.pmph.is-ph .pmph-margin{left:calc(var(--mx) - 12px)}.pmph.is-ph .pmph-tx{font-size:clamp(15px,4.4vw,17px)}.pmph.is-ph .pmph-box{width:24px;height:24px}.pmph.is-ph .pmph-lines li{gap:10px}.pmph.is-ph .pmph-ty{padding:28px 24px 24px}:is(.pmph.is-ph .pmph-objin:has(.pmph-nb),.pmph.is-ph .pmph-objin:has(.pmph-ty)){width:100%}@media (prefers-reduced-motion:reduce){.pmph-hi{transform:none!important}.pmph-pen path,.pmph-marks path,.pmph-ring path,.pmph-tk{stroke-dashoffset:0!important;transition:none!important}.pmph-obj{translate:0!important}.pmph-objin{opacity:1!important;translate:0!important;rotate:0deg!important}.pmph-ph{--pmph-k:1!important}.pmph-wr{--pmph-w:100%!important;animation:none!important}.pmph-npc{display:none}}