.filter{z-index:16;flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(16px,2.4vw,34px);display:flex;position:fixed;top:92px;left:50%;transform:translate(-50%)}.filter__break{display:none}.filter button{font-family:var(--font-castoro), var(--serif);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-faint);cursor:pointer;opacity:.5;transition:opacity .4s var(--ease), color .4s var(--ease);background:0 0;border:none;padding:0;font-size:12px;position:relative}.filter button:hover{opacity:.8}.filter button.is-active{color:var(--ink);opacity:1}.filter button:after{content:"";background:var(--ink);transform-origin:0;width:100%;height:1px;transition:transform .5s var(--ease);position:absolute;bottom:-5px;left:0;transform:scaleX(0)}.filter button.is-active:after{transform:scaleX(1)}.year-mark.is-first{margin-top:0}.work.is-first{margin-top:0;margin-right:auto;margin-left:auto!important}.work.is-hidden,.year-mark.is-hidden{display:none}@media (max-width:700px){.filter{gap:0 16px;padding:132px 20px 0;font-size:13px;position:static;left:auto;transform:none}.filter button{font-size:13px}.filter__break{flex-basis:100%;height:14px;display:block}}.year-mark{font-family:var(--font-castoro), var(--serif);letter-spacing:.4em;color:var(--ink-faint);align-items:center;gap:18px;margin:clamp(110px,24vh,280px) 0 clamp(60px,10vh,120px);font-size:13px;display:flex}.year-mark:first-child,.year-mark:first-of-type{margin-top:0}.year-mark:after{content:"";background:var(--ink-ghost);width:clamp(48px,8vw,120px);height:1px}@media (min-width:701px){.year-mark{visibility:hidden}.year-rail{z-index:15;perspective:620px;width:4.4em;height:0;transform-style:preserve-3d;position:fixed;top:50%;left:clamp(28px,5vw,64px);transform:translateY(-50%)}.year-rail a{white-space:nowrap;font-family:var(--font-castoro), var(--serif);letter-spacing:.2em;color:var(--ink-faint);opacity:.13;transform:translateY(-50%) rotateX(calc((var(--i,0) - var(--a,0)) * -19deg)) translateZ(112px);backface-visibility:hidden;transition:opacity .6s var(--ease), color .6s var(--ease);font-size:13px;text-decoration:none;position:absolute;top:0;left:0}.year-rail a.is-active{color:var(--ink);opacity:1}.year-rail:hover a,.year-rail:focus-within a{opacity:.34}.year-rail:hover a.is-active,.year-rail:focus-within a.is-active{opacity:1}.year-rail a:hover{color:var(--ink);opacity:1!important}}@media (max-width:700px){.year-rail{display:none}}