.p-block{border:var(--rule) solid var(--color-line);background:var(--color-paper-deep);box-shadow:var(--shadow-block);border-radius:0}.p-block--lift{transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out)}@media (hover:hover){.p-block--lift:hover{box-shadow:9px 9px 0 var(--color-shadow);transform:translate(-3px,-3px)}}.p-notch{--notch:28px;clip-path:polygon(0 0, calc(100% - var(--notch)) 0, 100% var(--notch), 100% 100%, 0 100%)}.p-chip{border:2px solid var(--color-line);font:700 12px / 1.3 var(--font-display);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;padding:3px 8px;display:inline-block}.p-circle{aspect-ratio:1;background:var(--color-circle);border-radius:50%;display:block}.p-link{color:var(--color-ink);background:linear-gradient(var(--color-accent), var(--color-accent)) 0 100% / 100% 3px no-repeat;transition:background-size var(--dur-fast) var(--ease-out);padding-bottom:3px;font-weight:700;text-decoration:none;display:inline}.p-link__end{white-space:nowrap}.p-link__arrow{transition:transform var(--dur-fast) var(--ease-out);margin-left:.3em;display:inline-block}@media (hover:hover){.p-link:hover{background-size:100% 6px}.p-link:hover .p-link__arrow{transform:translate(4px)}}.p-frame{margin:0;display:block;position:relative}.p-frame__plate{border:var(--rule) solid var(--color-line);background:var(--color-paper-deep);box-shadow:var(--shadow-block);position:absolute;inset:0}.p-frame__img{border:var(--rule) solid var(--color-line);background:var(--color-paper-dim);width:100%;height:auto;display:block;position:relative}.p-frame--phone{max-width:240px}@keyframes p-lay{0%{opacity:0;transform:translateY(-60px)}to{opacity:1;transform:none}}@keyframes p-stamp{0%{opacity:0;transform:translateY(-12px)scale(1.7)}to{opacity:1;transform:none}}@keyframes p-slide-l{0%{transform:translate(-120%)}to{transform:none}}@keyframes p-slide-r{0%{transform:translate(120%)}to{transform:none}}@keyframes p-slide-b{0%{transform:translateY(120%)}to{transform:none}}@keyframes p-pop{0%{transform:scale(0)}to{transform:none}}@keyframes p-roll{0%{transform:translate(40%)}to{transform:none}}@keyframes p-wipe{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes p-wiggle{0%{transform:none}30%{transform:rotate(-4deg)}65%{transform:rotate(4deg)}to{transform:none}}[data-enter=in] .p-circle[data-enter-kind=roll]{animation:p-roll var(--dur-roll) var(--ease-overshoot) both}[data-enter=in] .p-circle[data-enter-kind=pop]{animation:p-pop .6s var(--ease-overshoot) both}[data-enter=out] .p-circle[data-enter-kind=roll]{transform:translate(40%)}[data-enter=out] .p-circle[data-enter-kind=pop]{transform:scale(0)}@media (prefers-reduced-motion:reduce){.p-block--lift,.p-link,.p-link__arrow{transition:none}.p-circle{animation:none!important;transform:none!important}}