.work-showcase-slider{outline:none;margin-top:68px;position:relative}.work-showcase-slider:focus-visible{outline:2px solid var(--brand-green);outline-offset:10px}.work-showcase-slide{grid-template-columns:minmax(250px,.42fr) minmax(0,.98fr);align-items:center;gap:clamp(42px,7vw,112px);min-height:560px;display:grid}.work-showcase-copy{min-width:0}.work-showcase-count{color:#777d89;align-items:baseline;gap:9px;display:flex}.work-showcase-count strong{color:var(--brand-primary);font-family:var(--font-display);letter-spacing:-.08em;font-size:42px;font-weight:500;line-height:.8}.work-showcase-count span{letter-spacing:.08em;font-size:11px}.work-showcase-client{color:#777d89;letter-spacing:.08em;text-transform:uppercase;margin:36px 0 0;font-size:11px}.work-showcase-copy h3{color:#171a2b;max-width:520px;font-family:var(--font-display);letter-spacing:-.07em;margin:13px 0 0;font-size:clamp(2.6rem,5vw,5.5rem);font-weight:550;line-height:.92;animation:.45s cubic-bezier(.22,.61,.36,1) both work-showcase-title-in}.work-showcase-summary{color:#687081;max-width:430px;margin:24px 0 0;font-size:17px;line-height:1.6}.work-showcase-services{color:#687081;flex-wrap:wrap;gap:7px 17px;margin-top:27px;font-size:12px;display:flex}.work-showcase-services span+span:before{content:"—";color:#272b6c59;margin-inline-end:17px}.work-showcase-link{color:var(--brand-primary);align-items:center;gap:9px;margin-top:32px;font-size:14px;font-weight:650;display:inline-flex}.work-showcase-link span{transition:transform .25s}:is(.work-showcase-link:hover span,.work-showcase-link:focus-visible span){transform:translate(3px,-3px)}.work-showcase-media-link{min-width:0;display:block}.work-showcase-media{background:#e6e8e2;min-height:510px;position:relative;overflow:hidden}.work-showcase-media-content{object-fit:cover;width:100%;height:100%;display:block}.work-showcase-media .mockup-scene{height:100%;min-height:510px}.work-showcase-media .mockup-scene-item{filter:drop-shadow(0 22px 28px #181f2f24)}.work-showcase-media .mockup-scene-solo .mockup-scene-item[data-device=safari]{width:min(92%,850px);inset:6% 4% auto}.work-showcase-media .mockup-scene-solo .mockup-scene-item[data-device=iphone],.work-showcase-media .mockup-scene-solo .mockup-scene-item[data-device=android]{width:280px;inset-inline-start:calc(50% - 140px)}.work-showcase-media .mockup-scene-solo .mockup-scene-item[data-device=watch]{width:220px;inset-inline-start:calc(50% - 110px)}.work-showcase-media .mockup-scene-laptop-phone .mockup-scene-item:first-child,.work-showcase-media .mockup-scene-duo .mockup-scene-item:first-child,.work-showcase-media .mockup-scene-trio .mockup-scene-item:first-child,.work-showcase-media .mockup-scene-hero-stack .mockup-scene-item:first-child{width:min(84%,820px);inset:7% 5% auto auto}.work-showcase-media .mockup-scene-laptop-phone .mockup-scene-item:nth-child(2),.work-showcase-media .mockup-scene-duo .mockup-scene-item:nth-child(2),.work-showcase-media .mockup-scene-trio .mockup-scene-item:nth-child(2),.work-showcase-media .mockup-scene-hero-stack .mockup-scene-item:nth-child(2){width:245px;inset:auto auto 7% 5%}.work-showcase-media .mockup-scene-trio .mockup-scene-item:nth-child(3),.work-showcase-media .mockup-scene-hero-stack .mockup-scene-item:nth-child(3){width:170px;inset:auto 5% 5% auto}.work-showcase-controls{align-items:center;gap:8px;margin-top:27px;display:flex}.work-showcase-controls button{width:44px;height:44px;color:var(--brand-primary);cursor:pointer;background:0 0;border:1px solid #272b6c38;border-radius:50%;place-items:center;font-size:18px;transition:background .22s,color .22s,transform .22s;display:grid}:is(.work-showcase-controls button:hover,.work-showcase-controls button:focus-visible){background:var(--brand-primary);color:#fff;transform:translateY(-2px)}.work-showcase-progress{background:#272b6c29;width:min(260px,30vw);height:1px;margin-inline:14px 4px}.work-showcase-progress span{background:var(--brand-green);height:100%;transition:width .45s cubic-bezier(.22,.61,.36,1);display:block}.work-showcase-sr-count{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.work-showcase-pagination{flex-wrap:wrap;gap:5px;margin-top:21px;display:flex}.work-showcase-pagination button{color:#9296a0;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #0000;min-width:28px;padding:5px 0;font-size:10px}.work-showcase-pagination button.is-active{border-bottom-color:var(--brand-green);color:var(--brand-primary)}.work-showcase-slider-compact{margin-top:54px}.work-showcase-slider-compact .work-showcase-slide{grid-template-columns:minmax(190px,.46fr) minmax(0,.82fr);gap:48px;min-height:390px}.work-showcase-slider-compact .work-showcase-copy h3{font-size:clamp(2rem,3.8vw,3.6rem)}.work-showcase-slider-compact .work-showcase-media,.work-showcase-slider-compact .work-showcase-media .mockup-scene{min-height:390px}.work-showcase-slider-compact .work-showcase-media .mockup-scene-solo .mockup-scene-item[data-device=iphone],.work-showcase-slider-compact .work-showcase-media .mockup-scene-solo .mockup-scene-item[data-device=android]{width:210px;inset-inline-start:calc(50% - 105px)}@keyframes work-showcase-title-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.work-showcase-slide,.work-showcase-slider-compact .work-showcase-slide{grid-template-columns:minmax(200px,.44fr) minmax(0,.9fr);gap:36px;min-height:470px}.work-showcase-media,.work-showcase-media .mockup-scene,.work-showcase-slider-compact .work-showcase-media,.work-showcase-slider-compact .work-showcase-media .mockup-scene{min-height:430px}.work-showcase-copy h3{font-size:clamp(2.3rem,6vw,4.2rem)}}@media (max-width:640px){.work-showcase-slider,.work-showcase-slider-compact{margin-top:46px}.work-showcase-slide,.work-showcase-slider-compact .work-showcase-slide{flex-direction:column;align-items:stretch;gap:32px;min-height:0;display:flex}.work-showcase-copy h3,.work-showcase-slider-compact .work-showcase-copy h3{font-size:clamp(2.55rem,13vw,4.1rem)}.work-showcase-client{margin-top:25px}.work-showcase-summary{font-size:16px}.work-showcase-media,.work-showcase-media .mockup-scene,.work-showcase-slider-compact .work-showcase-media,.work-showcase-slider-compact .work-showcase-media .mockup-scene{min-height:390px}.work-showcase-media .mockup-scene-solo .mockup-scene-item[data-device=iphone],.work-showcase-media .mockup-scene-solo .mockup-scene-item[data-device=android],.work-showcase-slider-compact .work-showcase-media .mockup-scene-solo .mockup-scene-item[data-device=iphone],.work-showcase-slider-compact .work-showcase-media .mockup-scene-solo .mockup-scene-item[data-device=android]{width:220px;inset-inline-start:calc(50% - 110px)}.work-showcase-controls{margin-top:21px}.work-showcase-progress{flex:1;width:auto}}@media (prefers-reduced-motion:reduce){.work-showcase-copy h3,.work-showcase-media-content,.work-showcase-progress span{transition:none;animation:none}}