.work-page{background:var(--ink)}#work-page-grain{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.work-page main{pointer-events:auto}.work-page-heading{padding:170px var(--gutter) 90px}.work-page-heading h1{font-size:clamp(64px,10vw,160px);font-weight:700;line-height:.85;letter-spacing:-.045em;margin:28px 0 36px}.work-home-link{display:inline-block;border-bottom:1px solid #f9f4eb55;padding-bottom:6px}.work-page .work-section{padding-top:48px}.work-page-footer{display:flex;justify-content:space-between;gap:24px;padding:30px var(--gutter);border-top:1px solid #f9f4eb33}.work-page #pixel-field{mix-blend-mode:normal}
@media(max-width:639px){.work-page-heading{padding-top:140px;padding-bottom:50px}.work-page .work-section{padding-top:24px}}

/* Archive layout controls; case studies retain their own layout. */
.work-page:not(.case-page) .work-page-heading{position:relative;padding-right:35vw}
.work-view-switch{position:absolute;top:205px;left:68%;display:flex;flex-direction:column;align-items:flex-start;gap:3px}
.work-view-switch button{appearance:none;border:0;background:none;padding:0;color:var(--paper);opacity:.3;font-family:SuisseBPIntl,Helvetica,Arial,sans-serif;font-size:clamp(20px,2.2vw,32px);font-weight:400;letter-spacing:-.035em;line-height:1.2;text-align:left;cursor:pointer;transition:opacity .2s}
.work-view-switch button[aria-pressed=true],.work-view-switch button:hover{opacity:1}
.work-view-switch button:focus-visible{outline:1px solid var(--paper);outline-offset:5px}
.work-view-grid #work-rows{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5.5vw 6.7vw;padding:0 8vw 60px}
.work-view-grid .work-row{display:contents}
.work-view-grid .work-card{width:100%;padding:0;gap:0;transform:none!important;will-change:auto}
.work-view-grid .work-card-header,.work-view-grid .work-card-meta{display:none}
.work-view-grid .work-media{aspect-ratio:1}
.work-view-grid .work-media .work-cover-image{height:106%;top:-3%;transform:none!important;will-change:auto}
@media(max-width:991px){
 .work-page:not(.case-page) .work-page-heading{padding-right:var(--gutter)}
 .work-view-switch{position:static;margin:0 0 32px;gap:4px}
 .work-view-grid #work-rows{grid-template-columns:repeat(3,minmax(0,1fr));gap:8vw 6vw;padding:0 0 40px}
}
@media(max-width:479px){.work-view-grid #work-rows{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 24px}}
@media(prefers-reduced-motion:reduce){.work-view-switch button{transition:none}}