.split-projects{flex-direction:column;width:100%;display:flex;overflow:visible}.split-projects__list{box-sizing:border-box;flex-direction:column;justify-content:center;width:100%;height:100%;padding:0 2rem;display:flex;overflow:visible}.split-projects__row{padding:1.6 rem 1rem;color:var(--text);cursor:pointer;border-bottom:1px solid #ffffff1f;grid-template-columns:4rem 4fr auto auto;align-items:center;gap:0;text-decoration:none;transition:opacity .3s,color .2s,padding-left .4s cubic-bezier(.16,1,.3,1);display:grid;position:relative;overflow:visible}.split-projects__row:last-child{border-bottom:none}.split-projects__row--dimmed{opacity:.3;transition:opacity .2s}.split-projects__row--active{opacity:1;padding-left:2rem}.split-projects__row--active .split-projects__index,.split-projects__row--active .split-projects__category,.split-projects__row--active .split-projects__year,.split-projects__row--active .split-projects__arrow{color:#8cff00;transition:color .2s}.split-projects__row--active .split-projects__arrow{transform:translate(4px,-4px)}.split-projects__index{opacity:.12;letter-spacing:-.04em;z-index:2;flex-shrink:0;margin-right:-1.5rem;font-family:Menlo,monospace;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:100;line-height:1;position:relative}.split-projects__title{font-size:clamp(1.6rem,3.5vw,3rem);font-weight:700;font-family:var(--font-serif);text-transform:uppercase;letter-spacing:-.02em;white-space:nowrap;z-index:1;line-height:1;position:relative;overflow:visible}.split-projects__category{letter-spacing:.15em;text-transform:uppercase;opacity:.75;white-space:nowrap;font-family:Menlo,monospace;font-size:.6rem}.split-projects__meta{flex-shrink:0;align-items:center;gap:1rem;display:flex}.split-projects__year{opacity:.75;letter-spacing:.1em;font-family:Menlo,monospace;font-size:.65rem}.split-projects__arrow{font-size:1rem;transition:transform .3s cubic-bezier(.16,1,.3,1)}.projects-section{z-index:1;pointer-events:auto;width:100%;height:80vh;padding:0;position:relative}.projects-flowing-wrap{pointer-events:auto;width:100%;height:100%;position:relative}
.page-loader--leaving{opacity:0;pointer-events:none}.page-loader__count{color:#000;letter-spacing:-.04em;-webkit-user-select:none;user-select:none;z-index:2;font-family:Menlo,monospace;font-size:clamp(6rem,18vw,18rem);font-weight:400;line-height:1;position:relative}