/* Six equal thumbnails; the main company site holds the full archive. */
.work-page .work{padding-bottom:65px}
.work-page .section-heading{margin:34px 0 40px}
.work-page .section-heading h1{font-size:clamp(42px,5.2vw,76px)}
.work-page .section-heading p{font-size:13px}
.work-page .work-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 24px}
.work-page .project-image{aspect-ratio:1/1}
.work-page .project-image img{filter:grayscale(1) brightness(.78);transition:filter .45s ease,transform .6s ease}
.work-page .project:hover img,.work-page .project:focus-visible img{filter:grayscale(0) brightness(1);transform:scale(1.025)}
.work-page .project-caption{display:block;margin-top:15px}
.work-page .project-caption h2{font-size:17px;letter-spacing:-.35px;line-height:1.35;font-weight:400;margin:0 0 6px}
.work-page .project-caption>.mono{display:block;text-align:left;font-size:9px;letter-spacing:.045em;color:#9e9e94}
.work-page .image-index{top:17px;left:17px;font-size:9px;color:#dfdfd7}
.work-page .project-open{width:35px;height:35px;right:15px;bottom:15px;font-size:20px}
.work-page .project-image:after{background:linear-gradient(180deg,#0003,transparent 30%,#0003)}
.work-page .archive-link{margin-top:42px}
@media(max-width:900px){.work-page .work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.work-page .work-grid{grid-template-columns:1fr;gap:30px}.work-page .section-heading{margin:28px 0}.work-page .project-caption h2{font-size:18px}.work-page .project-caption>.mono{font-size:9px}.work-page .work{padding-top:118px}.work-page .archive-link{gap:18px}.work-page .work-cta .text-link{font-size:19px}}
@media(hover:none){.work-page .project:active img{filter:grayscale(0) brightness(1)}}
@media(prefers-reduced-motion:reduce){.work-page .project-image img{transition:none}}