body[data-page=works]{min-height:150.5vw}
.works-main{padding:max(12.25vw,calc(var(--brand-top) + var(--brand-base)*var(--brand-scale)*.85 + 3.6vw)) 1.3vw 34.6vw;min-height:150.5vw}
.works-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:1.3vw;row-gap:3.3vw;align-items:start}
.work-card{min-width:0;margin:0}
.work-media{aspect-ratio:770 / 1000;width:100%;overflow:hidden;background:#151515}
.work-media img,.work-media video{display:block;width:100%;height:100%;object-fit:cover}
.work-caption{margin-top:1.25vw;color:#6c6c6c;font:700 calc(1.25vw*var(--caption-scale,1))/1.35 var(--display);letter-spacing:-.025em;overflow-wrap:anywhere}
.work-title,.work-category{display:block;margin:0}
.works-empty{padding:4vw 0;color:#777}
.works-empty[hidden]{display:none}
@media(min-width:768px){
 body[data-page=works]{--brand-top:1.05vw}
 body[data-page=works] .site-title{left:.8vw}
 body[data-page=works] .site-nav{top:2.95vw;left:67.1vw;right:1.3vw;justify-content:space-between;gap:0;font-size:calc(2.8vw*var(--nav-scale,1))}
 .work-card:nth-child(n+4) .work-caption{margin-top:3.1vw}
}
@media(max-width:767px){
 body[data-page=works]{min-height:100dvh}.works-main{padding:190px 12px 160px;min-height:100dvh}
 .works-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 12px}.work-caption{margin-top:10px;font-size:calc(13px*var(--caption-scale,1))}
}
@media(max-width:480px){.works-grid{grid-template-columns:1fr;row-gap:32px}}