.work-showcase{margin-top:30px;min-width:0}.gallery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:18px}.work-switcher{display:flex;gap:8px;flex-wrap:wrap;min-width:0}.work-switcher a{display:inline-flex;align-items:center;min-height:40px;font-size:12px;padding:8px 14px;border:1px solid transparent;border-radius:6px;color:var(--muted);transition:color .25s,background .25s,border-color .25s}.work-switcher a:hover{color:var(--ink)}.work-switcher a[aria-current]{background:#d2fa6910;border-color:#d2fa6940;color:var(--lime)}.gallery-controls{display:flex;gap:7px;flex-shrink:0}.gallery-button{display:grid;place-items:center;width:40px;height:40px;background:transparent;border:1px solid var(--line);border-radius:50%;color:var(--ink);transition:background .25s,border-color .25s,transform .3s var(--ease)}.gallery-button:hover:not(:disabled){background:#d2fa6910;border-color:#d2fa6960;transform:translateY(-1px)}.gallery-button:disabled{opacity:.28;cursor:default}.gallery-button .ui-icon{width:17px;height:17px;flex-basis:17px}
.work-track{position:relative;display:flex;gap:32px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#6b7b4c33 transparent;overscroll-behavior-x:contain;touch-action:pan-x pan-y pinch-zoom;scroll-behavior:smooth;padding:12px 0 10px;border-radius:4px}.work-track::-webkit-scrollbar{height:3px}.work-track::-webkit-scrollbar-thumb{background:#b2ca772b;border-radius:5px}.work-track:focus-visible{outline:1px solid #d2fa6970;outline-offset:6px}.work-slide{position:relative;flex:0 0 100%;min-width:0;display:grid;grid-template-columns:1.45fr 1fr;gap:56px;align-items:center;scroll-snap-align:start;scroll-snap-stop:always;padding:15px 0 12px}.work-slide-info{min-width:0;padding:10px 0 16px}.work-slide-info h3{font-size:29px;line-height:1.2;margin:14px 0 24px}.work-slide-info .project-meta{line-height:1.6}.work-field{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#89937d;margin-bottom:7px}.work-description p{font-size:14px;line-height:1.85;color:var(--muted);margin:0 0 20px;max-width:390px}.work-delivery .deliverables{margin:0 0 24px;max-width:390px}.work-slide-info .project-actions{gap:19px}.gallery-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:10px 0;font-size:10px;color:#7e8876}.gallery-guidance{display:inline-flex;align-items:center;gap:7px}.gallery-guidance .ui-icon{width:13px;height:13px;flex-basis:13px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.device-stage{position:relative;min-width:0;height:410px;display:grid;align-items:center;padding:24px 25px 34px 18px;perspective:1200px;isolation:isolate}.device-stage:before{content:'';position:absolute;inset:12% 4% 6%;border-radius:50%;background:radial-gradient(ellipse at 45% 65%,#cad79a0a,transparent 64%);pointer-events:none}.device-stage:after{content:'';position:absolute;bottom:36px;left:12%;right:6%;height:24px;border-radius:50%;background:#0006;filter:blur(14px);transform:rotate(-3deg);pointer-events:none;z-index:-1}.device-rig{position:relative;display:block;width:82%;transform-style:preserve-3d;transform:translateY(var(--model-lift,0px)) rotateX(var(--model-rx,5deg)) rotateY(var(--model-ry,-14deg)) rotateZ(-1deg);transition:transform .65s var(--ease);outline-offset:12px}.laptop-model,.laptop-lid{position:relative;transform-style:preserve-3d}.laptop-back{position:absolute;inset:-1px;background:linear-gradient(145deg,#40473b,#161914 70%);border:1px solid #575e4e;border-radius:10px;transform:translateZ(-7px);box-shadow:0 16px 30px #0005}.laptop-front{position:relative;background:#0c110d;border:5px solid #2f352b;border-bottom-width:8px;border-radius:9px;overflow:hidden;transform:translateZ(1px);box-shadow:inset 0 0 0 1px #a0ab8d40}.laptop-front img{display:block;width:100%;height:auto;aspect-ratio:1.54;object-fit:cover;object-position:top}.laptop-edge{position:absolute;top:6px;bottom:6px;right:-7px;width:7px;background:linear-gradient(90deg,#22291e,#54604c);transform:rotateY(90deg);transform-origin:left center;border-radius:0 2px 2px 0}.model-browser-bar{height:22px;padding:0 9px;display:flex;align-items:center;gap:10px;justify-content:space-between;background:linear-gradient(#30382b,#252d21);border-bottom:1px solid #68735244;color:#a7b29a;font:8px Manrope,Arial,sans-serif;letter-spacing:.03em}.model-dots{display:flex;gap:3px}.model-dots i{display:block;width:3px;height:3px;border-radius:50%;background:#889678}.model-window-mark{width:7px;height:5px;border:1px solid #7c8970;border-radius:1px}.laptop-base{position:relative;width:110%;height:28px;margin-left:-5%;margin-top:0;border-radius:2px 2px 14px 14px;background:linear-gradient(#747d68 0%,#424c37 22%,#293221 80%,#151b11);border:1px solid #8f99814a;box-shadow:0 4px 0 #11170d,0 14px 20px #0004;transform:rotateX(58deg) translateZ(4px);transform-origin:center top;clip-path:polygon(4% 0,96% 0,100% 86%,99% 100%,1% 100%,0 86%)}.laptop-base span{position:absolute;top:0;left:39%;width:22%;height:7px;border-radius:0 0 4px 4px;background:#1c241766;box-shadow:0 1px 0 #b3bba020}
.phone-model{position:absolute;right:-7%;bottom:6%;width:24%;transform-style:preserve-3d;transform:translate3d(0,4px,55px) rotateY(14deg) rotateZ(6deg);transition:transform .7s var(--ease)}.phone-case{position:relative;background:linear-gradient(145deg,#69745d,#1f271a 60%);padding:4px;border:1px solid #b3bea25c;border-radius:19px;box-shadow:-6px 8px 0 #10190ccc,-14px 22px 26px #0006;overflow:hidden}.phone-case:after{content:'';position:absolute;inset:1px;border:1px solid #cdddb422;border-radius:16px;pointer-events:none}.phone-case img{display:block;width:100%;height:auto;aspect-ratio:375/812;object-fit:cover;object-position:top;border-radius:14px}.phone-camera{position:absolute;top:7px;left:43%;width:14%;height:4px;border-radius:9px;background:#121b0c;box-shadow:0 0 0 1px #60724b33}.device-rig:hover .phone-model,.device-rig:focus-visible .phone-model{transform:translate3d(1px,-4px,65px) rotateY(10deg) rotateZ(3deg)}.work-slide:not(.is-active) .device-rig{transform:translateY(5px) rotateX(6deg) rotateY(-23deg) rotateZ(-2deg)}
@media(max-width:1050px){.work-slide{gap:38px;grid-template-columns:1.2fr 1fr}.device-stage{height:365px;padding:22px 20px 28px 12px}.work-slide-info h3{font-size:26px}.work-description p{font-size:13px}.phone-model{width:25%;right:-6%}}
@media(max-width:780px){.work-showcase{margin-top:25px}.gallery-toolbar{gap:10px;padding-bottom:12px;align-items:center}.work-switcher{gap:4px}.work-switcher a{font-size:10px;min-height:42px;padding:7px 9px}.gallery-controls{gap:4px}.gallery-button{width:36px;min-height:44px;border:0}.gallery-button .ui-icon{width:16px;height:16px;flex-basis:16px}.work-track{gap:22px;padding:2px 0 8px}.work-slide{grid-template-columns:1fr;gap:10px;align-content:start;padding:8px 0}.device-stage{height:275px;padding:20px 26px 18px 12px;max-width:470px;width:100%;justify-self:center;perspective:1000px}.device-rig{width:92%;transform:rotateX(4deg) rotateY(-11deg) rotateZ(-1deg)}.laptop-front{border-width:4px;border-bottom-width:6px;border-radius:7px}.model-browser-bar{height:18px;padding:0 7px;font-size:6px}.model-dots i{width:2px;height:2px}.laptop-base{height:22px}.phone-model{width:25%;right:-8%;bottom:6%;transform:translate3d(0,0,35px) rotateY(10deg) rotateZ(5deg)}.phone-case{padding:3px;border-radius:13px;box-shadow:-3px 5px 0 #10190ccc,-7px 12px 15px #0005}.phone-case img{border-radius:9px}.phone-case:after{border-radius:11px}.phone-camera{top:5px;height:3px}.device-stage:after{bottom:24px;filter:blur(10px);height:18px}.work-slide-info{padding:0 3px 8px}.work-slide-info h3{font-size:24px;margin:10px 0 17px}.work-field{font-size:8px;margin-bottom:6px}.work-description p{font-size:13px;line-height:1.8;margin-bottom:17px;max-width:440px}.work-delivery .deliverables{margin-bottom:16px}.work-slide-info .project-actions{gap:19px}.gallery-footer{font-size:9px;padding:5px 0;gap:10px}.gallery-guidance .ui-icon{width:11px;height:11px;flex-basis:11px}.work-slide:not(.is-active) .device-rig{transform:rotateX(4deg) rotateY(-17deg) rotateZ(-1deg)}}
@media(min-width:721px) and (max-width:780px){.work-slide{grid-template-columns:1.1fr 1fr;gap:30px;align-items:center}.device-stage{height:300px}.work-slide-info{padding-top:15px}.gallery-toolbar{padding-bottom:16px}.work-switcher a{font-size:11px;padding:8px 12px}}
@media(max-width:480px){.gallery-toolbar{flex-wrap:wrap}.work-switcher{flex:1}.gallery-controls{margin-left:auto}.device-stage{height:245px}.work-switcher a{font-size:9px;padding:6px 8px}.gallery-button{width:30px}.work-slide-info .project-meta{font-size:9px}.gallery-footer{font-size:8px}}
@media(max-width:360px){.work-switcher a{font-size:9px;padding:5px 7px}.gallery-controls{gap:0}.gallery-button{width:28px}.gallery-toolbar{gap:3px}.device-stage{height:215px;padding-right:20px}.work-slide-info h3{font-size:22px}.work-description p{font-size:12px}.work-slide-info .project-actions{gap:14px}.phone-case{padding:2px;border-radius:11px}.phone-case img{border-radius:8px}.model-browser-bar{font-size:5px}.gallery-footer{gap:5px}}
@media(prefers-reduced-motion:reduce){.work-track{scroll-behavior:auto}.device-rig,.work-slide:not(.is-active) .device-rig{transform:none!important}.phone-model,.device-rig:hover .phone-model{transform:translate3d(0,0,5px)!important}.device-stage:after{transform:none}.laptop-base{transform:none!important}}
html.motion-off .work-track{scroll-behavior:auto}html.motion-off .device-rig,html.motion-off .work-slide:not(.is-active) .device-rig{transform:none!important}html.motion-off .phone-model{transform:translate3d(0,0,5px)!important}
.work-track.is-dragging{cursor:grabbing;user-select:none}.work-track.is-dragging a{cursor:grabbing}.device-rig img{user-select:none;-webkit-user-drag:none}
.gallery-controls[hidden]{display:none}