/* Same records, adapted to window width and pointer capability. */
.pcard{position:relative;isolation:isolate;outline-offset:5px;cursor:pointer;--portfolio-glow:#d9788f;--portfolio-secondary:#7969d5}
.pcard:nth-child(3n+2){--portfolio-glow:#7fe7d0;--portfolio-secondary:#3073af}.pcol:nth-child(2) .pcard{--portfolio-glow:#e8a566;--portfolio-secondary:#b460a2}
.pcard .pimg{position:relative;isolation:isolate;overflow:hidden}
.pcard .pimg::after{content:'';position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse at 22% 85%,color-mix(in srgb,var(--portfolio-glow) 72%,transparent),transparent 65%),radial-gradient(ellipse at 90% 15%,color-mix(in srgb,var(--portfolio-secondary) 50%,transparent),transparent 60%);mix-blend-mode:screen;transition:opacity .65s ease}
.pcard .ptt,.pcard .pts{position:relative;z-index:2}
.pcard:focus-visible{outline:1px solid var(--acc)}
@media(min-width:1000px){.pgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.pcol{min-width:0}.pcard{margin-bottom:32px}.pcard .ptt{font:400 23px/1.2 'Inter Tight',system-ui,sans-serif;letter-spacing:-.025em;margin-top:15px}.pcard .pts{font:400 10px/1.6 var(--mono);text-transform:uppercase;letter-spacing:.09em;margin-top:7px}}
@media(min-width:1000px) and (hover:hover) and (pointer:fine){
 .pcard{transition:transform .55s cubic-bezier(.2,.65,.2,1)}
 .pcard .pimg{background:var(--card);transition:box-shadow .65s ease}
 .pcard .psw img{filter:saturate(.18) brightness(.78);transition:filter .75s ease,transform .85s cubic-bezier(.2,.65,.2,1);transform:scale(1)}
 .pcard:is(:hover,:focus-visible){transform:translateY(-4px)}
 .pcard:is(:hover,:focus-visible) .psw img{filter:saturate(1.15) brightness(1.02);transform:scale(1.025)}
 .pcard:is(:hover,:focus-visible) .pimg::after{opacity:.58}
 .pcard:is(:hover,:focus-visible) .pimg{box-shadow:0 12px 45px color-mix(in srgb,var(--portfolio-glow) 13%,transparent)}
 .pcard:is(:hover,:focus-visible) .ptt{color:var(--acc)}
}
@media(hover:none),(pointer:coarse),(max-width:999px){.pcard .psw img{filter:none;transform:none}.pcard:active .pimg::after{opacity:.25}.pcard .ptt{color:var(--ink)}}
@media(prefers-reduced-motion:reduce){.pcard,.pcard *{transition:none!important}.pcard:is(:hover,:focus-visible),.pcard:is(:hover,:focus-visible) .psw img{transform:none}}
.pcard .pimg::after{display:none!important;content:none!important}.pcard:is(:hover,:focus-visible) .pimg{box-shadow:none!important}