/* ============================================
   WORK PAGE polish (work.html only; the container, edges and wide-screen steps are the shared ones in css/layout-tokens.css,
   the card style is the shared one in css/landing-polish.css)
============================================ */
/* the pale box is exactly as wide as the container, so the logo, the container and the box share both edges */
body[data-page="work"] .work-page .work-grid {
  width: 100%;
  margin-left: 0; margin-right: 0;
  box-sizing: border-box;
  padding: clamp(22px, 4vw, 52px) clamp(16px, 3vw, 36px);   /* the same on the left and the right */
}
/* the 3D layer is even on all four sides now, so the rows carry no extra padding on the right and the bottom */
body[data-page="work"] .work-grid-row { padding: 0; }
/* the category pill is as wide as its text on every card, including the wide ones */
.work-card-pill { align-self: flex-start; width: fit-content; max-width: 100%; }