.project-index{max-width:1720px;margin-inline:auto;padding:165px 4.2% 110px}.project-index__heading{margin-bottom:65px}.project-index__heading h1{letter-spacing:-.065em;margin:25px 0 30px;font-size:clamp(70px,10.5vw,155px);line-height:1.05}.project-index__intro{justify-content:space-between;align-items:end;gap:30px;display:flex}.project-index__intro>p{max-width:400px;color:var(--muted);font-size:15px;line-height:1.7}.project-filters{flex-wrap:wrap;gap:10px;margin-bottom:28px;display:flex}.project-filters button{--motion-rest:var(--paper);--motion-rest-ink:var(--ink);--motion-fill:var(--ink);--motion-hover-ink:var(--paper);--motion-ease:cubic-bezier(.22,1,.36,1);--motion-time:.65s;isolation:isolate;background:var(--motion-rest);min-height:46px;color:var(--motion-rest-ink);cursor:pointer;border:1px solid #96968c;border-radius:999px;align-items:center;padding:12px 20px;font-size:13px;line-height:1.5;transition:border-color .25s;display:inline-flex;position:relative;overflow:hidden}.project-filters button[aria-pressed=true]{border-color:var(--ink);cursor:default}.project-filters button[aria-pressed=true]:not([data-hover-effect=checker]){--motion-rest:var(--ink);--motion-rest-ink:var(--paper);--motion-fill:var(--ink);--motion-hover-ink:var(--paper)}.project-filters button[aria-pressed=true]:not([data-hover-effect=checker])>:is(.motion-contrast,.motion-tiles,.motion-curtain,.motion-echo){display:none}.project-filters button[aria-pressed=true][data-hover-effect]:not([data-hover-effect=checker]) .motion-line:first-child{transition:none;transform:none}.project-filters button[aria-pressed=true]:not([data-hover-effect=checker]) .motion-line-next{display:none}.project-filters button[aria-pressed=true][data-hover-effect=checker] .motion-tile{clip-path:inset(0)}.project-filters button[aria-pressed=true][data-hover-effect=checker] .motion-line:first-child{transform:translateY(-115%)}.project-filters button[aria-pressed=true][data-hover-effect=checker] .motion-line-next{transform:translateY(0)}.project-filters button[data-hover-effect]:is(:hover,:focus-visible){border-color:var(--ink)}.project-filters button:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.project-filters sup{margin-left:9px;font-family:MonumentMono,monospace;font-size:9px;line-height:1}.project-list{border-top:1px solid var(--ink)}.project-row{--project-columns:80px minmax(0,1.2fr) minmax(0,.8fr) 120px 35px;grid-template-columns:var(--project-columns);border-bottom:1px solid var(--line);align-items:center;column-gap:30px;min-height:190px;padding:24px;display:grid;position:relative}.project-row[hidden]{display:none}.project-row[data-hover-effect]{--motion-rest:transparent;--motion-rest-ink:var(--ink);--motion-fill:var(--ink);--motion-hover-ink:var(--paper);--motion-ease:cubic-bezier(.22,1,.36,1);--motion-time:.65s;isolation:isolate}.project-row>.motion-content,.project-row .motion-contrast>.motion-content{grid-column:1/-1;grid-template-columns:var(--project-columns);align-self:stretch;align-items:center;column-gap:inherit;row-gap:var(--project-row-gap,0px);display:grid}.project-row>.motion-contrast,.project-row .motion-tile>.motion-contrast{grid-template-columns:var(--project-columns)}.project-row .motion-contrast :is(.project-row__number,.project-row__subject>span){color:inherit}.project-row .motion-contrast .project-row__number--logo img{filter:brightness(0)invert()}.project-row__number{color:var(--muted);align-self:start;margin-top:14px;font:10px MonumentMono,monospace}.project-row__number--logo{align-self:center;width:80px;height:55px;margin-top:0}.project-row__number--logo img{object-fit:contain;width:100%;height:100%;display:block}.project-row__number--logo img[src$="/exoblue.png"]{object-fit:cover}.project-row__number--logo img[src$="/ugoat.png"]{filter:brightness(0)}.project-row__name{letter-spacing:-.045em;transition:transform .45s var(--ease);font-size:clamp(35px,4vw,62px);line-height:1.05}.project-row__subject{align-self:center}.project-row__subject p{max-width:250px;font-size:15px;line-height:1.6}.project-row__subject>span{color:var(--muted);margin-top:15px;font-size:10px;display:block}.project-row__preview{opacity:0;width:120px;height:140px;transition:opacity .35s, transform .5s var(--ease);overflow:hidden;transform:translateY(12px)}.project-row__preview img{object-fit:cover;width:100%;height:100%}.project-cursor-preview{z-index:40;pointer-events:none;opacity:0;width:120px;height:140px;transition:opacity .2s;position:fixed;top:0;left:0;overflow:hidden}.project-cursor-preview.is-visible{opacity:1}.project-cursor-preview img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .22s ease, transform .45s var(--ease);position:absolute;inset:0;transform:scale(1.06)}.project-cursor-preview img.is-active{opacity:1;transform:scale(1)}.has-project-cursor .project-row:hover:not(:focus-visible) .project-row__preview{opacity:0}.project-row__arrow{justify-self:end;font-size:32px}.project-row[data-hover-effect] .project-row__arrow .motion-arrow,.project-row[data-hover-effect] .project-row__arrow .motion-arrow svg{width:28px;height:30px}.project-row:focus-visible{outline:2px solid var(--ink);outline-offset:6px}.project-row:focus-visible .project-row__preview{opacity:1;transform:none}@media (hover:hover) and (pointer:fine){.project-row:hover .project-row__preview{opacity:1;transform:none}.project-row:hover .project-row__name{transform:translate(8px)}}@media (width<=1100px){.project-row{--project-columns:64px minmax(0,1.2fr) minmax(0,.8fr) 95px 25px;column-gap:20px}.project-row__number--logo{width:64px}.project-row__preview,.project-cursor-preview{width:95px;height:125px}}@media (hover:none),(pointer:coarse){.project-row__preview{opacity:1;transform:none}}@media (width<=760px){.project-index{padding:125px 6% 65px}.project-index__heading{margin-bottom:35px}.project-index__heading>.eyebrow{font-size:8px}.project-index__heading h1{margin:22px 0;font-size:clamp(52px,12.5vw,90px)}.project-index__intro{flex-direction:column;align-items:start;gap:20px}.project-index__intro>p{max-width:300px;font-size:13px}.project-filters{gap:8px;margin-bottom:24px}.project-filters button{min-height:44px;padding:11px 15px;font-size:12px}.project-filters sup{margin-left:7px}.project-row{--project-columns:40px minmax(0,1fr) 80px;--project-row-gap:14px;gap:14px 12px;min-height:0;padding:25px 12px}.project-row__number{grid-area:1/1;margin-top:7px;font-size:8px}.project-row__number--logo{align-self:start;width:40px;height:32px;margin-top:3px}.project-row__name{grid-area:1/2;padding-right:5px;font-size:clamp(27px,7.5vw,45px)}.project-row__subject{grid-area:2/2}.project-row__subject p{font-size:11px;line-height:1.6}.project-row__subject>span{margin-top:12px;font-size:8px}.project-row__preview{opacity:1;grid-area:1/3/3;align-self:start;width:80px;height:108px;transform:none}.project-row__arrow{display:none}}@media (prefers-reduced-motion:reduce){.project-filters button,.project-row__name,.project-row__preview,.project-row__arrow{transition:none;transform:none!important}}@media (width<=360px){.project-row{--project-columns:32px minmax(0,1fr) 64px}.project-row__number--logo{width:32px}.project-row__name{font-size:clamp(24px,7.5vw,27px)}.project-row__preview{width:64px;height:92px}}@media print{.project-cursor-preview{display:none}.project-row__preview{transform:none;opacity:1!important}.project-filters{display:none}.project-row{break-inside:avoid}}