.piece-card{display:flex;flex-direction:column;gap:1rem}.pc-media{position:relative;display:block;aspect-ratio:3/4}.pc-img{position:absolute;inset:0;transition:transform 1.2s var(--ease-out),clip-path .9s var(--ease-in-out)}.pc-img-alt{clip-path:inset(100% 0 0 0);transform:scale(1.12)}.pc-media:hover .pc-img{transform:scale(1.04)}.pc-media:hover .pc-img-alt{clip-path:inset(0 0 0 0);transform:scale(1)}.pc-index{position:absolute;top:1rem;left:1rem;color:var(--ivory);mix-blend-mode:difference}.pc-info{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.pc-meta{margin-top:.4rem;opacity:.6}.pc-add{position:relative;flex-shrink:0;width:2.4rem;height:2.4rem;border:1px solid var(--line);border-radius:50%;transition:background-color .4s,border-color .4s,transform .6s var(--ease-out)}.pc-add span{position:absolute;top:50%;left:50%;width:.8rem;height:1px;background:currentColor;transform:translate(-50%,-50%);transition:transform .5s var(--ease-out)}.pc-add span:last-child{transform:translate(-50%,-50%) rotate(90deg)}.pc-add:hover{border-color:var(--gold);transform:rotate(90deg)}.pc-add.is-selected{background:var(--gold);border-color:var(--gold);color:var(--ivory)}.pc-add.is-selected span:first-child{width:.4rem;transform:translate(-90%,10%) rotate(45deg)}.pc-add.is-selected span:last-child{width:.75rem;transform:translate(-30%,-50%) rotate(-50deg)}.piece-grid{padding:clamp(6rem,12vw,10rem) 0}.pg-head{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:clamp(2.5rem,5vw,4rem)}.pg-head h2{margin-top:1.25rem}.pg-list{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(2rem,3vw,3rem) clamp(1rem,1.6vw,1.75rem)}@media (max-width:1000px){.pg-list{grid-template-columns:repeat(2,1fr)}}