@layer components{.latest-work{--lw-title-swap-duration:var(--title-swap-duration);--lw-title-swap-ease:var(--ease-expo-out);--lw-title-color-duration:var(--title-color-duration);--lw-row-reveal-fade-duration:.6s;--lw-row-reveal-move-duration:.8s;--lw-row-reveal-offset:1.2rem;--lw-title-color:#bfbfbf;--lw-title-dimmed-color:#dcdcdc}.latest-work-header[data-latest-work-header-entrance=pending],.latest-work-row[data-latest-work-row-entrance=pending]{opacity:0}.latest-work-title-serif,.text-latest-work-title.latest-work-title-sans{--lw-title-bleed-y:.2em;--lw-title-bleed-x:.15em;will-change:clip-path;width:max-content}.latest-work-title-serif{color:var(--lw-title-color);clip-path:inset(calc(var(--lw-title-bleed-y) * -1) calc(var(--lw-title-bleed-x) * -1) calc(var(--lw-title-bleed-y) * -1) calc(var(--lw-title-bleed-x) * -1));transition:clip-path var(--lw-title-swap-duration) var(--lw-title-swap-ease), color var(--lw-title-color-duration)}.text-latest-work-title.latest-work-title-sans{font-family:var(--font-sans);letter-spacing:-.045em;color:var(--color-black-100);clip-path:inset(calc(100% + var(--lw-title-bleed-y)) calc(var(--lw-title-bleed-x) * -1) calc(var(--lw-title-bleed-y) * -1) calc(var(--lw-title-bleed-x) * -1));transition:clip-path var(--lw-title-swap-duration) var(--lw-title-swap-ease);font-weight:700;translate:0 -50%}@media (max-width:1023px){.latest-work-title-serif{text-wrap:balance;max-width:100%}.text-latest-work-title.latest-work-title-sans{text-wrap:balance;max-width:calc(100% - 2.9rem)}}.latest-work-title-pair-gap{margin-right:.04em}.latest-work-title-serif .latest-work-title-pair-gap{margin-right:.07em}.latest-work-row[data-row-active=true] .latest-work-title-serif{clip-path:inset(calc(var(--lw-title-bleed-y) * -1) calc(var(--lw-title-bleed-x) * -1) calc(100% + var(--lw-title-bleed-y)) calc(var(--lw-title-bleed-x) * -1))}.latest-work-row[data-row-active=true] .latest-work-title-sans{clip-path:inset(calc(var(--lw-title-bleed-y) * -1) calc(var(--lw-title-bleed-x) * -1) calc(var(--lw-title-bleed-y) * -1) calc(var(--lw-title-bleed-x) * -1))}@media (hover:hover){.latest-work-list[data-has-active=true] .latest-work-row:not([data-row-active=true]) .latest-work-title-serif{color:var(--lw-title-dimmed-color)}}.latest-work-row-reveal{opacity:0;transition:opacity var(--lw-row-reveal-fade-duration) var(--ease-expo-out), transform var(--lw-row-reveal-move-duration) var(--ease-expo-out)}.latest-work-row-reveal[data-reveal-from=start]{transform:translate3d(calc(var(--lw-row-reveal-offset) * -1), 0, 0)}.latest-work-row-reveal[data-reveal-from=end]{transform:translate3d(var(--lw-row-reveal-offset), 0, 0)}.latest-work-row[data-row-active=true] .latest-work-row-reveal{opacity:1;transform:none}.latest-work-preview{z-index:1;pointer-events:none;will-change:transform;width:15.8rem;height:8rem;position:fixed;top:0;left:0}@media (min-width:1024px){.latest-work-preview{width:32rem;height:16.2rem}}.latest-work-preview-frame{opacity:0;transition:opacity var(--lw-preview-fade-duration) var(--lw-preview-fade-ease);position:absolute;inset:0;overflow:hidden}.latest-work-preview-frame[data-visible=true]{opacity:1}.latest-work-preview-track{position:absolute;inset:0}.latest-work-preview-slide{opacity:0;transition:opacity var(--lw-preview-fade-duration) var(--lw-preview-fade-ease);position:absolute;inset:0;overflow:hidden}.latest-work-preview-slide[data-active=true]{z-index:1;opacity:1}.latest-work-preview-zoom{width:100%;height:100%}@media (prefers-reduced-motion:reduce){.latest-work-title-serif,.text-latest-work-title.latest-work-title-sans,.latest-work-row-reveal,.latest-work-preview-frame,.latest-work-preview-slide{transition:none}.latest-work-row-reveal[data-reveal-from]{transform:none}}.latest-work-view-all{align-items:center;display:inline-flex;position:relative}.latest-work-view-all:after{content:"";position:absolute;inset:-1.2rem -1.6rem}.latest-work-view-all-dot{width:.6em;height:.6em;transition:transform .6s var(--ease-expo-out);background:currentColor;border-radius:50%;flex-shrink:0;display:inline-block}@media (hover:hover){.latest-work-view-all:hover .latest-work-view-all-dot{transform:scale(1.45)}}.latest-work-view-all:focus-visible .latest-work-view-all-dot{transform:scale(1.45)}@media (prefers-reduced-motion:reduce){.latest-work-view-all-dot{transition:none}}}