.work-index-page { background: #fff; color: var(--ink); }
.work-index-page .site-nav .nav-link.active,
.work-index-page .mobile-menu-link[aria-current="page"] { color: var(--muted); }
.work-main { padding: 0 var(--page-padding) 160px; }
.work-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.work-directory { display: grid; grid-template-columns: repeat(12,minmax(0,1fr)); gap: 24px; padding-top: 46px; margin-bottom: 88px; box-sizing: border-box; }
.work-directory-label { grid-column: 1 / span 3; margin: 0; font-size: 16px; }
.work-project-links { grid-column: 4 / span 5; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); align-content: start; gap: 7px 32px; font-size: 16px; line-height: 1.2; }
.work-project-links a { display: block; width: fit-content; color: inherit; text-decoration: none; transition: color 260ms ease; }
.work-project-links a:hover,.work-project-links a:focus-visible { color: var(--muted); }
.work-filters { grid-column: 10 / -1; display: flex; flex-direction: column; align-items: flex-start; gap: 7px; }
.work-filters a { display: block; color: var(--ink); font-size: 16px; text-decoration: none; cursor: pointer; transition: color 260ms ease; }
.work-filters a:hover,.work-filters a:focus-visible,.work-filters a.is-active { color: var(--muted); }
.work-gallery { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); align-items: end; gap: 24px; }
.work-card { display: block; min-width: 0; color: inherit; text-decoration: none; }
.work-index { display: block; margin-bottom: 8px; font-size: 13px; line-height: 1; }
.work-card figure { width: 100%; margin: 0; overflow: hidden; aspect-ratio: 3 / 4; background: #f3f3f1; }
.work-card--regal figure { aspect-ratio: 4 / 3; }
.work-card img { display: block; width: 100%; height: 100%; object-fit: cover; }
.work-caption { display: flex; justify-content: space-between; gap: 18px; margin-top: 10px; font-size: 14px; line-height: 1.25; }
.work-caption strong { color: var(--ink); }
.work-caption span { color: var(--muted); text-align: right; }
.work-motion-ready .work-directory-label,
.work-motion-ready .work-project-links a,
.work-motion-ready .work-filters a { opacity: 0; transform: translateY(100%); clip-path: inset(0 0 100% 0); }
.work-motion-ready.work-entered .work-directory-label,
.work-motion-ready.work-entered .work-project-links a,
.work-motion-ready.work-entered .work-filters a { opacity: 1; transform: translateY(0); clip-path: inset(0); transition: color 260ms ease,opacity 900ms cubic-bezier(.9,0,.1,1),transform 900ms cubic-bezier(.9,0,.1,1),clip-path 900ms cubic-bezier(.9,0,.1,1); }
.work-motion-ready.work-entered .work-project-links a:nth-child(1) { transition-delay: 70ms; }
.work-motion-ready.work-entered .work-project-links a:nth-child(2) { transition-delay: 110ms; }
.work-motion-ready.work-entered .work-project-links a:nth-child(3) { transition-delay: 150ms; }
.work-motion-ready.work-entered .work-project-links a:nth-child(4) { transition-delay: 190ms; }
.work-motion-ready.work-entered .work-project-links a:nth-child(5) { transition-delay: 230ms; }
.work-motion-ready.work-entered .work-filters a:nth-child(1) { transition-delay: 180ms; }
.work-motion-ready.work-entered .work-filters a:nth-child(2) { transition-delay: 220ms; }
.work-motion-ready.work-entered .work-filters a:nth-child(3) { transition-delay: 260ms; }
.work-motion-ready.work-entered .work-filters a:nth-child(4) { transition-delay: 300ms; }
.work-motion-ready.work-entered .work-filters a:nth-child(5) { transition-delay: 340ms; }
.work-motion-ready .work-card figure { clip-path: inset(100% 0 0); }
.work-motion-ready .work-card .work-index,.work-motion-ready .work-card .work-caption { opacity: 0; transform: translateY(20px); }
.work-motion-ready .work-card.is-visible figure { clip-path: inset(0); transition: clip-path 1000ms cubic-bezier(.9,0,.1,1); }
.work-motion-ready .work-card.is-visible .work-index,.work-motion-ready .work-card.is-visible .work-caption { opacity: 1; transform: translateY(0); transition: opacity 1200ms cubic-bezier(.9,0,.1,1) 180ms,transform 1200ms cubic-bezier(.9,0,.1,1) 180ms; }
.work-card[hidden] { display: none; }
.work-index-page #portfolio-ending { margin-top: 0; }
@media (max-width: 900px) {
  .work-main { padding: 0 12px 104px; }
  .work-directory { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 32px 12px; min-height: 0; padding-top: 46px; margin-bottom: 70px; }
  .work-directory-label { grid-column: 1 / -1; }
  .work-project-links { grid-column: 1 / span 3; grid-template-columns: 1fr; gap: 7px; font-size: 16px; }
  .work-filters { grid-column: 4; }
  .work-gallery { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
  .work-card--regal { width: 100%; }
  .work-caption { flex-direction: column; gap: 3px; }
  .work-caption span { text-align: left; }
}
@media (max-width: 520px) {
  .work-project-links { grid-column: 1 / span 2; font-size: 16px; }
  .work-filters { grid-column: 3 / -1; }
  .work-gallery { grid-template-columns: 1fr; }
  .work-card--regal { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .work-directory > *,.work-card figure,.work-card .work-index,.work-card .work-caption { opacity: 1 !important; transform: none !important; clip-path: none !important; transition: none !important; }
}