.work-index-page{background:var(--color-paper);min-height:100svh;color:var(--color-ink)}.works-preview{grid-template-columns:minmax(16rem,.8fr) minmax(0,1.15fr);align-items:center;gap:clamp(2rem,4vw,3.5rem);width:min(100% - 13rem,48rem);min-height:100svh;margin-inline:auto;padding-block:6rem;display:grid}.works-preview__names{flex-direction:column;display:flex;position:relative}.works-preview__name{width:max-content;max-width:100%;height:46px;color:color-mix(in srgb, var(--color-ink) 46%, var(--color-paper));letter-spacing:-.035em;align-items:center;font-size:clamp(1.35rem,2vw,2.15rem);font-weight:400;line-height:1.12;text-decoration:none;transition:color .25s,transform .4s cubic-bezier(.22,1,.36,1);display:flex;position:relative}.works-preview__name[data-active=true]{color:var(--color-ink);transform:translate(.45rem)}.works-preview__dot{z-index:2;background:var(--color-ink);pointer-events:none;border-radius:50%;width:6px;height:6px;position:absolute;top:20px;left:-1.15rem}.works-preview__stage{min-width:0}.works-preview__name>span{animation:.65s cubic-bezier(.22,1,.36,1) both works-enter}.works-preview__name:nth-of-type(2)>span{animation-delay:70ms}.works-preview__name:nth-of-type(3)>span{animation-delay:.14s}.works-preview__name:nth-of-type(4)>span{animation-delay:.21s}.works-preview__name:nth-of-type(5)>span{animation-delay:.28s}.works-preview__stage{animation:.85s cubic-bezier(.22,1,.36,1) .1s both works-enter}body:has(.pixel-nudge-loader) :is(.works-preview__name>span,.works-preview__stage){animation-play-state:paused}html[data-media-transition-direction=return] :is(.works-preview__name>span,.works-preview__stage),.works-preview[data-return-arrival=true] :is(.works-preview__name>span,.works-preview__stage){animation:none}@keyframes works-enter{0%{opacity:0;filter:blur(5px);transform:translateY(16px)}to{opacity:1;filter:blur();transform:translateY(0)}}.works-preview__image-frame{isolation:isolate;border-radius:12px;height:260px;position:relative;overflow:hidden}.works-preview__image-link{z-index:2;display:block;position:absolute;inset:0}.works-preview__image-action{display:none}.works-preview__image{object-fit:cover;opacity:0;filter:blur(14px);width:100%;height:100%;transition:opacity .45s cubic-bezier(.22,1,.36,1),filter .55s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:scale(1.025)}.works-preview__image[data-active=true]{opacity:1;filter:blur();z-index:1;transform:scale(1)}html[data-media-transition-direction=return] .works-preview__image{transition:none}.works-preview__name:focus-visible,.works-preview__image-link:focus-visible{outline:2px solid var(--color-ink);outline-offset:6px}@media (max-width:1199px){.works-preview{width:min(100% - 4rem,48rem);margin-inline:auto;padding-top:8rem}}@media (max-width:760px){.works-preview{flex-direction:column;justify-content:flex-end;align-items:stretch;gap:1.5rem;width:calc(100% - 2rem);min-height:100svh;padding-block:7rem 2.25rem;display:flex}.works-preview__stage{order:-1}.works-preview__stage[data-active=false]{display:none}.works-preview__image-frame{aspect-ratio:1.55;height:auto}.works-preview__index{padding-inline:.75rem}.works-preview__name{height:46px;font-size:clamp(1.15rem,5vw,1.35rem)}.works-preview__image-action{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-shadow:0 1px 10px #00000080;background:#ffffff26;border:1px solid #ffffff2e;border-radius:.55rem;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:inline-flex;position:absolute;bottom:.8rem;right:.8rem}.works-preview__image-action svg{stroke-width:1.75px;width:.95rem;height:.95rem}}@media (prefers-reduced-motion:reduce){.works-preview__name>span,.works-preview__stage{animation:none}.works-preview__name,.works-preview__dot,.works-preview__image{transition:none}}