/* Keep WORKS comparable at every scroll position, using the existing responsive grid. */
.works-grid { gap: 48px 24px; }
.works-grid .work-thumb { filter: none; margin-bottom: 4px; }
.works-grid .work-plain { color: var(--text); }
.works-grid .work-see {
  min-height: 44px;
  text-decoration: underline;
  text-underline-offset: 5px;
}
.works-grid .work-see::after { display: none; }
.works-grid .work-card-main:focus-visible,
.works-grid .work-official:focus-visible {
  outline: 2px solid var(--text);
  outline-offset: 4px;
}
@media (max-width: 639px) {
  .works-grid { gap: 36px; }
  .works-grid .work-card-main { padding-bottom: 4px; }
  .works-grid .work-name { font-size: 1.25rem; }
}