.portfolio-page{--portfolio-bg:#171b19;--portfolio-text:#f2f0e9;--portfolio-muted:#a6aca6;background:var(--portfolio-bg);color:var(--portfolio-text)}.portfolio-page .inner-header{color:inherit;background:0 0}.portfolio-page .inner-header a,.portfolio-page .inner-language{color:inherit}.portfolio-page .site-wordmark__mark{filter:invert()}.portfolio-page .inner-language{background:#ffffff12}.portfolio-intro{padding:clamp(4rem,8vw,7rem) var(--page-gutter) 2.5rem}.portfolio-intro__top{justify-content:space-between;display:flex}.portfolio-intro__eyebrow,.portfolio-intro__index,.portfolio-intro__count{letter-spacing:.06em;text-transform:uppercase;color:var(--portfolio-muted);font-size:.7rem}.portfolio-intro h1{letter-spacing:-.065em;margin:2rem 0 1rem;font-size:clamp(3.5rem,7vw,7rem);font-weight:400;line-height:.96}.portfolio-intro__copy{max-width:35rem;color:var(--portfolio-muted);font-size:1rem;line-height:1.6}.portfolio-page .portfolio-filters{flex-wrap:wrap;gap:.3rem;margin:2.5rem 0 1.5rem;display:flex}.portfolio-page .portfolio-filters button{min-height:44px;color:var(--portfolio-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:.35rem;padding:.7rem 1rem;font-size:.8rem;transition:background .25s,color .25s}.portfolio-page .portfolio-filters button.is-active{background:var(--portfolio-text);color:var(--portfolio-bg)}.portfolio-page .portfolio-filters button:hover{color:var(--portfolio-text);background:#ffffff14}.portfolio-page .portfolio-filters button.is-active:hover{background:var(--portfolio-text);color:var(--portfolio-bg)}.portfolio-filters button span{opacity:.55;margin-left:.35rem}.portfolio-list{padding:0 var(--page-gutter) 7rem}.portfolio-page .project-row{background:0 0;border:0;border-radius:.6rem;margin:0 0 .45rem;transition:background .4s;overflow:hidden}.portfolio-page .project-row:hover,.portfolio-page .project-row.is-active{background:#ffffff06}.project-row[hidden]{display:none!important}.portfolio-page .project-row__toggle{width:100%;color:inherit;text-align:left;cursor:pointer;font:inherit;background:0 0;border:0;grid-template-columns:2rem minmax(0,1.2fr) minmax(8rem,.65fr) minmax(10rem,.8fr) 2rem;align-items:center;gap:2rem;padding:1.2rem .8rem;display:grid}.project-row__number{color:var(--portfolio-muted);font-size:.65rem}.portfolio-page .project-row__name{letter-spacing:-.03em;font-size:clamp(1.1rem,1.8vw,1.65rem);font-weight:400;line-height:1.25}.project-row__category{color:var(--portfolio-muted);font-size:.7rem}.project-row__preview{object-fit:cover;border-radius:.3rem;width:100%;height:7rem}.project-row__angle{width:1.2rem;transition:transform .5s}.project-row.is-active .project-row__angle{transform:rotate(90deg)}.project-row__angle svg{width:100%;display:block}.portfolio-page .project-row__panel{opacity:0;grid-template-rows:0fr;max-height:none;padding:0;transition:grid-template-rows .65s cubic-bezier(.2,.7,.2,1),opacity .45s;display:grid}.project-row__panel>div{min-height:0;overflow:hidden}.portfolio-page .project-row.is-active .project-row__panel{opacity:1;grid-template-rows:1fr}.project-row__media{aspect-ratio:16/9;background:#232825;border-radius:.5rem;max-height:70vh;margin:.5rem 4.8rem 0;position:relative;overflow:hidden}.project-row__media>img,.project-row__media>video,.project-row__media>a,.project-row__media>a>img{object-fit:contain;width:100%;height:100%;display:block}.project-row__media:has(>img:nth-child(2)){aspect-ratio:auto;gap:.5rem;height:20rem;display:flex}.project-row__media:has(>img:nth-child(2))>img{object-fit:contain;width:25%}.portfolio-art__play{display:none}.project-row__caption{color:var(--portfolio-muted);justify-content:space-between;gap:2rem;margin:1rem 4.8rem 2rem;font-size:.85rem;display:flex}.project-row__caption a{color:var(--portfolio-text);text-decoration:none}.project-row__caption svg{vertical-align:middle;width:1rem;height:1rem}.portfolio-page .inner-footer{color:inherit;background:#212622}.portfolio-page .inner-footer a{color:inherit}.portfolio-page .inner-footer .eyebrow,.portfolio-page .site-footer__meta{color:var(--portfolio-muted)}@media (width<=700px){.portfolio-intro{padding-top:4rem}.portfolio-intro__index{display:none}.portfolio-intro h1{font-size:3.6rem}.portfolio-list{padding-bottom:4rem}.portfolio-page .project-row__toggle{grid-template-columns:minmax(0,1fr) 6rem 1rem;gap:.8rem;padding:1rem .2rem}.project-row__number{display:none}.portfolio-page .project-row__name{grid-column:1;align-self:end;font-size:1.08rem}.project-row__category{grid-area:2/1;align-self:start}.project-row__preview{grid-area:1/2/3;height:4.4rem}.project-row__angle{grid-area:1/3/3;width:1rem}.project-row__media{margin:.5rem .5rem 0}.project-row__caption{margin:1rem .5rem 1.5rem;font-size:.75rem}.project-row__caption>span:first-child{display:none}.project-row__media:has(>img:nth-child(2)){height:10rem}}@media (prefers-reduced-motion:reduce){.project-row__panel,.project-row__angle{transition:none!important}}.portfolio-page .project-row{padding:0;display:block}.portfolio-page .project-row__toggle{justify-items:stretch;height:auto;position:relative;inset:auto}.portfolio-page .project-row__media{opacity:1;grid-template-columns:none;max-height:70vh;display:block;transform:none}.portfolio-page .project-row__media:has(>img:nth-child(2)){display:flex}.portfolio-page .project-row__media img,.portfolio-page .project-row__media video{object-fit:contain;object-position:center;height:100%}.portfolio-page .project-row .project-row__media{width:calc(100% - 9.6rem);max-width:60rem;max-height:none;margin:.5rem auto 0}.portfolio-page .project-row.is-active .project-row__media{max-height:none}.portfolio-page .project-row__toggle:focus-visible{outline-offset:-3px;border-radius:.5rem;outline:2px solid}@media (width<=700px){.portfolio-page .project-row .project-row__media{width:calc(100% - 1rem)}}