.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.work-card{display:block;padding:0;min-width:0;text-align:left;background:#fff;color:var(--ink);border:1px solid #dfe6e9;border-radius:9px;overflow:hidden;cursor:pointer;transition:transform .25s,box-shadow .25s;font:inherit}.work-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px #073c5a15}.work-image{display:block;position:relative;overflow:hidden;background:#edf1f3}.work-image>img{width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;transition:transform .4s}.work-card:hover .work-image>img{transform:scale(1.035)}.work-grid-logos .work-image>img,.work-grid-social .work-image>img{aspect-ratio:1;object-fit:contain}.work-view{position:absolute;inset:auto 12px 12px;display:flex;justify-content:space-between;align-items:center;padding:10px 13px;background:#073c5ae8;color:white;border-radius:5px;font-size:11px;opacity:0;transform:translateY(5px);transition:opacity .2s,transform .2s}.work-card:hover .work-view,.work-card:focus-visible .work-view{opacity:1;transform:translateY(0)}.work-view svg{width:17px;height:17px}.work-info{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px}.work-info small{display:block;color:#8b969c;font-size:9px;margin-bottom:6px;letter-spacing:.6px}.work-info strong{font-size:17px;line-height:1.4;display:block;letter-spacing:-.3px}.work-info>svg{color:var(--orange);width:23px;height:23px}.portfolio-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:40px}.portfolio-nav a{border:1px solid #dce5e9;border-radius:30px;font-size:12px;padding:10px 18px}.portfolio-nav a:hover{background:var(--ink);color:white}.portfolio-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.portfolio-categories>a{display:block;border:1px solid #e0e6e9;overflow:hidden;border-radius:9px;background:white;transition:transform .2s}.portfolio-categories>a:hover{transform:translateY(-4px)}.portfolio-categories img{width:100%;height:auto;aspect-ratio:1.35;object-fit:cover}.portfolio-categories>a:nth-child(2) img,.portfolio-categories>a:nth-child(3) img{object-fit:contain;background:#f3f5f5}.portfolio-categories>a>div{padding:22px}.portfolio-categories h3{font-size:19px;margin:0;display:flex;align-items:center;justify-content:space-between;gap:15px}.portfolio-categories h3 svg{width:22px}.service-examples .work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.service-examples .work-info{padding:16px}.service-examples .work-info strong{font-size:15px}.gallery-more{margin-top:25px}
.work-dialog{border:0;padding:0;border-radius:12px;background:#fff;color:var(--ink);max-width:min(1050px,calc(100vw - 32px));width:max-content;max-height:calc(100dvh - 36px);overflow:auto;box-shadow:0 25px 90px #001e3760}.work-dialog::backdrop{background:#051c2de0;backdrop-filter:blur(5px)}.work-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:20px 25px;border-bottom:1px solid #e4e9ec}.work-dialog-head span{font-size:10px;color:#87959e}.work-dialog-head h2{font-size:23px;letter-spacing:-.5px;margin:5px 0 0}.work-dialog-head button{border:1px solid #dce4e7;background:white;color:var(--ink);width:38px;height:38px;font-size:27px;border-radius:50%;cursor:pointer;line-height:1}.work-dialog-stage{position:relative;display:flex;align-items:center;justify-content:center;background:#edf1f3;padding:0 48px;min-width:min(800px,calc(100vw - 32px))}.work-dialog-stage img{display:block;width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 210px);object-fit:contain}.work-dialog-stage button{position:absolute;top:calc(50% - 20px);border:1px solid #d5dee3;background:white;color:var(--ink);border-radius:50%;width:35px;height:40px;font-size:28px;cursor:pointer;line-height:1}.work-dialog-stage [data-gallery-prev]{left:7px}.work-dialog-stage [data-gallery-next]{right:7px}.work-dialog-foot{display:flex;justify-content:space-between;gap:25px;align-items:center;padding:16px 25px}.work-dialog-foot p{font-size:12px;color:#70828c;line-height:1.7;margin:0;max-width:650px}.work-dialog-foot>span{font-size:11px;color:#84949d;white-space:nowrap}.gallery-open{overflow:hidden}.browser-bottom strong{font-size:17px}.service-intro .intro-text{margin-bottom:0}
@media(max-width:900px){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.portfolio-categories h3{font-size:16px}.portfolio-categories>a>div{padding:18px}.work-dialog-stage{min-width:0;width:calc(100vw - 32px)}}
@media(max-width:760px){.work-grid{gap:13px}.work-info{padding:14px 11px;gap:7px}.work-info strong{font-size:14px}.work-info small{font-size:8px;line-height:1.5}.work-info>svg{width:17px;height:17px}.work-view{display:none}.service-examples .work-grid{gap:13px}.service-examples .work-info{padding:14px 11px}.service-examples .work-info strong{font-size:13px}.portfolio-categories{grid-template-columns:1fr;gap:22px}.portfolio-categories img{aspect-ratio:1.5}.portfolio-categories h3{font-size:19px}.portfolio-categories>a>div{padding:23px}.work-dialog{max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.work-dialog-head{padding:16px;gap:10px}.work-dialog-head h2{font-size:18px;line-height:1.3}.work-dialog-head button{width:33px;height:33px;flex-shrink:0}.work-dialog-stage{width:calc(100vw - 22px);padding:0 30px}.work-dialog-stage img{max-height:calc(100dvh - 230px)}.work-dialog-stage button{width:27px;height:34px;font-size:24px}.work-dialog-stage [data-gallery-prev]{left:2px}.work-dialog-stage [data-gallery-next]{right:2px}.work-dialog-foot{padding:14px 16px;gap:12px}.work-dialog-foot p{font-size:11px}.portfolio-nav{gap:8px}.portfolio-nav a{font-size:10px;padding:8px 12px}.browser-bottom strong{font-size:15px}}
@media(prefers-reduced-motion:reduce){.work-card,.work-image>img,.work-view{transition:none}.work-card:hover,.work-card:hover .work-image>img{transform:none}}