main.page-works>.hero{padding-bottom:2rem}.works-role-filter{flex-wrap:wrap;align-items:center;gap:.35rem .65rem;margin-top:1.25rem;font-size:.95rem;font-weight:300;display:flex}.works-role-filter a{color:inherit;transition:color .2s}.works-role-filter a.current,.works-role-filter a:hover{color:#f45d48}.works-role-sep{opacity:.35}.works-empty{opacity:.6;margin:0;font-weight:300}.works-grid{padding:2rem 0 1rem}.works-array{grid-template-columns:1fr 1fr;gap:40px 48px;width:100%;min-width:0;display:grid}@media (width<=768px){.works-array{grid-template-columns:1fr}}.works-array .work-item{min-width:0;display:block}.title-and-thumbnail{flex-direction:column;align-items:flex-start;gap:0;min-width:0;display:flex;position:relative}.work-text h3{opacity:.95;margin:0 5px;font-size:16px;font-weight:300;line-height:1.3}.work-text{color:#fff;text-align:left;background:#111;width:max-content;max-width:100%;font-size:24px;line-height:1.3;display:block;position:relative;overflow:hidden}.work-title{overflow-wrap:anywhere;display:inline}.work-caption p{opacity:.5;margin:0 5px;font-size:14px;font-weight:300;display:inline}.work-text-stack,.work-text-wipe{display:block}.work-text-wipe{color:#111;clip-path:inset(0 100% 0 0);background:#fff;transition:clip-path .35s cubic-bezier(.6,0,0,1);position:absolute;inset:0}.works-array .work-item:hover .work-caption .work-text-wipe{clip-path:inset(0)}@media (prefers-reduced-motion:reduce){.thumb-track,.thumb-track.is-scrollable.is-playing,.work-item:hover .thumb-track.is-scrollable,.work-text-wipe{transition:none;animation:none}}.thumb-viewport{align-self:stretch;width:100%;min-width:0;margin:0;padding:0;line-height:0;overflow:hidden}.thumb-track{display:flex}.thumb-track img{aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;max-width:none;height:auto;display:block}.thumb-track[data-count="1"]{width:100%}.thumb-track[data-count="1"] img{flex:0 0 100%;width:100%}.thumb-track[data-count="2"]{width:100%}.thumb-track[data-count="2"] img{flex:0 0 50%;width:50%}.thumb-track.is-scrollable{width:calc(var(--total)*100%/var(--visible))}.thumb-track.is-scrollable img{flex:0 0 calc(100%/var(--total));width:calc(100%/var(--total))}@keyframes work-thumb-loop{to{transform:translateX(calc(-100%*var(--unique)/var(--total)))}}.thumb-track.is-scrollable.is-playing,.work-item:hover .thumb-track.is-scrollable{animation:work-thumb-loop calc(var(--unique)*8s) linear infinite;will-change:transform}