.projects{position:relative;padding-top:140px}.projects-head{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:80px}.projects-intro{display:grid;gap:8px;width:300px;padding-bottom:6px;font-size:15px;line-height:22px}.projects-intro .eyebrow{display:flex;align-items:center;gap:8px;color:var(--color-cobalt);line-height:13px}.projects-intro .eyebrow:before{content:"";width:6px;height:6px;background:currentColor}.project-list{list-style:none}.project-list a{display:grid;grid-template-columns:240px 1fr;grid-template-areas:"kind name" "number name";align-content:center;gap:6px 0;min-height:96px}.project-list li:nth-child(2){--step: 1}.project-list li:nth-child(3){--step: 2}.project-list li:nth-child(4){--step: 3}.project-list li:nth-child(5){--step: 4}.project-list li:nth-child(6){--step: 5}.project-kind,.project-number{font:400 10px/13px var(--font-mono);letter-spacing:.14em;text-transform:uppercase}.project-kind{grid-area:kind;align-self:end;color:var(--color-slate)}.project-number{grid-area:number;align-self:start}.project-list .placeholder{color:var(--color-placeholder)}.project-name{grid-area:name;align-self:center;margin-left:calc(var(--step, 0) * 24px);font:700 clamp(28px,3.34vw,48px) / 1.08 var(--font-display);letter-spacing:-.05em;text-transform:uppercase;transition:color .16s var(--ease-out)}.project-name:after{content:"";display:inline-block;vertical-align:calc(.343em - 7px);margin:0 -38px 0 18px;width:20px;height:14px;background:var(--color-cobalt);mask:var(--arrow-right-heavy) center / contain no-repeat;opacity:0;transition:opacity .16s var(--ease-out)}.project-list a:focus-visible .project-kind,.project-list a.is-current .project-kind,.project-list a:focus-visible .project-number,.project-list a.is-current .project-number,.project-list a:focus-visible .project-name,.project-list a.is-current .project-name{color:var(--color-cobalt)}.project-list a:focus-visible .project-name:after,.project-list a.is-current .project-name:after{opacity:1}.also{padding-top:72px}.also-title{display:flex;align-items:center;gap:16px;padding-bottom:18px;border-bottom:1px solid var(--color-ink);font:400 11px/14px var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--color-slate)}.also-title:before{content:"";flex-shrink:0;width:6px;height:6px;background:var(--color-cobalt)}.also ul{list-style:none}.also li{display:grid;grid-template-columns:240px minmax(0,1fr) auto;grid-template-areas:"kind name link";align-items:center;min-height:84px;border-bottom:1px solid var(--color-rule)}.also li{--step: 4}.also .project-kind{align-self:center;display:grid;gap:4px;line-height:14px;color:var(--color-muted)}.also .project-kind span{display:block}.also-name{grid-area:name;padding-left:calc(var(--step) * 24px);font:700 clamp(22px,2.1vw,30px) / 1.2 var(--font-display);letter-spacing:-.02em;text-transform:uppercase;color:var(--color-slate)}.also .link-out{grid-area:link}.peek{display:none}@media (hover: hover) and (pointer: fine) and (min-width: 1201px){.peek{display:block;position:absolute;right:var(--sheet-right);top:0;width:240px;height:160px;overflow:clip;pointer-events:none;opacity:0;scale:.96;translate:0 var(--peek-y, 0);transition:opacity .16s var(--ease-out),scale .16s var(--ease-out),translate .22s var(--ease-out)}.peek:not(.is-open){transition:opacity .16s var(--ease-out),scale .16s var(--ease-out)}.peek.is-open{opacity:1;scale:1}.peek>*{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;visibility:hidden}.peek>.is-shown{visibility:visible}.peek p{display:grid;place-items:center;background:var(--color-band);font:400 10px/13px var(--font-mono);letter-spacing:.14em;text-transform:uppercase}.project-name{font-size:clamp(28px,6.6vw - 47px,48px)}}@media (max-width: 900px){.projects-head{flex-direction:column;align-items:start}.project-list a{grid-template-columns:minmax(0,1fr);grid-template-areas:"name" "kind" "number";padding-block:20px}.project-name{margin-left:0}}@media (max-width: 900px){.also li{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name link" "kind link";gap:6px 16px;padding-block:16px}.also-name{grid-area:name;padding-left:0}.also .project-kind{grid-area:kind}.also .link-out{grid-area:link}}@media (max-width: 720px){.projects{padding-top:56px}.home-work{padding-top:204px}.projects-head{gap:12px;margin-bottom:28px}.projects-head .display{font-size:72px;line-height:60px}.projects-intro{width:auto;font-size:16px;line-height:24px;color:var(--color-slate)}.projects-intro .eyebrow{display:none}.project-list a{grid-template-columns:auto 1fr 44px;grid-template-areas:"name name arrow" "kind number arrow";align-items:center;gap:6px 10px;min-height:88px;padding-block:16px;border-bottom:1px solid var(--color-rule)}.project-list{border-top:1px solid var(--color-ink)}.project-name{font:700 24px/24px var(--font-display)}.project-name:after{display:none}.project-kind,.project-number{align-self:center;letter-spacing:.12em}.project-number{font-weight:600}.project-list a:after{content:"";grid-area:arrow;justify-self:end;width:14px;height:10px;background:currentColor;mask:var(--arrow-right-heavy) center / contain no-repeat}}@media (max-width: 720px){.also{padding-top:48px}}.projects-count{display:none}@media (max-width: 720px){.projects:not(.home-work){padding-top:96px}.projects-head{display:grid;grid-template-columns:1fr auto;align-items:end;gap:12px 16px}.projects-count{display:block;padding-bottom:6px;font:400 10px/12px var(--font-mono);letter-spacing:.14em;color:var(--color-slate)}.projects-intro{grid-column:1 / -1;text-wrap:balance}.project-list li:last-child a{border-bottom-color:var(--color-ink)}.also li{min-height:80px}.also .project-kind{display:flex;flex-wrap:wrap;gap:0 10px;line-height:12px;letter-spacing:.12em}.also-name{font-size:20px;line-height:22px}.also-title{gap:10px;padding-bottom:12px;font-size:10px;line-height:12px}}.work-rail-mark{position:absolute;top:124px;width:100%;display:grid;justify-items:center;gap:10px}.work-rail-mark:before{content:"";width:6px;height:6px;background:var(--color-cobalt)}.work-rail-mark .strip-label{position:static;translate:none;color:var(--color-slate)}.work-rail-rows{list-style:none}.work-rail-rows li{position:absolute;top:var(--top, 0px);left:0;width:100%;height:var(--height, 0px);padding:6px 5px 0 21px;font:400 7px/10px var(--font-mono);letter-spacing:.2em;text-transform:uppercase;writing-mode:vertical-rl;white-space:nowrap;color:var(--color-slate);transition:color .16s var(--ease-out)}.work-rail-rows li:before,.work-rail-rows li:after{content:"";position:absolute;top:0;background:var(--color-tick);transition:background-color .16s var(--ease-out),width .16s var(--ease-out),height .16s var(--ease-out)}.work-rail-rows li:before{left:8px;width:10px;height:1px}.work-rail-rows li:after{left:12px;width:1px;height:100%;background:var(--color-placeholder)}.work-rail-rows .is-lit{color:var(--color-cobalt)}.work-rail-rows .is-lit:before{height:2px;background:var(--color-cobalt)}.work-rail-rows .is-lit:after{width:2px;background:var(--color-cobalt)}.work-rail-rows .is-also{color:var(--color-tick)}.work-rail-rows .is-also:before{height:0;border-top:1px dashed var(--color-placeholder);background:none}.work-rail-rows .is-also:after{width:0;border-left:1px dashed var(--color-placeholder);background:none}.work-rail-count{bottom:16px;color:var(--color-cobalt)}