.project-showcase{color:#1a1c20;background:#eeedf0;padding:80px max(5%,50% - 700px) 48px;scroll-margin-top:20px}.project-section-heading{justify-content:space-between;align-items:end;gap:40px;margin-bottom:38px;display:flex}.project-section-heading>div>p{letter-spacing:.2em;color:#74648a;margin:0 0 18px;font-size:10px}.project-section-heading h2{letter-spacing:-.055em;color:#1a1c20;margin:0;font-size:clamp(34px,4.4vw,64px);font-weight:600;line-height:1.04}.project-section-heading>p{color:#64646d;margin:0 0 4px;font-size:13px;line-height:1.8}.project-theatre{isolation:isolate;color:#fff;touch-action:pan-y;background:#111116;border-radius:22px;height:640px;position:relative;overflow:hidden;box-shadow:0 26px 45px -30px #09080ea6}.project-backdrop,.project-opening{z-index:-2;position:absolute;inset:0;overflow:hidden}.project-backdrop>img,.project-opening>img{object-fit:cover;object-position:50% 18%;width:100%;height:100%}.project-backdrop>div,.project-opening>div{background:linear-gradient(90deg,#0b0c0ffa 0%,#0b0c0fe8 34%,#0b0c0f25 75%),linear-gradient(#0000 25%,#0b0c0fe6);position:absolute;inset:0}.project-opening{z-index:-1;will-change:clip-path}.project-time-rail{top:0;background:#fff2;height:3px;position:absolute;inset-inline:0}.project-time-rail>span{background:#9678ff;width:0;height:100%;display:block;box-shadow:0 0 15px #6c42ff}.project-time-rail>span.is-running{animation:linear forwards project-time}@keyframes project-time{to{width:100%}}.project-theatre-top{color:#d6d2df;letter-spacing:.17em;justify-content:space-between;align-items:center;gap:15px;font-size:9px;display:flex;position:absolute;top:30px;left:36px;right:36px}.project-theatre-top>span:first-child{align-items:center;gap:10px;display:flex}.project-theatre-top i{background:#a890ff;border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #6c42ff}.project-feature{z-index:2;width:32%;animation:.65s both project-copy-in;position:absolute;top:28%;left:4%}.project-feature-category{letter-spacing:.13em;color:#d6c6ff;margin:0 0 20px;font-size:10px}.project-feature-category>span{color:#aea7bc;margin-left:7px}.project-feature h3{letter-spacing:-.055em;color:#fff;text-wrap:balance;margin:0 0 22px;font-size:clamp(36px,4.5vw,68px);font-weight:600;line-height:1.02}.project-feature-description{color:#d0cdd6;max-width:315px;margin:0 0 26px;font-size:12px;line-height:1.8}.project-feature>a{color:#fff;background:#17121b44;border:1px solid #ddd5eb66;border-radius:30px;align-items:center;gap:11px;padding:7px 18px 7px 7px;font-size:11px;display:inline-flex}.project-feature>a>span{background:#6c42ff;border-radius:50%;place-items:center;width:31px;height:31px;font-size:19px;display:grid}.project-feature>a:hover{background:#6c42ff55}.project-domain{letter-spacing:.04em;color:#b6aebf;margin-top:14px;font-size:9px;display:block}.project-theatre[data-opening=true] .project-feature{opacity:.2;transition:opacity .25s}.project-card-track{scrollbar-width:none;scroll-snap-type:x proximity;align-items:stretch;gap:16px;height:300px;padding:0 28px 18px 0;display:flex;position:absolute;top:27%;left:40%;right:0;overflow-x:auto}.project-card-track::-webkit-scrollbar{display:none}.project-preview-card{isolation:isolate;color:#fff;text-align:left;cursor:pointer;scroll-snap-align:start;background:#24222d;border:1px solid #ffffff4d;border-radius:16px;flex:0 0 168px;padding:0;transition:border-color .2s;animation:.6s both project-card-in;position:relative;overflow:hidden;box-shadow:0 12px 18px #0003}.project-preview-card>img{object-fit:cover;object-position:top;z-index:-2;width:100%;height:100%;transition:transform .6s;position:absolute;inset:0}.project-card-shade{z-index:-1;background:linear-gradient(#100e2040,#0000 30%,#111019f5 100%);position:absolute;inset:0}.project-card-index{letter-spacing:.1em;justify-content:space-between;font-size:10px;display:flex;position:absolute;inset:15px 13px auto}.project-card-index>span{background:#ffffff20;border:1px solid #fff4;border-radius:50%;place-items:center;width:23px;height:23px;margin-top:-4px;display:grid}.project-card-label{position:absolute;bottom:20px;left:14px;right:14px}.project-card-label small{letter-spacing:.13em;color:#ddd4ed;margin-bottom:9px;font-size:7px;display:block}.project-card-label strong{letter-spacing:-.035em;font-size:21px;font-weight:500;line-height:1.1;display:block}.project-preview-card:hover{border-color:#c5b2ff}.project-preview-card:hover>img{transform:scale(1.04)}.project-preview-card[aria-disabled=true]{cursor:wait}.project-controls{align-items:center;gap:20px;display:flex;position:absolute;bottom:37px;left:40%;right:36px}.project-navigation{gap:8px;display:flex}.project-navigation button{color:#fff;cursor:pointer;background:#14101b40;border:1px solid #eee6fc5c;border-radius:50%;place-items:center;width:40px;height:40px;padding:0;font-size:17px;display:grid}.project-navigation button:hover{background:#6c42ff80}.project-navigation button:disabled{opacity:.4;cursor:default}.project-chapters{flex:1;gap:5px;min-width:0;display:flex}.project-chapters button{cursor:pointer;background:0 0;border:0;flex:1;min-width:16px;height:36px;padding:10px 0}.project-chapters span{background:#ffffff40;height:2px;display:block}.project-chapters button[aria-current]>span{background:#aa8eff;height:3px}.project-count{white-space:nowrap;align-items:baseline;gap:6px;display:flex}.project-count b{letter-spacing:-.06em;font-size:42px;font-weight:400}.project-count>span{color:#c4bacf;font-size:10px}.project-showcase-footer{color:#74707d;justify-content:space-between;align-items:center;gap:20px;margin-top:26px;font-size:11px;display:flex}.project-showcase-footer>a{color:#4d356a;border-bottom:1px solid #9c88b6;padding-bottom:5px}.project-showcase :is(a,button):focus-visible{outline-offset:3px;outline:3px solid #ac8eff}.project-card-track button:focus-visible{outline-offset:-4px}@keyframes project-card-in{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:none}}@keyframes project-copy-in{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@media (width<=1000px){.project-theatre{height:620px}.project-feature{width:35%;top:25%}.project-feature h3{font-size:clamp(32px,4.4vw,44px)}.project-card-track{height:285px;left:44%}.project-controls{gap:12px;left:44%;right:25px}.project-preview-card{flex-basis:155px}.project-navigation button{width:34px;height:34px}.project-count b{font-size:32px}.project-theatre-top{inset-inline:25px}}@media (width<=650px){.project-showcase{padding:52px 16px 32px}.project-section-heading{margin-bottom:26px;display:block}.project-section-heading h2{font-size:38px}.project-section-heading>p{margin-top:20px;font-size:12px}.project-theatre{border-radius:18px;height:765px}.project-theatre-top{letter-spacing:.09em;font-size:8px;top:23px;left:22px;right:22px}.project-theatre-top>span:last-child{display:none}.project-backdrop>div,.project-opening>div{background:linear-gradient(90deg,#0b0c0fe8,#0b0c0f88),linear-gradient(#0000 15%,#0b0c0ff5)}.project-feature{width:auto;top:90px;left:24px;right:24px}.project-feature h3{max-width:280px;margin-bottom:18px;font-size:clamp(32px,10vw,46px)}.project-feature-category{margin-bottom:16px;font-size:9px}.project-feature-description{max-width:300px;margin-bottom:17px;font-size:12px}.project-domain{margin-top:10px;font-size:9px}.project-card-track{gap:12px;height:235px;padding-bottom:12px;inset:auto 0 78px 24px}.project-preview-card{border-radius:13px;flex-basis:142px}.project-card-label strong{font-size:19px}.project-card-label{bottom:17px}.project-controls{gap:13px;bottom:22px;left:24px;right:24px}.project-navigation{gap:6px}.project-navigation button{width:32px;height:32px;font-size:15px}.project-count b{font-size:30px}.project-chapters{gap:4px}.project-showcase-footer{align-items:start;gap:25px;font-size:10px;line-height:1.6}.project-showcase-footer>a{flex-shrink:0}}@media (prefers-reduced-motion:reduce){.project-feature,.project-preview-card,.project-time-rail>span.is-running{animation:none}.project-preview-card>img,.project-feature{transition:none}.project-preview-card:hover>img{transform:none}}@media (width<=650px){.project-controls{gap:9px}.project-chapters{gap:3px}.project-chapters button{min-width:0}}