.work-grid{width:100%}.work-card{flex-direction:column;align-self:start;width:100%;display:flex}.work-card>a,.work-card__body{height:100%;display:block}[data-role=work-card]:nth-child(10n+3) [data-role=work-frame],[data-role=work-card]:nth-child(10n+4) [data-role=work-frame],[data-role=work-card]:nth-child(10n+6) [data-role=work-frame],[data-role=work-card]:nth-child(10n+10) [data-role=work-frame]{height:700rem}[data-role=work-card]:nth-child(10n+1){grid-column:1/8}[data-role=work-card]:nth-child(10n+2){grid-column:9/-1;margin-top:170rem}[data-role=work-card]:nth-child(10n+3){grid-column:1/5;margin-top:416rem}[data-role=work-card]:nth-child(10n+4){grid-column:6/12;margin-top:188rem}[data-role=work-card]:nth-child(10n+4) [data-role=work-frame]{height:540rem}[data-role=work-card]:nth-child(10n+5){grid-column:8/15;margin-top:-214rem}[data-role=work-card]:nth-child(10n+6){grid-column:5/9;margin-top:178rem}[data-role=work-card]:nth-child(10n+7){grid-column:1/8;margin-top:323rem}[data-role=work-card]:nth-child(10n+8){grid-column:9/-1;margin-top:154rem}[data-role=work-card]:nth-child(9n+9){grid-column:2/8;margin-top:638rem}[data-role=work-card]:nth-child(9n+9) [data-role=work-frame]{height:500rem}[data-role=work-card]:nth-child(10n){grid-column:11/-2;margin-top:100rem}.work-grid--row{grid-auto-rows:320rem}.work-grid--row [data-role=work-card]:nth-child(n){grid-column:10/-1;height:100%;margin-top:0}.work-grid--row [data-role=work-card]:first-child{grid-area:span 2/1/auto/10}.work-grid--row [data-role=work-card]:nth-child(n) [data-role=work-frame]{height:100%}.work-grid--row .work-visual{padding:24rem}.work-grid--row .work-frame img{max-width:90%;max-height:90%}.work-frame.is--wide .work-visual{padding:0}.work-frame.is--wide img{object-fit:contain;width:100%;max-width:100%;height:100%;max-height:100%}.work-grid--row .work-frame.is--tall img{max-height:94%}.work-grid--row .work-frame.is--square img{max-width:74%;max-height:74%}.work-grid--row .work-title{font-weight:500}.work-grid--row .work-caption{color:#6e6e6e;font-family:inherit}.work-frame{height:540rem;transition:background-color .5s var(--ease);background:#f2f2f2;flex-direction:column;width:100%;display:flex;overflow:hidden}.work-card:hover .work-frame,.work-card a:focus-visible .work-frame{background:#ebebeb}.work-visual{flex:1;justify-content:center;align-items:center;width:100%;min-height:0;padding:40rem;display:flex;overflow:hidden}.work-visual img{object-fit:contain;max-width:100%;height:auto;max-height:100%;transition:transform 1.109s var(--ease), opacity .3s var(--ease), filter .6s var(--ease);width:auto}.work-card:hover .work-frame img{transform:scale(1.035)}@media (hover:hover){.work-frame img{filter:grayscale()}.work-card:hover .work-frame img,.work-card a:focus-visible .work-frame img{filter:grayscale(0)}}.work-meta-row{background:#e8e8e5;border-top:1px solid #00000014;flex:none;justify-content:space-between;align-items:center;gap:20rem;min-height:58rem;padding:14rem 18rem;display:flex}.work-title-group{align-items:baseline;gap:14rem;min-width:0;display:flex}.work-card__index{color:#868686;font-variant-numeric:tabular-nums;flex:none}.work-title{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.work-caption{text-align:right;will-change:transform;font-family:Hedvig Letters Serif,serif;position:relative;overflow:hidden}.caption-out,.caption-in{transition:transform .6s var(--ease)}.caption-out{will-change:transform;display:block}.caption-in{will-change:transform;display:block;position:absolute;top:0;right:0;transform:translateY(101%)}.caption-in:before{transition-delay:0s}.work-card:hover .caption-out,.work-card a:focus-visible .caption-out{transform:translateY(-101%)}.work-card:hover .caption-in,.work-card a:focus-visible .caption-in{transform:translateY(0)}.work-card:hover .caption-in:before,.work-card a:focus-visible .caption-in:before{transform-origin:0;transition-delay:.3s;transform:scaleX(1)}.work-card a:active .work-frame img{transform:scale(1.01)}.work-card.is--a{pointer-events:none}.work-card.is--b .work-frame{outline-offset:-2px;outline:2px solid #eee}.work-card.is--b .work-frame img{opacity:0}@media (max-width:767.98px){.work-grid{flex-direction:column;gap:32rem}.work-card:nth-child(n+7){display:none}.work-card{width:100%;grid-column:auto!important;height:auto!important;margin-top:0!important}.work-card .work-frame{height:215rem!important}.work-card .work-visual{padding:16rem}.work-meta-row{min-height:52rem;padding:12rem 14rem}.work-grid--row .work-card .work-frame{height:320rem!important}.work-grid--row .work-card .work-frame.is--tall{height:420rem!important}.work-grid--row .work-card .work-frame.is--square{height:350rem!important}}