.work-index{padding:132px clamp(24px,5vw,80px) 110px;background:#080a0b;min-height:100svh}
.work-index__head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff28;padding-bottom:20px;margin-bottom:30px;font:400 14px/1.4 Mulish,sans-serif;letter-spacing:.03em;color:#8c9498}.work-index__head h1{font:inherit;color:white;margin:0}
.work-theatre{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:5vw;align-items:start;position:relative}.project-index{position:relative;z-index:2;padding:3svh 0 8svh}.project-index__item{display:grid;grid-template-columns:28px 1fr 24px;gap:15px;align-items:baseline;position:relative;min-height:22svh;padding:30px 0;text-decoration:none;border-top:1px solid #ffffff12;color:#737d82;transition:color .3s}.project-index__item:first-child{border-top:0}.project-index__number{font:400 13px Mulish,sans-serif;color:#737d82}.project-index__name{font:400 clamp(40px,4.7vw,82px)/1.07 Oswald,sans-serif;letter-spacing:-.035em;transition:transform .5s cubic-bezier(.16,1,.3,1)}.project-index__arrow{font:300 27px Mulish,sans-serif;opacity:0;transform:translate(-6px,6px);transition:opacity .3s,transform .3s}.project-index__item.is-active,.project-index__item:hover,.project-index__item:focus-visible{color:#fff}.project-index__item.is-active .project-index__name{transform:translateX(7px)}.project-index__item.is-active .project-index__number{color:#0db5b5}.project-index__item.is-active .project-index__arrow{opacity:1;transform:none;color:#0db5b5}
.project-showcase{position:sticky;top:115px;padding:0 0 50px;perspective:1400px;min-width:0}.project-showcase__link{display:block;color:#fff;text-decoration:none}.project-showcase__art{height:calc(100svh - 255px);min-height:320px;max-height:820px;background:#121617;position:relative;overflow:hidden;transform:rotateY(-4deg) rotateZ(1deg);transform-origin:center;transition:transform .7s cubic-bezier(.16,1,.3,1)}.project-showcase__link:hover .project-showcase__art{transform:rotateY(0) rotateZ(0)}.project-showcase__art img,.project-showcase__art video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.project-showcase__art .arriving{animation:work-image-enter .75s cubic-bezier(.16,1,.3,1) both}.project-showcase__caption{display:grid;grid-template-columns:1fr 44px;gap:7px;padding-top:23px;font:400 14px/1.5 Mulish,sans-serif}.project-showcase__caption>span:first-child{grid-column:1;color:#8e989d;font-size:13px}.project-showcase__caption>span:nth-child(2){grid-column:1;font-size:17px}.showcase-arrow{grid-column:2;grid-row:1/3;align-self:center;justify-self:end;font-size:35px;color:#0db5b5}.showcase-count{margin-top:30px;display:flex;align-items:center;gap:12px;color:#929ca1;font:400 13px Mulish,sans-serif}.showcase-count__line{height:1px;width:64px;background:#ffffff25}#showcase-current{color:#fff}
@keyframes work-image-enter{from{clip-path:inset(100% 0 0 0);transform:scale(1.075)}to{clip-path:inset(0);transform:scale(1)}}
@media(max-width:760px){.work-index{padding:112px 24px 65px}.work-index__head{margin-bottom:20px}.work-index__head>span{display:none}.work-theatre{display:flex;flex-direction:column;gap:0}.project-showcase{order:0;top:92px;width:100%;padding:0 0 18px;background:#080a0b;z-index:4}.project-showcase:before{content:'';position:absolute;inset:-15px -24px 0;background:#080a0b;z-index:-1}.project-showcase__art{height:38svh;min-height:220px;max-height:470px;transform:rotateZ(1deg)}.project-showcase__caption{padding-top:15px;gap:2px}.project-showcase__caption>span:nth-child(2){font-size:15px}.showcase-count{display:none}.project-index{order:1;width:100%;padding:12px 0 0}.project-index__item{min-height:105px;padding:26px 0;gap:12px}.project-index__name{font-size:clamp(36px,8.5vw,58px)}.project-index__arrow{font-size:23px}.project-index__number{font-size:12px}.project-index__item.is-active .project-index__name{transform:translateX(3px)}}
@media(prefers-reduced-motion:reduce){.project-showcase__art,.project-showcase__art .arriving{transform:none;animation:none;transition:none}.project-index__item,.project-index__name,.project-index__arrow{transition:none}}