.pcard{border:2px solid var(--paper);background:var(--paper);min-width:0;height:100%;color:var(--ink);box-shadow:0 0 0 var(--yellow);--sel-bg:var(--yellow);--sel-fg:var(--ink);border-radius:4px;flex-direction:column;text-decoration:none;transition:transform .38s cubic-bezier(.16,.8,.3,1),box-shadow .38s cubic-bezier(.16,.8,.3,1);display:flex;position:relative;overflow:hidden}a.pcard:hover,a.pcard:focus-visible{box-shadow:9px 9px 0 var(--yellow);transform:translate(-5px,-7px)}a.pcard:focus-visible{outline-color:var(--yellow);outline-offset:2px}.pcard .art{aspect-ratio:4/3;border-bottom:2px solid var(--ink);min-height:0;position:relative;overflow:hidden}.pcard-art-media{z-index:0;transform-origin:50%;display:block;position:absolute;inset:0;overflow:hidden}.pcard-art-media:before{content:"";opacity:1;transition:transform .6s cubic-bezier(.16,.8,.3,1);position:absolute;inset:0}.pcard:hover .pcard-art-media:before,.pcard:focus-visible .pcard-art-media:before{transform:scale(1.04)}.pcard[data-pattern="1"] .pcard-art-media:before{background:linear-gradient(90deg, transparent 49.6%, var(--ink) 49.6% 50.4%, transparent 50.4%), linear-gradient(transparent 49.6%, var(--ink) 49.6% 50.4%, transparent 50.4%), var(--paper-2);background-size:72px 72px}.pcard[data-pattern="2"] .pcard-art-media:before{background:linear-gradient(135deg, transparent 0 48%, var(--ink) 48% 50%, transparent 50%), linear-gradient(var(--yellow), var(--yellow)) 68% 23% / 31% 34% no-repeat, var(--paper)}.pcard[data-pattern="3"] .pcard-art-media:before{background:repeating-linear-gradient(90deg, transparent 0 21px, #1b160e29 21px 22px), linear-gradient(115deg, var(--paper-2) 0 42%, var(--ship-soft) 42% 74%, var(--paper) 74%)}.pcard[data-pattern="4"] .pcard-art-media:before{background:linear-gradient(var(--ink), var(--ink)) 73% 20% / 2px 61% no-repeat, linear-gradient(90deg, var(--yellow) 0 27%, var(--paper-2) 27% 100%)}.pcard[data-pattern="5"] .pcard-art-media:before{background:linear-gradient(90deg, var(--ink) 2px, transparent 2px) 0 0 / 38px 38px, linear-gradient(var(--ink) 2px, transparent 2px) 0 0 / 38px 38px, linear-gradient(135deg, var(--paper) 0 58%, var(--yellow) 58%)}.pcard:has(.art-shot) .pcard-art-media:before{content:none}.pcard .art-shot{z-index:0;object-fit:cover;object-position:top left;transition:transform .6s cubic-bezier(.16,.8,.3,1)}.pcard:hover .art-shot,.pcard:focus-visible .art-shot{transform:scale(1.04)}.pcard .bd .nm{max-width:14ch;color:var(--ink);font-family:var(--font-display), "Bricolage Grotesque", sans-serif;font-size:var(--d-100);font-weight:var(--w-medium);letter-spacing:-.045em;text-transform:lowercase;margin:0 0 14px;line-height:.86}.pcard .bd{flex-direction:column;flex-grow:1;padding:clamp(20px,2.4vw,30px);display:flex}.pcard .bd p{max-width:40ch;min-height:51px;color:var(--ink-soft);font-size:var(--t-300);margin:0;line-height:1.5}.pcard .bd .meta{border-top:1px solid var(--hairline);font-family:var(--font-mono), "IBM Plex Mono", monospace;font-size:var(--t-100);flex-wrap:wrap;align-items:center;gap:0 8px;margin-top:auto;padding-top:22px;line-height:1.5;display:flex}@media (max-width:620px){.pcard .bd .nm{font-size:var(--d-100)}.pcard .bd p{min-height:0}}@media (prefers-reduced-motion:reduce){.pcard,.pcard .art-shot,.pcard-art-media:before{transition:none}.pcard:hover .pcard-art-media:before,.pcard:focus-visible .pcard-art-media:before{transform:none}}