.tdi-page.tdi-page--works{--tdi-section-gap:0;gap:0}.tdi-worklist{width:var(--tdi-shell-w);margin-top:calc(80 * var(--tdi-u));gap:calc(40 * var(--tdi-u));grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.tdi-worklist__empty{padding-block:calc(60 * var(--tdi-u));text-align:center;font-weight:var(--tdi-w-demilight);font-size:calc(16 * var(--tdi-u));color:#6b6b6b;grid-column:1/-1}.tdi-workcard{aspect-ratio:380/219;border-radius:calc(6 * var(--tdi-u));background:var(--tdi-grey-350);display:block;position:relative;overflow:hidden}.tdi-workcard__photo{object-fit:cover;width:100%;height:100%;transition:transform .9s var(--tdi-ease);position:absolute;inset:0}.tdi-workcard:hover .tdi-workcard__photo,.tdi-workcard:focus-visible .tdi-workcard__photo{transform:scale(1.04)}.tdi-workcard__scrim{height:calc(56 * var(--tdi-u));background:linear-gradient(#0000 20.793%,#0000008c 154.46%);position:absolute;bottom:0;left:0;right:0}.tdi-workcard__sweep{height:calc(54 * var(--tdi-u));transition:transform .46s var(--tdi-ease);background:linear-gradient(90deg,#e0202b 0%,#000 100%);position:absolute;bottom:0;left:0;right:0;transform:translate(-100%)}.tdi-workcard:hover .tdi-workcard__sweep,.tdi-workcard:focus-visible .tdi-workcard__sweep{transform:translate(0)}.tdi-workcard__title{left:calc(30 * var(--tdi-u));bottom:calc(17 * var(--tdi-u));width:calc(139 * var(--tdi-u));font-weight:var(--tdi-w-medium);font-size:calc(14 * var(--tdi-u));color:var(--tdi-paper);overflow-wrap:break-word;line-height:normal;position:absolute}.tdi-workcard__arrow{right:5%;bottom:calc(-24 * var(--tdi-u));width:calc(22.8 * var(--tdi-u));height:calc(24 * var(--tdi-u));opacity:0;transition:transform .46s var(--tdi-ease), opacity .32s var(--tdi-ease);position:absolute}.tdi-workcard:hover .tdi-workcard__arrow,.tdi-workcard:focus-visible .tdi-workcard__arrow{transform:translateY(calc(-39 * var(--tdi-u)));opacity:1}.tdi-pager{margin-top:calc(70 * var(--tdi-u));align-items:center;gap:calc(6 * var(--tdi-u));display:flex}.tdi-pager__page{width:calc(23 * var(--tdi-u));height:calc(23 * var(--tdi-u));border:max(.5px, calc(.5 * var(--tdi-u))) solid var(--tdi-ink);border-radius:calc(3 * var(--tdi-u));font-family:var(--tdi-font-display);font-weight:var(--tdi-w-medium);font-size:calc(14 * var(--tdi-u));text-align:center;color:var(--tdi-ink);transition:background-color var(--tdi-dur) var(--tdi-ease), color var(--tdi-dur) var(--tdi-ease), border-color var(--tdi-dur) var(--tdi-ease);justify-content:center;align-items:center;line-height:normal;display:flex}.tdi-pager__page:hover{border-color:var(--tdi-red);color:var(--tdi-red)}.tdi-pager__page.is-current{background:var(--tdi-ink);border-color:var(--tdi-ink);color:var(--tdi-paper)}.tdi-pager__next{width:calc(7 * var(--tdi-u));height:calc(23 * var(--tdi-u));transition:transform var(--tdi-dur) var(--tdi-ease), opacity var(--tdi-dur) var(--tdi-ease);justify-content:center;align-items:center;display:flex;position:relative}.tdi-pager__next:before{content:"";position:absolute;inset:-10px -12px}.tdi-pager__next>img{width:calc(8 * var(--tdi-u));height:calc(15 * var(--tdi-u));margin-inline:calc(-.5 * var(--tdi-u))}.tdi-pager__next:hover{transform:translateX(calc(2 * var(--tdi-u)))}.tdi-pager__next:disabled{opacity:.3;cursor:default;transform:none}.tdi-page--works .tdi-footer{margin-top:calc(80 * var(--tdi-u))}@media (max-width:899px){.tdi-worklist{gap:20px;margin-top:48px}.tdi-pager{margin-top:40px}.tdi-page--works .tdi-footer{margin-top:56px}}@media (max-width:619px){.tdi-worklist{grid-template-columns:minmax(0,1fr);margin-top:36px}.tdi-workcard__sweep{transform:translate(0)}.tdi-workcard__arrow{opacity:1;transform:translateY(-39px)}.tdi-workcard__title{width:auto;right:22%}.tdi-pager{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:32px}.tdi-pager__page{width:34px;height:34px;font-size:15px}.tdi-pager__next{width:34px;height:34px}.tdi-page--works .tdi-footer{margin-top:44px}}@media (hover:none){.tdi-workcard__sweep{transform:translate(0)}.tdi-workcard__arrow{transform:translateY(calc(-39 * var(--tdi-u)));opacity:1}}