.logoloop{--logoloop-gap:32px;--logoloop-logoHeight:28px;--logoloop-fadeColorAuto:#f0eee9;color:"black";position:relative}.logoloop--vertical{height:100%;display:inline-block}.logoloop--scale-hover{padding-top:calc(var(--logoloop-logoHeight)*.1);padding-bottom:calc(var(--logoloop-logoHeight)*.1)}@media (prefers-color-scheme:dark){.logoloop{--logoloop-fadeColorAuto:#0b0b0b}}.logoloop__track{will-change:transform;-webkit-user-select:none;user-select:none;z-index:0;width:max-content;display:flex;position:relative}.logoloop--vertical .logoloop__track{flex-direction:column;width:100%;height:max-content}.logoloop__list{align-items:center;display:flex}.logoloop--vertical .logoloop__list{flex-direction:column}.logoloop__item{margin-right:var(--logoloop-gap);font-size:var(--logoloop-logoHeight);flex:none;line-height:1}.logoloop--vertical .logoloop__item{margin-right:0;margin-bottom:var(--logoloop-gap)}.logoloop__item:last-child{margin-right:var(--logoloop-gap)}.logoloop--vertical .logoloop__item:last-child{margin-right:0;margin-bottom:var(--logoloop-gap)}.logoloop__node{align-items:center;display:inline-flex}.logoloop__item img{height:var(--logoloop-logoHeight);object-fit:contain;width:auto;image-rendering:-webkit-optimize-contrast;-webkit-user-drag:none;pointer-events:none;transition:transform .3s cubic-bezier(.4,0,.2,1);display:block}.logoloop--scale-hover .logoloop__item{overflow:visible}.logoloop--scale-hover .logoloop__item:hover img,.logoloop--scale-hover .logoloop__item:hover .logoloop__node{transform-origin:50%;transform:scale(1.2)}.logoloop--scale-hover .logoloop__node{transition:transform .3s cubic-bezier(.4,0,.2,1)}.logoloop__link{border-radius:4px;align-items:center;text-decoration:none;transition:opacity .2s;display:inline-flex}.logoloop__link:hover{opacity:.8}.logoloop__link:focus-visible{outline-offset:2px;outline:2px solid}.logoloop--fade:before,.logoloop--fade:after{content:"";pointer-events:none;z-index:10;width:clamp(24px,8%,120px);position:absolute;top:0;bottom:0}.logoloop--fade:before{background:linear-gradient(to right,var(--logoloop-fadeColor,var(--logoloop-fadeColorAuto))0%,#0000 100%);left:0}.logoloop--fade:after{background:linear-gradient(to left,var(--logoloop-fadeColor,var(--logoloop-fadeColorAuto))0%,#0000 100%);right:0}.logoloop--vertical.logoloop--fade:before,.logoloop--vertical.logoloop--fade:after{width:100%;height:clamp(24px,8%,120px);left:0;right:0}.logoloop--vertical.logoloop--fade:before{background:linear-gradient(to bottom,var(--logoloop-fadeColor,var(--logoloop-fadeColorAuto))0%,#0000 100%);top:0;bottom:auto}.logoloop--vertical.logoloop--fade:after{background:linear-gradient(to top,var(--logoloop-fadeColor,var(--logoloop-fadeColorAuto))0%,#0000 100%);top:auto;bottom:0}@media (prefers-reduced-motion:reduce){.logoloop__track{transform:translate(0,0)!important}.logoloop__item img,.logoloop__node{transition:none!important}}
.curved-loop-jacket{justify-content:center;align-items:center;width:100%;display:flex}.curved-loop-svg{-webkit-user-select:none;user-select:none;aspect-ratio:100/12;fill:#000;width:100%;font-size:8rem;font-weight:700;line-height:1;display:block;overflow:visible}.curved-loop-text{font-family:var(--font-pp-pangram)}
.project-list{margin:0;padding:0;list-style:none}.project-row{border-top:1px solid #17171733}.project-row:last-child{border-bottom:1px solid #17171733}.project-row__button{color:#171717;text-align:left;cursor:pointer;grid-template-columns:20px minmax(0,1fr) 72px 18px;grid-template-areas:"number name preview arrow"".categories preview arrow";align-content:center;align-items:center;gap:10px 12px;width:100%;min-height:144px;padding:24px 0;transition:background-color .25s;display:grid}.project-row__button:focus-visible{outline-offset:6px;outline:2px solid}.project-row__number{color:#66635e;font-variant-numeric:tabular-nums;letter-spacing:.06em;grid-area:number;align-self:start;padding-top:6px;font-size:11px;font-weight:400}.project-row__name{letter-spacing:-.035em;grid-area:name;font-size:26px;font-weight:400;line-height:1.08;transition:transform .35s}.project-row__categories{color:#66635e;flex-wrap:wrap;grid-area:categories;gap:5px 10px;display:flex}.project-row__preview{aspect-ratio:4/5;background:#e3e0d9;grid-area:preview;width:100%;position:relative;overflow:hidden}.project-row__arrow{grid-area:arrow;justify-self:end;width:18px;height:18px;transition:transform .3s}.project-row__button:focus-visible .project-row__arrow{transform:translate(3px,-3px)}.project-row__button:focus-visible .project-row__name{transform:translate(12px)}@media (min-width:640px){.project-row__button{grid-template-columns:32px minmax(0,1fr) 104px 24px;column-gap:24px}.project-row__name{font-size:32px}.project-row__preview{aspect-ratio:4/3}.project-row__arrow{width:24px;height:24px}}@media (min-width:1024px){.project-row__button{grid-template-columns:40px minmax(0,1fr) minmax(0,.6fr) minmax(0,.8fr) 24px;grid-template-areas:"number name preview categories arrow";min-height:120px;padding:10px 0}.project-row__number{align-self:center;padding-top:0}.project-row__name{font-size:clamp(32px,2.8vw,40px)}.project-row__categories{justify-content:flex-end;column-gap:16px}.project-row__preview{aspect-ratio:8/5;justify-self:center;max-width:160px}}@media (hover:hover) and (pointer:fine){.project-row__button:hover{background:#17171705}.project-row__button:hover .project-row__arrow{transform:translate(3px,-3px)}.project-row__button:hover .project-row__name{transform:translate(12px)}}@media (min-width:1024px) and (hover:hover) and (pointer:fine){.project-row__preview{opacity:0;transition:opacity .25s,transform .35s;transform:translateY(8px)scale(.97)}.project-row__button:is(:hover,:focus-visible) .project-row__preview{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.project-row__button,.project-row__name,.project-row__preview,.project-row__arrow{transition:none}.project-row__preview,.project-row__button:is(:hover,:focus-visible) .project-row__name,.project-row__button:is(:hover,:focus-visible) .project-row__arrow{transform:none}}