.pj{padding-top:calc(6.5rem + env(safe-area-inset-top))}.pj-hero{padding-bottom:clamp(2.5rem,6vh,4.5rem)}.pj-back{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);transition:color var(--dur-fast) ease;font-size:.72rem;text-decoration:none}.pj-back:hover{color:var(--clay)}.pj-title{letter-spacing:-.025em;margin-top:2rem;font-size:clamp(3rem,9vw,7rem);font-weight:350}.pj-title em{color:var(--clay);font-style:italic}.pj-sub{max-width:46ch;color:var(--ink-2);margin-top:1.2rem;font-size:clamp(1rem,1.2vw,1.15rem)}.pj-grid{gap:clamp(3rem,7vh,5rem);padding-bottom:clamp(5rem,12vh,9rem);display:grid}.pj-card{color:inherit;text-decoration:none;display:block}.pj-img{transition:transform 1.1s var(--ease-out)}.pj-card:hover .pj-img{transform:scale(1.035)}.pj-caption{flex-direction:column;gap:.45rem;padding-top:1.1rem;display:flex}.pj-name{transition:color var(--dur-fast) ease;align-items:baseline;gap:.45em;font-size:clamp(1.4rem,2.4vw,1.9rem);font-weight:400;display:inline-flex}.pj-arrow{font-family:var(--font-body);opacity:0;transition:opacity var(--dur) var(--ease-out), transform var(--dur) var(--ease-out);font-size:.75em;transform:translate(-8px)}.pj-card:hover .pj-name{color:var(--clay)}.pj-card:hover .pj-arrow{opacity:1;transform:none}.pj-desc{color:var(--ink-2);max-width:48ch;font-size:.95rem}@media (min-width:760px){.pj-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(2rem,4vw,4rem)}.pj-item:nth-child(2n){margin-top:clamp(3rem,8vh,6rem)}}