.work-exhibition{position:relative;background:#e9e9e2;color:#22231f;--intro-opacity:1;--focus-opacity:0;--end-opacity:0;--progress:0}.work-stage{position:relative;padding:100px 5vw 60px;isolation:isolate}.work-topline{display:flex;align-items:center;justify-content:space-between;gap:16px;font:10px/1.5 monospace;letter-spacing:.05em;position:relative;z-index:35}.work-topline-divider{color:#95968b;padding:0 18px}.work-topline>a{display:flex;align-items:center;gap:16px;font:13px/1.4 sans-serif;letter-spacing:0;border-bottom:1px solid #2224;padding-bottom:8px}.work-opening{text-align:center;margin:70px auto}.work-opening>p{font-size:12px;color:#77796d;margin-bottom:22px}.work-opening h2{font-size:clamp(64px,8vw,140px);line-height:.88;letter-spacing:-.075em;font-weight:500}.work-opening h2 span{color:#8a8d7e}.work-gallery{display:none}.work-copy-stack{max-width:1400px;margin:auto}.work-copy{padding:50px 0;border-bottom:1px solid #2222}.work-copy>.project-image{aspect-ratio:4/3;margin-bottom:32px}.work-project-label{display:flex;justify-content:space-between;font:10px monospace;color:#72766b;margin-bottom:22px;letter-spacing:.08em}.work-copy h3{font-size:clamp(36px,3.7vw,66px);font-weight:500;letter-spacing:-.055em;line-height:1.03;overflow-wrap:anywhere}.work-category{font-size:12px;color:#777b6d;margin-top:16px}.work-description{margin-top:24px;font-size:14px;line-height:1.7;color:#626858;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;max-width:390px}.work-services{display:flex;flex-wrap:wrap;gap:8px 14px;font:10px/1.4 monospace;color:#777d6d;margin-top:25px}.work-services>span+span:before{content:"/";color:#a4aa9b;margin-right:14px}.work-more{display:flex;align-items:center;justify-content:space-between;gap:32px;width:150px;font-size:14px;margin-top:32px;border-bottom:1px solid #2226;padding-bottom:13px;transition:width .3s}.work-more:hover{width:170px}.work-more svg{transition:transform .3s}.work-more:hover svg{transform:translate(3px,-3px)}.work-bottomline,.work-arc{display:none}.work-finale{text-align:center;padding:100px 0 40px}.work-finale>p{font:10px monospace;letter-spacing:.1em;margin-bottom:28px;color:#8b927f}.work-finale>a{display:inline-block;font-size:clamp(54px,8vw,120px);line-height:.95;letter-spacing:-.065em}.work-finale>a svg{display:inline-block;width:.7em;height:.7em;margin-left:15px;color:#768565}.work-finale>span{display:block;font-size:13px;margin-top:35px;color:#888d7f}.work-exhibition a:focus-visible,.work-exhibition button:focus-visible{outline:2px solid #526b3c;outline-offset:6px}.work-exhibition .projects-status{color:#3e4437}.work-exhibition .projects-status button{color:#405b2d}.is-pinned{height:calc((var(--chapters) + 1.8) * 100svh)}.is-pinned .work-stage{position:sticky;top:0;height:100svh;overflow:hidden;padding:115px 5vw 26px;perspective:1400px}.is-pinned .work-opening{position:absolute;top:23%;left:0;width:100%;margin:0;opacity:var(--intro-opacity);pointer-events:none;z-index:25}.is-pinned .work-opening h2{font-size:clamp(55px,6vw,100px)}.is-pinned .work-opening h2 br{display:none}.is-pinned .work-opening h2 span:before{content:" "}.is-pinned .work-opening>p{margin-bottom:20px}.is-pinned .work-gallery{display:block;position:absolute;top:0;right:0;bottom:0;left:0;perspective:1400px;pointer-events:none}.is-pinned .work-art{position:absolute;left:50%;top:55%;width:52vw;aspect-ratio:3/2;will-change:transform;backface-visibility:hidden;transform:translate(-50%,-50%)}.work-art .project-image{height:100%;aspect-ratio:auto;border-radius:3px;background:transparent}.work-art .project-image img{-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 16px 14px #20281926)}.work-art-number{position:absolute;left:0;bottom:-28px;font:10px monospace;color:#85897e}.is-pinned .work-copy-stack{position:absolute;left:63%;right:6%;top:28%;bottom:18%;display:grid;align-items:center}.is-pinned .work-copy{grid-area:1/1;border:0;padding:0;min-width:0;opacity:0;visibility:hidden;will-change:transform,opacity}.is-pinned .work-bottomline{display:flex;align-items:center;justify-content:space-between;position:absolute;bottom:25px;left:5vw;right:5vw;border-top:1px solid #2222;padding-top:15px;font:9px monospace;letter-spacing:.07em;z-index:35}.work-bottomline:before{content:"";position:absolute;top:-1px;height:1px;width:100%;background:#3e4e30;transform:scaleX(var(--progress));transform-origin:left}.work-scroll-note{display:flex;align-items:center;gap:14px;color:#767c6b}.work-bottomline nav{display:flex;gap:8px}.work-bottomline button{width:42px;height:42px;border-radius:50%;cursor:pointer;color:#8c9381;transition:background .2s,color .2s}.work-bottomline button[aria-current]{background:#252d1e;color:#e9ede2}.work-count{color:#767c6b}.is-pinned .work-arc{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:40;pointer-events:none;fill:#060606}.is-pinned .work-finale{position:absolute;top:0;right:0;bottom:0;left:0;z-index:45;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:90px 24px 30px;color:#e9e9e2;opacity:var(--end-opacity);pointer-events:none}.is-pinned .work-finale:not([inert]) a{pointer-events:auto}.is-pinned .work-finale>a svg{color:#a1ff62}@media(min-width:900px){.work-exhibition:not(.is-pinned) .work-copy{min-height:500px;display:flow-root}.work-exhibition:not(.is-pinned) .work-copy>.project-image{width:53%;float:left;margin:0 7% 30px 0}.work-exhibition:not(.is-pinned) .work-copy>.work-more{overflow:hidden}}@media(max-width:899px){.work-stage{padding:95px 6vw 40px}.work-topline{font-size:8px}.work-topline-divider{padding:0 7px}.work-topline>a{font-size:11px;gap:7px}.work-opening{margin:60px 0}.is-pinned .work-stage{padding:100px 6vw 20px}.is-pinned .work-opening{top:22%}.is-pinned .work-opening h2{font-size:clamp(48px,9vw,80px)}.is-pinned .work-opening h2 br{display:block}.is-pinned .work-art{width:84vw;top:34%;aspect-ratio:3/2}.is-pinned .work-art-number{display:none}.is-pinned .work-copy-stack{left:8%;right:8%;top:57%;bottom:80px;align-items:start}.is-pinned .work-project-label{margin-bottom:12px;font-size:9px}.is-pinned .work-copy h3{font-size:clamp(27px,6.5vw,44px);line-height:1.03}.is-pinned .work-category{font-size:10px;margin-top:9px}.is-pinned .work-description{font-size:12px;margin-top:12px;line-height:1.5;-webkit-line-clamp:2}.is-pinned .work-services{display:none}.is-pinned .work-more{margin-top:17px;padding-bottom:8px;font-size:12px;width:140px}.is-pinned .work-bottomline{bottom:15px;left:6%;right:6%;padding-top:10px}.work-bottomline button{width:34px;height:34px}.work-scroll-note{font-size:8px;gap:7px}.work-count{display:none}.is-pinned .work-opening>p{font-size:11px}}@media(min-width:600px)and (max-width:899px){.is-pinned .work-art{width:60vw;top:33%}.is-pinned .work-copy-stack{top:62%}}@media(prefers-reduced-motion:reduce){.work-more,.work-more svg{transition:none}}.work-gallery .project-image-status button{pointer-events:auto}.work-exhibition{margin-top:clamp(72px,8vw,128px)}.work-exhibition:before{content:"";position:absolute;left:0;right:0;top:-54px;height:55px;background:#e9e9e2;border-radius:50% 50% 0 0/54px 54px 0 0;pointer-events:none}@media(max-width:767px){.work-exhibition:before{top:-28px;height:29px;border-radius:50% 50% 0 0/28px 28px 0 0}}
