/* Three tilted belts preserve the original large/small project pairings. */
#works .filter-bar{margin-bottom:12px}
.works-rail-tools{display:flex;justify-content:flex-end;min-height:44px;color:var(--red)}
.belt-toggle{min-height:44px;padding:8px 0 8px 18px;display:flex;gap:10px;align-items:center;background:none;font:500 14px/1.7 var(--jp);color:var(--red)}
#works .works-belts{display:block;overflow:hidden;margin:0 -36px;padding:75px 0 90px}
#works .works-belt{position:relative;display:flex;align-items:flex-start;gap:clamp(35px,6vw,110px);width:110%;margin-left:-5%;padding:22px 5vw 35px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;transform:rotate(var(--belt-angle));transform-origin:center;cursor:grab;isolation:isolate}
#works .works-belt::-webkit-scrollbar{display:none}
#works .works-belt+.works-belt{margin-top:95px}
#works .works-belt .work{display:block;flex:0 0 clamp(350px,48vw,780px);width:auto;min-width:0;margin-top:0;cursor:inherit;scroll-margin-inline:8vw}
#works .works-belt .work-small{flex-basis:clamp(260px,31vw,500px);margin-top:110px}
#works .works-belt:nth-child(2) .work-small{margin-top:30px}#works .works-belt:nth-child(2) .work-large{margin-top:95px}
#works .works-belt:nth-child(3) .work-small{margin-top:70px}
#works .works-belt .work-meta{flex-wrap:wrap;font-size:12px;line-height:1.7}.works-belt .work-name{font-size:14px;line-height:1.8}.works-belt .image-tag{font-size:12px}
#works .works-belt .work-image img{-webkit-user-drag:none;pointer-events:none}.works-belt .work{user-select:none}
#works .works-belt.is-dragging{cursor:grabbing;user-select:none}#works .works-belt.is-dragging .work-image img{transform:none}
#works .works-belt:focus-visible{outline:2px solid var(--red);outline-offset:-3px}
#works .works-belt .work:focus-visible{outline-offset:5px}
#works .all-works{margin-top:0}
@media(max-width:700px){
 #works .works-belts{margin:0 -20px;padding:35px 0 45px}
 #works .works-belt{gap:28px;padding-top:14px;padding-bottom:20px;cursor:auto}
 #works .works-belt+.works-belt{margin-top:50px}
 #works .works-belt .work{flex-basis:80vw}#works .works-belt .work-small{flex-basis:62vw;margin-top:58px}
 #works .works-belt:nth-child(2) .work-small{margin-top:0}#works .works-belt:nth-child(2) .work-large{margin-top:48px}
 #works .works-belt:nth-child(3) .work-small{margin-top:36px}
 #works .works-belt .work-title{font-size:24px;line-height:1.6}#works .works-belt .work-meta{font-size:12px}
}
@media(prefers-reduced-motion:reduce){#works .works-belt{scroll-behavior:auto}}