.WorksIndex-module__fpOo4a__section{padding:calc(var(--head-top) + 40px) var(--gutter) var(--sec-pad);background:var(--ink);min-height:100svh;position:relative}.WorksIndex-module__fpOo4a__head{grid-template-columns:1fr auto;gap:20px 40px;margin-bottom:8svh;display:grid}.WorksIndex-module__fpOo4a__titleRow{grid-column:1/-1;justify-content:space-between;align-items:center;display:flex}.WorksIndex-module__fpOo4a__count{color:var(--dim)}.WorksIndex-module__fpOo4a__h1{font-family:var(--f-serif);letter-spacing:.02em;font-size:clamp(64px,11vw,190px);font-weight:900;line-height:1}.WorksIndex-module__fpOo4a__h1 [data-in]{display:inline-block}.WorksIndex-module__fpOo4a__lede{max-width:340px;font-family:var(--f-hand);color:var(--dim);align-self:end;font-size:17px;line-height:1.8}.WorksIndex-module__fpOo4a__lede em{color:var(--accent);font-style:normal}.WorksIndex-module__fpOo4a__filters{flex-wrap:wrap;grid-column:1/-1;gap:8px;margin-top:8px;display:flex}.WorksIndex-module__fpOo4a__filters button{height:40px;box-shadow:inset 0 0 0 1px var(--faint);color:var(--dim);border-radius:3px;padding:0 18px;transition:background .3s,color .3s,box-shadow .3s}.WorksIndex-module__fpOo4a__filters button:hover{color:var(--paper);box-shadow:inset 0 0 0 1px var(--dim)}.WorksIndex-module__fpOo4a__filters .WorksIndex-module__fpOo4a__on,.WorksIndex-module__fpOo4a__filters .WorksIndex-module__fpOo4a__on:hover{background:var(--paper);color:var(--ink)}.WorksIndex-module__fpOo4a__cols,.WorksIndex-module__fpOo4a__link{grid-template-columns:64px minmax(0,1fr) 150px 130px 90px;align-items:center;gap:24px;display:grid}.WorksIndex-module__fpOo4a__cols{color:var(--dim);border-bottom:1px solid var(--line);padding:0 72px 14px 0}.WorksIndex-module__fpOo4a__cols span:last-child{display:none}.WorksIndex-module__fpOo4a__list{list-style:none}.WorksIndex-module__fpOo4a__row{border-bottom:1px solid var(--line);animation:WorksIndex-module__fpOo4a__rise .9s var(--ease-out) both;animation-delay:calc(var(--k) * 60ms);transition:opacity .4s;position:relative}@keyframes WorksIndex-module__fpOo4a__rise{0%{opacity:0;transform:translateY(20px)}}.WorksIndex-module__fpOo4a__rowDim{opacity:.5}.WorksIndex-module__fpOo4a__link{padding:26px 72px 26px 0}.WorksIndex-module__fpOo4a__no{color:var(--dim)}.WorksIndex-module__fpOo4a__rowOn .WorksIndex-module__fpOo4a__no{color:var(--amber)}.WorksIndex-module__fpOo4a__thumb{display:none}.WorksIndex-module__fpOo4a__name{flex-wrap:wrap;align-items:baseline;gap:6px 18px;display:flex}.WorksIndex-module__fpOo4a__title{font-family:var(--f-classic);letter-spacing:.02em;transition:translate .7s var(--ease-out), color .3s;font-size:clamp(32px,4.4vw,72px);font-weight:400;line-height:1.15}.WorksIndex-module__fpOo4a__rowOn .WorksIndex-module__fpOo4a__title{translate:18px}.WorksIndex-module__fpOo4a__ch{vertical-align:top;flex-direction:column;height:1.15em;display:inline-flex;overflow:hidden}.WorksIndex-module__fpOo4a__ch span{transition:transform .6s var(--ease-out) var(--d);line-height:1.15;display:block}.WorksIndex-module__fpOo4a__ch span:last-child{color:var(--accent);visibility:hidden;transition:transform .6s var(--ease-out) var(--d), visibility 0s linear calc(.6s + var(--d))}.WorksIndex-module__fpOo4a__rowOn .WorksIndex-module__fpOo4a__ch span:last-child{visibility:visible;transition:transform .6s var(--ease-out) var(--d), visibility 0s}.WorksIndex-module__fpOo4a__rowOn .WorksIndex-module__fpOo4a__ch span{transform:translateY(-100%)}.WorksIndex-module__fpOo4a__en{color:var(--dim);font-size:18px}.WorksIndex-module__fpOo4a__cell{color:var(--dim);letter-spacing:.06em;font-size:14px}.WorksIndex-module__fpOo4a__play{width:52px;height:52px;box-shadow:inset 0 0 0 1px var(--faint);transition:background .3s, color .3s, box-shadow .3s, transform .5s var(--ease-out);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;right:0;translate:0 -50%}.WorksIndex-module__fpOo4a__play svg{width:16px;height:16px;margin-left:3px}.WorksIndex-module__fpOo4a__play:hover,.WorksIndex-module__fpOo4a__rowOn .WorksIndex-module__fpOo4a__play{background:var(--paper);color:var(--ink);box-shadow:none}.WorksIndex-module__fpOo4a__preview{aspect-ratio:16/10;pointer-events:none;z-index:20;opacity:0;width:clamp(260px,24vw,380px);transition:opacity .4s, scale .6s var(--ease-out);border-radius:4px;margin:-110px 0 0 30px;position:fixed;top:0;left:0;overflow:hidden;scale:.8;box-shadow:0 30px 70px #00000080}.WorksIndex-module__fpOo4a__previewOn{opacity:1;scale:1}.WorksIndex-module__fpOo4a__preview img{object-fit:cover;width:100%;height:100%;filter:var(--stock);opacity:0;transition:opacity .45s,transform 4s linear;position:absolute;inset:0;transform:scale(1.12)}.WorksIndex-module__fpOo4a__preview img.WorksIndex-module__fpOo4a__cur{opacity:1;transform:scale(1)}.WorksIndex-module__fpOo4a__previewTag{color:#efe6d2;text-shadow:0 1px 6px #0009;position:absolute;bottom:10px;left:12px}@media (hover:none),(max-width:960px){.WorksIndex-module__fpOo4a__preview,.WorksIndex-module__fpOo4a__cols{display:none}.WorksIndex-module__fpOo4a__head{grid-template-columns:1fr}.WorksIndex-module__fpOo4a__link{grid-template-rows:auto auto;grid-template-columns:96px minmax(0,1fr);gap:6px 16px;padding:18px 64px 18px 0}.WorksIndex-module__fpOo4a__no{display:none}.WorksIndex-module__fpOo4a__thumb{aspect-ratio:4/5;border-radius:3px;grid-row:1/3;display:block;overflow:hidden}.WorksIndex-module__fpOo4a__thumb img{object-fit:cover;width:100%;height:100%;filter:var(--stock)}.WorksIndex-module__fpOo4a__title{font-size:28px}.WorksIndex-module__fpOo4a__cell{display:none}.WorksIndex-module__fpOo4a__rowDim{opacity:1}.WorksIndex-module__fpOo4a__name{align-self:end}.WorksIndex-module__fpOo4a__cell{align-self:start;font-size:13px;line-height:1.5}.WorksIndex-module__fpOo4a__cell:nth-child(4){display:block}}@media (min-width:600px) and (hover:none),(min-width:600px) and (max-width:960px){.WorksIndex-module__fpOo4a__link{grid-template-columns:96px auto auto minmax(0,1fr);gap:8px 24px}.WorksIndex-module__fpOo4a__name{grid-column:2/-1}.WorksIndex-module__fpOo4a__cell{display:block}.WorksIndex-module__fpOo4a__title{font-size:clamp(28px,3.8vw,36px)}}@media (hover:none) and (min-width:1000px){.WorksIndex-module__fpOo4a__cols,.WorksIndex-module__fpOo4a__link{grid-template-rows:none;grid-template-columns:112px minmax(0,1fr) 150px 130px 90px;gap:24px}.WorksIndex-module__fpOo4a__cols{display:grid}.WorksIndex-module__fpOo4a__link{padding:18px 72px 18px 0}.WorksIndex-module__fpOo4a__name{grid-column:auto;align-self:center}.WorksIndex-module__fpOo4a__thumb{aspect-ratio:4/3;grid-row:auto}.WorksIndex-module__fpOo4a__cell{align-self:center;font-size:14px}.WorksIndex-module__fpOo4a__title{font-size:clamp(32px,3.6vw,52px)}}@media (pointer:coarse){.WorksIndex-module__fpOo4a__filters button{height:44px}}html[data-layout=flow] .WorksIndex-module__fpOo4a__section{padding-top:calc(var(--head-top) + 12px)}html[data-layout=flow] .WorksIndex-module__fpOo4a__head{grid-template-columns:minmax(0,1fr);gap:14px;margin-bottom:clamp(28px,5svh,48px)}html[data-layout=flow] .WorksIndex-module__fpOo4a__h1{font-size:clamp(56px,17vw,120px)}html[data-layout=flow] .WorksIndex-module__fpOo4a__lede{max-width:30em;font-size:16px}:is(html[data-layout=flow] .WorksIndex-module__fpOo4a__preview,html[data-layout=flow] .WorksIndex-module__fpOo4a__cols){display:none}html[data-layout=flow] .WorksIndex-module__fpOo4a__list{--thumb:clamp(76px, 22cqw, 112px);container:list/inline-size}html[data-layout=flow] .WorksIndex-module__fpOo4a__link{grid-template-columns:var(--thumb) minmax(0, 1fr);grid-template-rows:auto auto;align-items:center;gap:6px 16px;padding:16px 0}html[data-layout=flow] .WorksIndex-module__fpOo4a__no{display:none}html[data-layout=flow] .WorksIndex-module__fpOo4a__thumb{aspect-ratio:4/5;border-radius:3px;grid-row:1/3;display:block;overflow:hidden}html[data-layout=flow] .WorksIndex-module__fpOo4a__thumb img{object-fit:cover;width:100%;height:100%;filter:var(--stock)}html[data-layout=flow] .WorksIndex-module__fpOo4a__name{grid-column:2;align-self:end;gap:2px 14px}html[data-layout=flow] .WorksIndex-module__fpOo4a__title{font-size:clamp(22px,6.4cqw,36px)}html[data-layout=flow] .WorksIndex-module__fpOo4a__rowOn .WorksIndex-module__fpOo4a__title{translate:none}html[data-layout=flow] .WorksIndex-module__fpOo4a__en{font-size:16px}html[data-layout=flow] .WorksIndex-module__fpOo4a__cell{align-self:start;font-size:13px;line-height:1.5;display:none}html[data-layout=flow] .WorksIndex-module__fpOo4a__cell:nth-child(4){display:block}html[data-layout=flow] .WorksIndex-module__fpOo4a__rowDim{opacity:1}html[data-layout=flow] .WorksIndex-module__fpOo4a__play{left:calc(var(--thumb) / 2);color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#14121080;width:48px;height:48px;right:auto;translate:-50% -50%;box-shadow:inset 0 0 0 1px #ffffff8c}@container list (min-width:560px){html[data-layout=flow] .WorksIndex-module__fpOo4a__link{grid-template-columns:var(--thumb) auto auto minmax(0, 1fr);gap:8px 24px}html[data-layout=flow] .WorksIndex-module__fpOo4a__name{grid-column:2/-1}html[data-layout=flow] .WorksIndex-module__fpOo4a__cell{display:block}}