.real-device>img{display:block;width:100%;height:auto}.browser-device.real-device{height:auto}.system-device.real-device{display:block;height:auto;bottom:18px}.phone-device.real-device{height:auto;aspect-ratio:590/1280;border-width:5px;border-radius:28px;top:15px;width:190px;background:white}.phone-device.real-device>img{height:100%;object-fit:contain;border-radius:22px}.real-device .browser-chrome{height:25px}.label-system{top:208px}.label-app{bottom:-10px}.work-section{padding:100px 0 80px;background:#f7faf9;overflow:clip}.work-section .section-head,.app-projects-section .section-head{padding-left:0;padding-right:0}.web-projects{display:grid;grid-template-columns:1fr 1fr;gap:100px 45px;perspective:1300px;padding:30px 0 70px}.web-project{min-width:0;transform:translate3d(0,var(--work-y,0px),0);transform-origin:50% 65%}.web-project:nth-child(even){padding-top:80px}.web-project:last-child{grid-column:1 / -1;width:75%;margin:auto}.project-image-link{display:block;perspective:1100px}.project-browser{overflow:hidden;border:1px solid #102d2a25;border-radius:12px;background:white;box-shadow:0 18px 40px #102d2a12;transform:rotateX(var(--work-pitch,0deg)) rotateY(var(--hover-y,0deg)) scale(var(--work-scale,1));transition:box-shadow .3s;transform-origin:50% 75%}.project-image-link:hover .project-browser{box-shadow:0 25px 60px #102d2a25}.project-browser-bar{height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;background:#eaf0ed;gap:15px}.project-browser-bar>span:first-child{display:flex;gap:5px}.project-browser-bar i{width:6px;height:6px;border-radius:50%;background:#9baea5}.project-browser-bar i:first-child{background:#f99a1e}.project-browser-bar b{font-size:12px;font-weight:400;color:#526a67}.project-browser-bar>span:last-child{font-size:16px}.project-browser img{display:block;width:100%;height:auto;aspect-ratio:2048/1114;object-fit:contain}.project-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 0;border-bottom:1px solid var(--line)}.project-caption h3{font-size:clamp(23px,2.8vw,38px);font-weight:400;letter-spacing:-1px;margin:0 0 7px}.project-caption p{font-size:14px;color:var(--muted);margin:0}.project-caption>span{font-size:13px;color:#00857b}.app-projects-section{padding:95px 0 85px;background:#092823;color:#f4f7f5;overflow:clip}.app-projects-section .eyebrow{color:#b3c9be}.app-gallery{display:flex;gap:38px;padding:35px max(5vw,calc((100vw - 1440px)/2)) 55px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#00a99d #16392e;perspective:1400px}.app-project-card{flex:0 0 clamp(190px,19vw,275px);scroll-snap-align:center;min-width:0;transform:translateY(var(--app-y,0px));padding:24px 0}.app-project-card>a{display:block;perspective:1100px}.project-phone{border:6px solid #1c2b25;border-radius:35px;overflow:hidden;background:white;box-shadow:0 0 0 1px #7f9e8e66,0 25px 40px #0005;transform:rotateY(var(--app-yaw,0deg)) rotateZ(var(--app-roll,0deg));transform-origin:center;transition:box-shadow .3s}.project-phone img{display:block;width:100%;height:auto;aspect-ratio:590/1280;object-fit:contain}.app-project-card a:hover .project-phone{box-shadow:0 0 0 1px #00a99d,0 25px 50px #0007}.app-project-caption{padding-top:28px}.app-project-caption>span{font-size:11px;letter-spacing:1px;color:#96b7a6}.app-project-caption h3{font-size:23px;font-weight:400;letter-spacing:-.7px;margin:10px 0 7px}.app-project-caption p{font-size:14px;color:#b3c9be;margin:0;line-height:1.5}.app-gallery a:focus-visible{outline:3px solid var(--orange);outline-offset:8px;border-radius:35px}.motion-paused .web-project,.motion-paused .project-browser,.motion-paused .app-project-card,.motion-paused .project-phone{transform:none!important}.app-gallery{overscroll-behavior-x:contain}.app-project-card a,.project-image-link{touch-action:manipulation}@media(min-width:1550px){.app-gallery{justify-content:center}}@media(max-width:759px){.work-section{padding:65px 0 50px}.web-projects{grid-template-columns:1fr;gap:40px;padding:15px 0 25px}.web-project:nth-child(even){padding-top:0}.web-project:last-child{width:100%;grid-column:auto}.project-browser{border-radius:8px}.project-browser-bar{height:30px;padding:0 10px}.project-browser-bar b{font-size:11px}.project-caption{padding:20px 0}.project-caption p{font-size:14px}.app-projects-section{padding:65px 0 50px}.app-gallery{gap:28px;padding:20px 9vw 30px;scroll-snap-type:x mandatory}.app-project-card{flex-basis:64vw;max-width:280px;padding:15px 0}.project-phone{border-radius:32px}.app-project-caption h3{font-size:24px}.concept-caption{right:0}.phone-device.real-device{top:12px}.label-app{bottom:-18px}}@media(prefers-reduced-motion:reduce){.web-project,.project-browser,.app-project-card,.project-phone{transform:none!important}.app-gallery{scroll-behavior:auto}}