.px-work__head{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px 24px;justify-content:space-between;margin-bottom:48px}.px-work__head .px-section-head{margin-bottom:0}.px-work__note{color:var(--px-muted);font-size:.875rem;margin:0}.px-work__grid{display:grid;gap:16px;grid-template-columns:minmax(0,1fr);list-style:none;margin:0;padding:0}@media (min-width:768px){.px-work__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.px-work__grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}}.px-work__card{background-color:var(--px-surface);border:1px solid var(--px-border);border-radius:var(--px-radius);display:flex;flex-direction:column;overflow:hidden;position:relative;transition:border-color .2s ease}.px-work__card:hover{border-color:rgba(var(--px-primary-rgb),.5)}.px-work__cover{aspect-ratio:4/3;overflow:hidden;position:relative}.px-work__cover img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.px-work__card:hover .px-work__cover img{transform:scale(1.04)}.px-work__shine{background-image:radial-gradient(circle at 30% 30%,hsla(0,0%,100%,.2),transparent 50%);inset:0;position:absolute}.px-work__cover-title{bottom:16px;color:hsla(0,0%,100%,.92);font-family:var(--px-font-heading);font-size:2.25rem;font-weight:800;left:16px;letter-spacing:-.025em;line-height:1;position:absolute;right:16px}.px-work__body{display:flex;flex:1;flex-direction:column;padding:20px}.px-work__meta{align-items:center;display:flex;flex-wrap:wrap;gap:4px 12px;justify-content:space-between}.px-work__tags{color:var(--px-muted);font-family:var(--px-font-mono);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.px-work__value{color:var(--px-primary);font-family:var(--px-font-heading);font-weight:700}.px-work__title{font-size:1.125rem;margin:12px 0 0}.px-work__link{color:inherit;text-decoration:none}.px-work__link:after{content:"";inset:0;position:absolute}.px-work__text{color:var(--px-muted);font-size:.875rem;line-height:1.6;margin:8px 0 0}.px-work__more{align-items:center;color:var(--px-primary);display:inline-flex;font-size:.875rem;font-weight:600;gap:6px;margin-top:auto;padding-top:16px}.px-work__more-icon{height:16px;width:16px}@media (prefers-reduced-motion:reduce){.px-work__card,.px-work__cover img{transition:none}.px-work__card:hover .px-work__cover img{transform:none}}