.projects-page{color:#111;background:#f4f4f1;overflow-x:clip}.projects-hero{min-height:52svh;padding:clamp(118px,10vw,158px) var(--section-gutter,clamp(48px,5.5vw,88px)) clamp(64px,6vw,92px);align-items:flex-end;display:flex}.projects-hero-copy{text-align:center;width:min(100%,1320px);margin:0 auto}.projects-hero-copy h1{letter-spacing:-.055em;width:100%;margin:18px 0 0;font-size:clamp(50px,5.3vw,78px);font-weight:600;line-height:.95}.projects-hero-copy h1 span{white-space:nowrap;display:block}.project-expand-stage{background:#f4f4f1;height:185svh;position:relative}.project-expand-sticky{box-sizing:border-box;background:inherit;justify-content:center;align-items:stretch;height:calc(100svh - 72px);padding:0;display:flex;position:sticky;top:72px;overflow:hidden}.project-placeholder{will-change:width,border-radius,transform;background:#c9c9c6;border-radius:22px;width:86vw;height:100%;min-height:100%;position:relative;overflow:hidden}.project-placeholder-track{will-change:transform;backface-visibility:hidden;width:100%;height:100%;position:relative;transform:translate(0,0)}.project-placeholder-panel{backface-visibility:hidden;width:100%;height:100%;position:absolute;left:0}.project-placeholder-panel--one{background:#c9c9c6;top:0}.project-placeholder-panel--two{background:#b8b9b5;top:100%}.project-placeholder-panel--three{background:#d5d5d1;top:200%}.projects-list{color:#f4f4f1;padding:clamp(240px,16vw,320px) var(--section-gutter,clamp(48px,5.5vw,88px)) clamp(110px,11vw,170px);background:#080808}.projects-list-head{width:min(100%,1280px);margin-bottom:clamp(58px,6vw,86px)}.projects-list-head .section-kicker{color:#9b9b96}.projects-list-head h2{letter-spacing:-.055em;width:100%;margin:22px 0 0;font-size:clamp(46px,4.8vw,70px);font-weight:600;line-height:.95}.projects-list-head h2 span{white-space:nowrap;display:block}.projects-list-grid{border-top:1px solid #2c2c2c}.projects-list-item{opacity:0;border-bottom:1px solid #2c2c2c;grid-template-columns:minmax(190px,.34fr) minmax(0,1fr);align-items:stretch;gap:clamp(34px,4vw,72px);padding:26px 0 28px;transition:opacity .65s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1);display:grid;transform:translateY(28px)}.projects-list-item.is-visible{opacity:1;transform:translate(0,0)}.projects-list-meta{flex-direction:column;justify-content:space-between;min-height:clamp(320px,31vw,520px);padding:4px 0 2px;display:flex}.projects-list-meta h3{letter-spacing:-.045em;width:min(100%,12ch);margin:0;font-size:clamp(28px,2.5vw,40px);font-weight:500;line-height:.98}.projects-list-type{letter-spacing:.12em;text-transform:uppercase;color:#8e8e89;width:max-content;margin-top:18px;font-size:10px;line-height:1.2;display:block}.projects-list-description{color:#9c9c97;text-wrap:pretty;width:min(100%,36ch);margin:24px 0 0;font-size:14px;line-height:1.55}.projects-list-media{background:#bdbdb9;border-radius:6px;min-height:clamp(320px,31vw,520px);overflow:hidden}.projects-list-media img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform 1s cubic-bezier(.22,1,.36,1);display:block;transform:scale(1.025)}.projects-list-item.is-visible .projects-list-media img{transform:scale(1)}.projects-list-item:nth-child(2) .projects-list-media{background:#cececa}.projects-list-item:nth-child(3) .projects-list-media{background:#aeadab}.projects-list-item:nth-child(4) .projects-list-media{background:#d7d7d3}@media (max-width:1180px) and (min-width:801px){.projects-hero{min-height:50svh;padding:120px 54px 64px}.projects-hero-copy h1{font-size:clamp(52px,6.3vw,68px);line-height:.96}.project-expand-stage{height:175svh}.project-expand-sticky{height:calc(100svh - 64px);top:64px}.project-placeholder{border-radius:20px;width:90vw}.projects-list{padding:150px 54px 120px}.projects-list-head{margin-bottom:64px}.projects-list-head h2{font-size:clamp(48px,6vw,62px)}.projects-list-item{grid-template-columns:minmax(210px,.38fr) minmax(0,1fr);gap:40px;padding:24px 0 26px}.projects-list-meta,.projects-list-media{min-height:clamp(340px,38vw,450px)}.projects-list-meta h3{width:min(100%,13ch);font-size:clamp(30px,3vw,36px)}.projects-list-description{width:min(100%,32ch);font-size:13px;line-height:1.5}}@media (max-width:800px){.projects-hero{min-height:46svh;padding:96px 24px 46px}.projects-hero-copy h1{text-wrap:balance;width:100%;margin-top:14px;font-size:clamp(36px,9.2vw,50px);line-height:.96}.projects-hero-copy h1 span{white-space:normal}.project-expand-sticky{height:calc(100svh - 64px);padding:0;top:64px}.project-expand-stage{height:165svh}.project-placeholder{border-radius:16px;width:92vw;height:100%;min-height:100%}.projects-list{padding:88px 24px 92px}.projects-list-head{margin-bottom:54px}.projects-list-head h2{text-wrap:balance;width:100%;font-size:clamp(36px,9vw,50px);line-height:.98}.projects-list-head h2 span{white-space:normal}.projects-list-item{grid-template-columns:1fr;gap:20px;padding:30px 0 38px}.projects-list-meta{min-height:0;padding:0;display:block}.projects-list-meta h3{width:min(100%,16ch);font-size:clamp(28px,7vw,36px);line-height:1}.projects-list-description{text-wrap:pretty;width:min(100%,38ch);margin-top:16px;font-size:13px;line-height:1.5}.projects-list-media{aspect-ratio:1.92;border-radius:5px;min-height:0}}@media (max-width:480px){.projects-hero{padding-left:22px;padding-right:22px}.projects-hero-copy h1{font-size:clamp(38px,10.5vw,52px)}.project-placeholder{width:90vw;height:100%;min-height:100%}.projects-list{padding-left:22px;padding-right:22px}.projects-list-meta{grid-template-columns:1fr}.projects-list-media{aspect-ratio:1.92;min-height:0}}@media (prefers-reduced-motion:reduce){.projects-list-item{opacity:1!important;transition:none!important;transform:none!important}.projects-list-media img{transition:none!important;transform:none!important}.project-placeholder{border-radius:0!important;width:100vw!important}.project-expand-sticky{opacity:1!important}.project-placeholder-track{transform:translateY(-100%)!important}}.project-transition-video{object-fit:cover;object-position:center;width:100%;height:100%;display:block}