.work-section{background:#eef4f1;padding-bottom:0}.web-projects{display:block;perspective:none;padding:15px 0 40px}.project-scene{position:relative;isolation:isolate;margin:0 0 85px;perspective:1600px}.project-scene:last-child{margin-bottom:0}.web-project,.web-project:last-child{width:88%;margin:0 auto;position:relative;transform:none;z-index:2}.web-project:nth-child(even){padding-top:0}.project-image-link{position:relative;transform:translate3d(var(--scene-shift,0px),var(--scene-rise,0px),0) rotateZ(var(--scene-roll,0deg));transform-style:preserve-3d;outline-offset:12px}.project-image-link:before,.project-image-link:after{content:'';position:absolute;inset:0;border:1px solid #008e8030;border-radius:14px;background:#00a99d08;z-index:-1;transform:translate(calc(var(--scene-depth,15px) * -1),var(--scene-depth,15px)) rotate(-2deg)}.project-image-link:after{background:#f99a1e08;border-color:#f99a1e33;transform:translate(var(--scene-depth,15px),calc(var(--scene-depth,15px) * 1.5)) rotate(2deg)}.project-browser{position:relative;transform:perspective(1400px) rotateX(var(--work-pitch,0deg)) rotateY(var(--hover-y,0deg)) scale(var(--work-scale,1));box-shadow:0 35px 65px #143c2820;transform-origin:50% 75%;border-color:#163f302c}.project-browser-bar{height:38px;background:#e2ebe6}.project-browser-bar b{font-size:13px}.project-caption{position:relative;border-bottom:0;padding:30px 0 20px;transform:translateY(var(--caption-y,0px))}.project-caption:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--teal) 85%,var(--orange) 85%);transform:scaleX(var(--scene-progress,0));transform-origin:left}.project-caption h3{font-size:clamp(26px,3vw,44px)}.project-caption>span{font-size:14px;display:grid;place-items:center;width:42px;height:42px;border:1px solid #008e8030;border-radius:50%}.scene-ordinal{position:absolute;right:-1%;top:-50px;font-size:clamp(110px,18vw,260px);font-weight:500;line-height:1;letter-spacing:-.085em;color:#102d2a07;transform:translateY(var(--ordinal-y,0px));pointer-events:none;z-index:0}.project-scene:nth-child(even) .scene-ordinal{right:auto;left:-1%;color:#008e800c}.project-scene:nth-child(even) .project-image-link:before{border-color:#f99a1e44}.motion-paused .project-image-link,.motion-paused .project-caption,.motion-paused .scene-ordinal{transform:none!important}.motion-paused .project-caption:after{transform:none!important}.motion-paused .project-image-link:before,.motion-paused .project-image-link:after{display:none}@media(min-width:900px) and (min-height:650px){.choreography-on .project-scene{height:145svh;margin-bottom:0}.choreography-on .web-project{position:sticky;top:9svh;width:min(88%,calc((100svh - 235px) * 1.84));max-width:1150px}.choreography-on .scene-ordinal{top:9svh}.work-section .section-head{padding-bottom:70px}.project-caption{padding-top:25px}.project-caption h3{font-size:clamp(25px,2.7vw,40px)}}@media(max-width:899px),(max-height:649px){.web-project,.web-project:last-child{width:95%}.project-scene{margin-bottom:65px}.project-caption{padding-top:22px;gap:15px}.project-caption h3{font-size:26px}.project-caption>span{width:34px;height:34px;font-size:12px}.project-browser-bar{height:30px}.project-browser-bar b{font-size:12px}.project-caption p{font-size:14px;line-height:1.5}.scene-ordinal{font-size:110px;top:-30px}.project-image-link:before,.project-image-link:after{border-radius:9px}.web-projects{padding-top:20px;padding-bottom:50px}}@media(prefers-reduced-motion:reduce){.project-scene{height:auto!important;margin-bottom:65px!important}.web-project{position:relative!important;top:auto!important}.project-image-link,.project-caption,.scene-ordinal{transform:none!important}.project-caption:after{transform:none!important}.project-image-link:before,.project-image-link:after{display:none}}