.work-section{position:relative;background:#eef3f0}.work-stage{position:relative;isolation:isolate}.work-chooser{display:flex;justify-content:center;gap:8px;padding:20px 5%;flex-wrap:wrap}.work-chooser button{font:14px Arial,sans-serif;min-height:46px;padding:12px 16px;background:transparent;color:#567166;border:1px solid #173f3020;border-radius:6px;cursor:pointer;text-align:left;transition:background .25s,color .25s}.work-chooser button span{font-size:11px;margin-right:12px;opacity:.6}.work-chooser button[aria-pressed=true]{background:#102d2a;color:white;border-color:#102d2a}.work-chooser button:hover{border-color:#008e80}.work-chooser button:focus-visible{outline:2px solid var(--orange);outline-offset:4px}.work-timeline{height:3px;background:#102d2a0c;margin:0 5%}.work-timeline i{display:block;width:100%;height:100%;background:#00a99d;transform:scaleX(var(--work-progress,0));transform-origin:left}.work-stage .scene-ordinal{display:none}.work-stage .project-image-link:before,.work-stage .project-image-link:after{display:none}.work-stage .project-caption:after{display:none}.work-stage .project-caption{background:#eef3f0}.work-stage .project-browser{position:relative;box-shadow:0 20px 50px #173c301a;transform:none}.work-stage .project-browser:after{content:'';position:absolute;inset:0;background:#092823;opacity:var(--stack-shade,0);pointer-events:none}.work-stage .project-caption>span{background:#ffffff60}.work-stage .project-browser-bar{background:#dfe8e2}.work-stage .project-image-link:hover .project-browser{box-shadow:0 25px 55px #173c3022}.work-stage .project-scene{transform-origin:50% 90%}
@media(min-width:900px) and (min-height:650px){.choreography-on .work-section{height:390svh;padding:0;overflow:clip}.choreography-on .work-stage{position:sticky;top:0;height:100svh;overflow:clip}.choreography-on .work-stage>.wrap{padding-top:32px}.choreography-on .work-stage .section-head{padding:0;margin:0}.choreography-on .work-stage .section-head h2{font-size:clamp(36px,3.6vw,54px);line-height:1.03}.choreography-on .work-stage .web-projects{position:absolute;top:175px;left:0;right:0;bottom:50px;display:block;padding:0;perspective:1800px;overflow:visible}.choreography-on .work-stage .project-scene{position:absolute;left:60%;top:0;width:min(65vw,calc((100svh - 330px)*1.84));max-width:1100px;height:auto;margin:0;perspective:none;transform:translateX(-50%) translateY(calc(var(--stack-y,0%) + var(--stack-offset,0px))) rotateZ(var(--stack-angle,0deg)) scale(var(--stack-scale,1));opacity:var(--stack-opacity,1);will-change:transform}.choreography-on .work-stage .web-project,.choreography-on .work-stage .web-project:last-child{position:relative;top:auto;width:100%;max-width:none;margin:0;padding:0}.choreography-on .work-stage .project-caption{padding:17px 0 13px}.choreography-on .work-stage .project-caption h3{font-size:clamp(23px,2.2vw,32px);margin-bottom:5px}.choreography-on .work-stage .project-caption p{font-size:13px}.choreography-on .work-stage .project-browser-bar{height:32px}.choreography-on .work-stage .project-caption>span{width:34px;height:34px}.choreography-on .work-chooser{position:absolute;left:5%;top:205px;width:18%;bottom:auto;padding:0;z-index:50;display:flex;flex-direction:column;gap:10px}.choreography-on .work-chooser button{border:0;border-left:2px solid #173f3020;border-radius:0;padding:15px 10px;font-size:13px;background:none}.choreography-on .work-chooser button[aria-pressed=true]{border-color:#00a99d;color:#102d2a;background:#00a99d0c}.choreography-on .work-chooser button[aria-pressed=true] span{color:#008e80;opacity:1}.choreography-on .work-timeline{position:absolute;bottom:28px;left:28%;right:7%;margin:0}.choreography-on .web-projects:focus-visible{outline:2px solid #008e80;outline-offset:-5px}}
@media(max-width:899px),(max-height:649px){.work-section{padding:65px 0 25px}.work-stage>.wrap{padding-left:6%;padding-right:6%}.work-stage .section-head{padding-left:0;padding-right:0;padding-bottom:35px}.work-stage .web-projects{display:block;position:relative;padding:10px 0 15px;overflow:visible}.work-stage .project-scene{width:100%;max-width:none;height:auto;margin:0 0 45px;transform:translateY(var(--stack-y,0%)) rotate(var(--stack-angle,0deg)) scale(var(--stack-scale,1));opacity:1}.work-stage .web-project,.work-stage .web-project:last-child{width:100%;margin:0;padding:0;position:relative;top:auto}.work-stage .project-caption{padding-top:20px}.work-stage .project-caption h3{font-size:25px}.work-stage .project-caption p{font-size:14px}.work-chooser{gap:7px;padding-top:0}.work-chooser button{font-size:12px;padding:10px 13px}.work-chooser button span{display:none}.work-stage .project-browser{transform:none;box-shadow:0 18px 28px #173c3015}.work-stage .section-head h2{font-size:clamp(38px,7.5vw,55px)}}
.motion-paused .work-section{height:auto!important;padding:65px 0 35px!important}.motion-paused .work-stage{position:relative!important;height:auto!important}.motion-paused .work-stage .web-projects{position:relative!important;inset:auto!important;display:block!important;overflow:visible!important;padding:25px 5%!important}.motion-paused .work-stage .project-scene{position:relative!important;inset:auto!important;width:min(100%,1000px)!important;height:auto!important;transform:none!important;opacity:1!important;margin:0 auto 50px!important}.motion-paused .work-stage .web-project{position:relative!important;inset:auto!important;width:100%!important}.motion-paused .work-stage .project-browser:after{display:none}.motion-paused .work-chooser,.motion-paused .work-timeline{position:relative!important;inset:auto!important;width:auto!important}@media(prefers-reduced-motion:reduce){.work-section{height:auto!important}.work-stage{position:relative!important;height:auto!important}.work-stage .project-scene,.work-stage .project-browser{transform:none!important;opacity:1!important}.work-stage .project-scene{margin-bottom:40px!important}.work-stage .project-browser:after{display:none}}