.works-page{--works-h:calc(100dvh - var(--hdr));--pad:20px;touch-action:none;overscroll-behavior:none}@media (min-width:640px){.works-page{--pad:50px}}.works-page canvas{display:block}.works-page .works_backdrop{object-fit:cover;opacity:.07;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:fixed;inset:0;transform:scale(1.06);-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 35% 85%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 35% 85%,#0000 100%)}@media not all and (min-width:640px){.works-page .works_backdrop{-webkit-mask-image:linear-gradient(#0000 0%,#000 25% 85%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 25% 85%,#0000 100%)}}.works-page .works{width:100%;height:100%;position:absolute;top:0;left:0}.works-page .works.is-pointer{cursor:pointer}.works-page .works_inner{z-index:2;position:absolute;top:0;left:0}@media not all and (min-width:640px){.works-page .works_inner{width:100%}}@media (min-width:640px){.works-page .works_inner{height:100%;display:flex}.works-page .works_inner>*{flex-shrink:0}}.works-page .works_list{position:relative}@media not all and (min-width:640px){.works-page .works_list{width:100%;min-height:var(--works-h)}}@media (min-width:640px){.works-page .works_list{min-width:100vw;height:100%}}.works-page .works_list .content{position:absolute;top:0;left:0}@media not all and (min-width:640px){.works-page .works_list .content{width:100%}}@media (min-width:640px){.works-page .works_list .content{height:100%}}.works-page .works_list .srclist{display:none}.works-page .works_list canvas{z-index:2;position:relative}.works-page .works_list .titles{z-index:2;position:absolute}@media not all and (min-width:640px){.works-page .works_list .titles{top:calc(50% + 20px);left:20px}}@media (min-width:640px){.works-page .works_list .titles{left:calc(50% + var(--pad));top:var(--pad)}}@media (min-width:640px) and (not (min-height:560px)){.works-page .works_list .titles{left:var(--pad);top:calc(100% - 64px)}}.works-page .works_list .titles p{letter-spacing:-.01em;white-space:nowrap;margin:0;position:absolute;top:0;left:0}@media not all and (min-width:640px){.works-page .works_list .titles p{writing-mode:vertical-rl}}.works-page .works_list .titles p span{display:block}.works-page .works_list .titles p .t{font-family:var(--font-display);color:var(--ink);font-size:26px;font-weight:600;line-height:1.1}.works-page .works_list .titles p .c{color:var(--mute);letter-spacing:.16em;text-transform:uppercase;font-size:13px;font-weight:500}@media not all and (min-width:640px){.works-page .works_list .titles p .c{margin-right:6px}}@media (min-width:640px){.works-page .works_list .titles p .c{margin-top:12px}}.works-page .works_footer{position:relative}@media not all and (min-width:640px){.works-page .works_footer{width:100%;height:var(--works-h)}}@media (min-width:640px){.works-page .works_footer{width:100vw;height:100%}}.works-page .works_footer .content{width:100%;height:100%;opacity:var(--ftScroll,0);position:absolute;top:0;left:0}@media not all and (min-width:640px){.works-page .works_footer .content{transform:translate3d(0, calc((1 - var(--ftScroll,0)) * -50%), 0)}}@media (min-width:640px){.works-page .works_footer .content{transform:translate3d(calc((1 - var(--ftScroll,0)) * -50%), 0, 0)}}.works-page .works_cr{color:var(--ink);white-space:nowrap;text-align:center;margin:0;font-weight:700;position:absolute}@media not all and (min-width:640px){.works-page .works_cr{line-height:15px;top:24px;left:50%;transform:translate(-50%)}}@media (min-width:640px){.works-page .works_cr{line-height:21px;top:50%;left:85px;transform:translateY(-50%)}}.works-empty{text-align:center;color:var(--mute);place-content:center;gap:8px;display:grid}.works-empty .t-serif{color:var(--ink);margin:0;font-size:32px}