.work-carousel-toolbar,.work-carousel-footer{display:flex;align-items:center;justify-content:space-between;gap:20px}.work-carousel-toolbar{margin-bottom:18px}.work-carousel-progress{display:flex;align-items:center;gap:12px}.work-carousel-progress span{color:#8b7d9b;font-size:10px;font-weight:900;letter-spacing:.12em}.work-carousel-progress strong{padding:7px 10px;border:1px solid #d9cdee;border-radius:7px;background:#f2eafb;color:#6757cf;font-size:11px;font-weight:900;white-space:nowrap}.work-carousel-controls{display:flex;gap:9px}.work-carousel-controls button{display:grid;place-items:center;width:42px;height:42px;border:1.5px solid #302c48;border-radius:10px;background:#fff;color:#302c48;font-size:22px;line-height:1;box-shadow:3px 3px 0 #302c48;transition:transform .2s,box-shadow .2s,background .2s}.work-carousel-controls button:hover{transform:translate(2px,2px);box-shadow:1px 1px 0 #302c48;background:#efe9ff}.work-carousel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:21px}.work-panel{min-width:0}.work-panel.is-active{grid-column:1/-1}.work-panel:not(.is-active) .work-expanded,.work-panel.is-active .work-compact{display:none}.work-panel[data-work-id="sites"]{view-transition-name:work-sites}.work-panel[data-work-id="bot"]{view-transition-name:work-bot}.work-panel[data-work-id="automation"]{view-transition-name:work-automation}.work-compact{display:flex;flex-direction:column;width:100%;min-height:205px;padding:23px;border:1.5px solid #302c48;border-radius:17px;text-align:left;box-shadow:5px 6px 0 #302c48;transition:transform .2s,box-shadow .2s}.work-compact:hover{transform:translate(-2px,-2px);box-shadow:7px 8px 0 #302c48}.compact-site{background:#f5f0ff}.compact-bot{background:#ece4ff}.compact-automation{background:#edfaed}.work-compact-top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#716687;font-size:9px;font-weight:900;letter-spacing:.1em}.work-compact-arrow{display:grid;place-items:center;width:26px;height:26px;flex:none;border:1px solid #c2b3d8;border-radius:7px;background:#fff;color:#6757cf;font-size:16px;letter-spacing:0}.work-compact-body{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:20px;margin-top:auto}.work-compact-art{position:relative;display:grid;place-items:center;width:150px;height:106px;overflow:hidden;border:1px solid #d7cde5;border-radius:10px;background:#fff}.compact-site .work-compact-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:top left}.compact-bot .work-compact-art{background:radial-gradient(circle at 30% 30%,#816bc6,#483574 75%);color:#fff}.compact-bot .work-compact-art>span{font-size:52px}.compact-bot .work-compact-art i{position:absolute;right:16px;bottom:8px;color:#ffe5b3;font-size:20px;font-style:normal}.compact-automation .work-compact-art{background:#dff2e3;color:#3c8258}.compact-automation .work-compact-art>span{font-family:Nunito,sans-serif;font-size:42px;font-weight:900}.compact-automation .work-compact-art i{position:absolute;right:14px;top:8px;font-size:25px;font-style:normal}.work-compact-info{display:flex;flex-direction:column;gap:6px;min-width:0}.work-compact-info strong{font-family:Nunito,Manrope,sans-serif;font-size:23px;font-weight:900;letter-spacing:-.035em;line-height:1.15}.work-compact-info small{color:#6c6877;font-size:11px;line-height:1.5}.work-carousel-footer{margin-top:23px}.work-carousel-dots{display:flex;gap:8px}.work-carousel-dots button{width:12px;height:12px;padding:0;border:1.5px solid #9887b2;border-radius:20px;background:#fff;transition:width .25s,background .25s}.work-carousel-dots button[aria-current="true"]{width:30px;border-color:#6757cf;background:#6757cf}.work-carousel-footer p{margin:0;color:#91899a;font-size:10px;font-weight:700}.work-carousel-footer p span{color:#6757cf}.automation-work{background:#eff9ee}.automation-work-visual{position:relative;display:grid;place-items:center;min-height:430px;overflow:hidden;border:1px solid #b9d9c2;border-radius:18px;background:radial-gradient(circle at 20% 20%,#e8f8e5,#c8ebd1 65%,#b5dfc2)}.automation-work-visual:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#4f9a7233 1px,transparent 1px);background-size:25px 25px}.automation-mini-window{position:relative;width:min(83%,520px);overflow:hidden;border:1.5px solid #456d57;border-radius:15px;background:#fff;box-shadow:12px 13px 0 #73b18c7a;transform:rotate(-3deg)}.automation-mini-bar{display:flex;align-items:center;gap:5px;height:34px;padding:0 14px;border-bottom:1px solid #e0e8df;background:#f9fcf8}.automation-mini-bar span{width:7px;height:7px;border-radius:50%;background:#d3bfc2}.automation-mini-bar span:nth-child(2){background:#e1d2a8}.automation-mini-bar span:nth-child(3){background:#b4d9b7}.automation-mini-bar small{margin:auto;color:#80928a;font-size:9px}.automation-mini-flow{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:26px 20px}.automation-mini-flow>div{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0}.automation-mini-flow b{display:grid;place-items:center;width:44px;height:44px;border-radius:11px;background:#e4f2e8;color:#3b8453;font-family:Nunito,sans-serif;font-size:20px}.automation-mini-flow small{color:#758b7b;font-size:8px;text-align:center}.automation-mini-flow>span{color:#6eac81;font-size:24px}.automation-mini-table{display:grid;grid-template-columns:1.4fr 1fr 1fr;margin:0 20px 24px;border:1px solid #d9e9db;border-radius:8px;overflow:hidden}.automation-mini-table span{padding:10px 8px;border-bottom:1px solid #e5eee7;color:#496054;font-size:9px}.automation-mini-table span:nth-child(-n+3){background:#e5f3e8;font-weight:900}.automation-mini-table span:nth-last-child(-n+3){border-bottom:0}.automation-visual-badge{position:absolute;right:25px;bottom:26px;padding:8px 10px;border:1px solid #456d57;border-radius:7px;background:#fff8d4;box-shadow:3px 3px 0 #456d57;color:#3c664b;font-size:9px;font-weight:900;transform:rotate(5deg)}::view-transition-old(work-sites),::view-transition-new(work-sites),::view-transition-old(work-bot),::view-transition-new(work-bot),::view-transition-old(work-automation),::view-transition-new(work-automation){animation-duration:.55s;animation-timing-function:cubic-bezier(.22,1,.36,1)}@media(max-width:820px){.work-compact-body{grid-template-columns:115px 1fr;gap:14px}.work-compact-art{width:115px;height:95px}.work-compact-info strong{font-size:19px}.work-compact{padding:18px}}@media(max-width:600px){.work-carousel-toolbar{align-items:flex-end}.work-carousel-progress{align-items:flex-start;flex-direction:column;gap:5px}.work-carousel-progress span{font-size:8px}.work-carousel-controls button{width:38px;height:38px}.work-carousel-grid{gap:12px}.work-compact{min-height:195px;padding:14px;box-shadow:3px 4px 0 #302c48}.work-compact-top{font-size:7px;line-height:1.35}.work-compact-arrow{width:22px;height:22px;font-size:13px}.work-compact-body{grid-template-columns:1fr;gap:8px}.work-compact-art{width:100%;height:73px}.work-compact-info strong{font-size:15px}.work-compact-info small{font-size:9px}.work-carousel-footer p{max-width:180px;text-align:right;font-size:9px}.automation-work-visual{min-height:300px}.automation-mini-window{width:88%}.automation-mini-flow{padding:17px 10px}.automation-mini-flow b{width:34px;height:34px;font-size:15px}.automation-mini-flow small{font-size:6px}.automation-mini-table{margin:0 10px 16px}.automation-mini-table span{padding:7px 4px;font-size:7px}.automation-visual-badge{right:15px;bottom:15px;font-size:7px}}@media(prefers-reduced-motion:reduce){::view-transition-old(work-sites),::view-transition-new(work-sites),::view-transition-old(work-bot),::view-transition-new(work-bot),::view-transition-old(work-automation),::view-transition-new(work-automation){animation-duration:.01ms}}

.work-carousel-grid{transition:opacity .18s ease,transform .18s ease}.work-carousel-grid.is-switching{opacity:.25;transform:translateY(8px)}

.site-project-tabs{display:flex;align-items:center;gap:7px;margin:0 0 17px}.site-project-tabs button{padding:9px 14px;border:1px solid #d9cfe4;border-radius:9px;background:#fffdfb;color:#7a708a;font-size:10px;font-weight:800;transition:background .2s,color .2s,transform .2s}.site-project-tabs button:hover{transform:translateY(-2px)}.site-project-tabs button[aria-selected="true"]{border-color:#6757cf;background:#ede7ff;color:#5546a2}.work-panel:not(.is-active) .site-project-tabs{display:none}.metra-work{background:#f0f8ed}.metra-work .featured-browser{box-shadow:8px 9px 0 #d6e5ca}.metra-work .featured-sticker{background:#e7e9b7}.metra-work .featured-points li:before{color:#528763}.compact-site .compact-site-art{display:flex}.compact-site .compact-site-art img{width:50%;height:100%;object-fit:cover;object-position:left top}.compact-site .compact-site-art img+img{border-left:1px solid #d7cde5;object-position:center top}@media(max-width:600px){.site-project-tabs{gap:6px;margin-bottom:13px}.site-project-tabs button{flex:1;padding:8px 7px;font-size:9px}}

.site-project-tabs{overflow-x:auto;scrollbar-width:thin;padding:2px 2px 8px;scroll-snap-type:x proximity}.site-project-tabs button{flex:none;white-space:nowrap;scroll-snap-align:start}.site-project-tabs button:focus-visible{outline:2px solid #6757cf;outline-offset:2px}.work-carousel-controls button:disabled{opacity:.38;cursor:not-allowed;box-shadow:none;transform:none}.work-carousel-dots{flex-wrap:wrap}.metra-work .featured-browser,.project-work .featured-browser{transform:none}.metra-work .featured-browser img,.project-work .featured-browser img{aspect-ratio:16/10;object-fit:cover;object-position:top left}.project-work .featured-sticker{max-width:190px;text-align:center;line-height:1.3}.project-story{background:#eaf1fb}.project-story .featured-sticker{background:#d9e9ff}.project-bureau{background:#f2e8db}.project-bureau .featured-sticker{background:#ead2bd}.project-ferm{background:#f0f8dd}.project-ferm .featured-sticker{background:#dcef96}.project-kasset{background:#f8e6ee}.project-kasset .featured-sticker{background:#f5aac5}.project-atlas{background:#f3ecdf}.project-atlas .featured-sticker{background:#e9c7ad}.project-focus{background:#eeeafa}.project-focus .featured-sticker{background:#dbd0f8}.project-signal{background:#e7f2ef}.project-signal .featured-sticker{background:#bce5d3}@media(max-width:600px){.site-project-tabs{gap:6px;margin-bottom:13px}.site-project-tabs button{flex:none;padding:8px 10px;font-size:9px}.project-work .featured-sticker{max-width:130px;font-size:8px}}

.work-panel.is-active .work-expanded{position:relative}.work-carousel-controls{position:absolute;z-index:8;top:50%;left:-22px;right:-22px;display:flex;align-items:center;justify-content:space-between;gap:0;transform:translateY(-50%);pointer-events:none}.work-carousel-controls[hidden]{display:none}.work-carousel-controls button{width:48px;height:48px;flex:none;border-radius:50%;background:#ffffffed;backdrop-filter:blur(8px);box-shadow:3px 4px 0 #302c48;pointer-events:auto}.work-carousel-controls button:hover{transform:scale(1.07);box-shadow:3px 4px 0 #302c48;background:#fff}.work-carousel-controls button:focus-visible{outline:3px solid #6757cf;outline-offset:3px}@media(max-width:600px){.work-carousel-controls{top:145px;left:8px;right:8px;transform:none}.work-carousel-controls button{width:40px;height:40px;font-size:21px;box-shadow:2px 3px 0 #302c48}.work-carousel-controls button:hover{box-shadow:2px 3px 0 #302c48}}@media(max-width:380px){.work-carousel-controls{top:125px}}
.work-carousel-controls{left:13px;right:13px}
@media(max-width:600px){.work-carousel-controls{top:50%;left:8px;right:8px;transform:translateY(-50%)}}
.work-carousel-controls{left:-26px;right:-26px}
@media(max-width:600px){.work-carousel-controls,.work-panel[data-work-id="bot"] .work-carousel-controls{left:-14px;right:-14px;transform:translateY(-50%)}}
.work-carousel-controls{left:8px;right:8px}
@media(max-width:600px){.work-carousel-controls,.work-panel[data-work-id="bot"] .work-carousel-controls{left:5px;right:5px}}

.automation-work{background:var(--auto-soft,#eee9ff)}
.automation-purple{--auto:#6757cf;--auto-soft:#f0ebff}.automation-peach{--auto:#c5693e;--auto-soft:#fff1e6}.automation-green{--auto:#427c5d;--auto-soft:#e9f5e8}.automation-blue{--auto:#3f7890;--auto-soft:#e7f4f6}.automation-pink{--auto:#a35670;--auto-soft:#fcebf1}
.automation-case-visual{display:grid;place-items:center;min-height:410px;padding:28px;border:1px solid color-mix(in srgb,var(--auto) 45%,#fff);background:radial-gradient(circle at 25% 20%,#fff9,var(--auto-soft) 55%)}
.automation-case-visual:before{background-image:radial-gradient(color-mix(in srgb,var(--auto) 22%,transparent) 1px,transparent 1px)}
.automation-cover{position:relative;width:min(100%,545px);padding:22px;border:1.5px solid #302c48;border-radius:15px;background:#fff;box-shadow:9px 10px 0 color-mix(in srgb,var(--auto) 35%,transparent);transform:rotate(-2deg)}
.automation-cover-top{display:flex;justify-content:space-between;gap:10px;padding-bottom:13px;border-bottom:1px solid #e6e0e8;color:var(--auto);font-size:10px;font-weight:900;letter-spacing:.1em}
.automation-cover-title{margin:25px 0;color:#292844;font-family:Nunito,Manrope,sans-serif;font-size:clamp(25px,3.1vw,42px);font-weight:900;letter-spacing:-.055em;line-height:1.1}
.automation-cover-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.automation-cover-metrics>div{display:flex;flex-direction:column;justify-content:space-between;min-height:112px;padding:12px;border:1px solid #e4deea;border-radius:10px;background:var(--auto-soft)}
.automation-cover-metrics small{color:#5e596c;font-size:9px;font-weight:900;text-transform:uppercase}
.automation-cover-metrics strong{color:var(--auto);font-family:Nunito,Manrope,sans-serif;font-size:34px;font-weight:900;line-height:1}
.automation-cover-flow{margin-top:18px;padding:10px;border:1px dashed var(--auto);border-radius:8px;color:var(--auto);font-size:10px;font-weight:900;text-align:center}
.automation-work .featured-points li:before{color:var(--auto)}
.automation-work .featured-tags span{border-color:color-mix(in srgb,var(--auto) 35%,#fff);color:var(--auto)}
.automation-work .featured-actions .button{background:var(--auto)}
@media(max-width:600px){.automation-case-visual{min-height:275px;padding:22px 32px}.automation-cover{padding:13px;box-shadow:5px 6px 0 color-mix(in srgb,var(--auto) 35%,transparent)}.automation-cover-top{padding-bottom:8px;font-size:7px}.automation-cover-title{margin:15px 0;font-size:25px}.automation-cover-metrics{gap:5px}.automation-cover-metrics>div{min-height:70px;padding:7px}.automation-cover-metrics small{font-size:6px}.automation-cover-metrics strong{font-size:23px}.automation-cover-flow{margin-top:10px;padding:7px;font-size:7px}}

.poker-bot-work{background:#eaf2e6}
.poker-bot-work .featured-points li:before{color:#4b8666}
.poker-bot-work .featured-tags span{border-color:#bfd4c1;color:#386b4f}
.poker-bot-visual{background:#dbe9d9;border-color:#bbd0bd}
.poker-bot-visual .business-bot-infographic{border-radius:12px}
.poker-bot-visual .business-visual-metrics span{border-color:#bcd5c2;color:#315e47}

@media(max-width:900px){.poker-bot-work .poker-bot-visual{order:-1}}

.compact-automation .work-compact-art{background:#dcefe3}
.compact-automation .work-compact-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}