/* Existing colours, type and case-study panels; a quiet service selector. */
.flow-home #work{scroll-margin-top:110px}
.work-filters{max-width:1240px;margin:0 auto 34px;display:flex;gap:20px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--kline);padding-bottom:13px}
.work-filters[hidden],.work-grid>[hidden]{display:none!important}
.work-filter-options{display:flex;flex-wrap:wrap;gap:6px 28px;align-items:center}
.work-filter{position:relative;padding:11px 0;background:none;border:0;color:var(--kdim);font:600 .82rem/1.4 var(--body,Inter,system-ui,sans-serif);cursor:pointer;transition:color .2s}
.work-filter::after{content:"";position:absolute;inset-inline:0;bottom:-14px;height:2px;background:var(--cobalt);transform:scaleX(0);transition:transform .25s var(--ease,ease)}
.work-filter:hover,.work-filter[aria-pressed="true"]{color:var(--ink)}
.work-filter[aria-pressed="true"]::after{transform:scaleX(1)}
.work-filter:focus-visible{outline:2px solid var(--cobalt);outline-offset:5px;border-radius:2px}
.work-filter-count{flex:none;color:var(--kdim);font:.7rem/1.5 var(--mono,ui-monospace,monospace);letter-spacing:.06em}
.flow-work-page .work-filters{max-width:1180px}
.flow-work-page section>.cta{max-width:1180px;margin:64px auto 0}
.bg-cmyh{background:linear-gradient(135deg,#ececef,#d5d5dd);color:var(--ink)}
.card .clbadge-cmyh{width:clamp(96px,10vw,132px);height:auto;border-radius:0}
.card .bg-cmyh .ctitle::before{width:clamp(105px,11vw,146px);height:44px}
.flow-home #work .work-grid>.card:not(.work-card-wide):not(.card-brand-feature){grid-column:auto}
.flow-home #work .work-grid>.card:first-child:not(.work-card-wide) .media{display:flex;min-height:0}
.flow-home #work .work-grid>.card:first-child:not(.work-card-wide) .ctitle{font-size:clamp(1.25rem,2.4vw,1.8rem);margin-top:clamp(14px,2vh,22px);max-width:16em}
.flow-home #work .work-grid>.card:first-child:not(.work-card-wide) .media .laptop{position:static;width:93%;margin:36px auto -4%}
.work-grid>.work-card-wide{grid-column:1/-1}
.flow-home #work .work-grid>.work-card-wide .media,.flow-work-page .work-grid>.work-card-wide .media{display:block;min-height:540px;padding:34px 36px 0;border-radius:22px}
.flow-home #work .work-grid>.work-card-wide .ctitle,.flow-work-page .work-grid>.work-card-wide .ctitle{font-size:clamp(2rem,3.5vw,3.3rem);max-width:10em;margin-top:50px;position:relative;z-index:2}
.flow-home #work .work-grid>.work-card-wide .media .laptop,.flow-work-page .work-grid>.work-card-wide .media .laptop{position:absolute;width:min(56%,560px);inset-inline-end:36px;inset-inline-start:auto;bottom:0;margin:0}
.work-grid>.work-card-wide .ctitle::before{display:none}
.flow-work-page .work-grid>.work-card-wide .cstat{display:none}
.flow-work-page .work-grid>.work-card-wide .cap{max-width:none}
html[dir="rtl"] .work-filter{font-family:Alexandria,system-ui,sans-serif;font-weight:500;letter-spacing:0}
html[dir="rtl"] .work-filter-count{font-family:Alexandria,system-ui,sans-serif;letter-spacing:0}
html[dir="rtl"] .flow-home #work .work-grid>.work-card-wide .ctitle,html[dir="rtl"] .flow-work-page .work-grid>.work-card-wide .ctitle{font-size:clamp(1.6rem,2.8vw,2.6rem);line-height:1.5;letter-spacing:0}
@media(max-width:1060px){.flow-home #work .work-grid>.work-card-wide .media,.flow-work-page .work-grid>.work-card-wide .media{min-height:480px}}
@media(max-width:760px){
 .work-filters{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:28px}
 .work-filter-options{gap:4px 23px}
 .work-filter{min-height:44px;min-width:44px}
 .work-filter::after{bottom:2px}
 .work-filter-count{font-size:.67rem}
 .flow-home #work .work-grid>.work-card-wide,.flow-work-page .work-grid>.work-card-wide{grid-column:auto}
 .flow-home #work .work-grid>.work-card-wide .media,.flow-work-page .work-grid>.work-card-wide .media{display:flex;min-height:0;padding:26px 22px 0;border-radius:18px}
 .flow-home #work .work-grid>.work-card-wide .ctitle,.flow-work-page .work-grid>.work-card-wide .ctitle{font-size:clamp(1.5rem,5vw,2.2rem);margin-top:16px;max-width:16em}
 .flow-home #work .work-grid>.work-card-wide .media .laptop,.flow-work-page .work-grid>.work-card-wide .media .laptop{position:static;width:100%;margin:36px auto -4%}
 html[dir="rtl"] .flow-home #work .work-grid>.work-card-wide .ctitle,html[dir="rtl"] .flow-work-page .work-grid>.work-card-wide .ctitle{font-size:1.5rem;line-height:1.5}
 .work-grid>.work-card-wide .bg-igbs .ctitle{margin-top:110px!important}
 .work-grid>.work-card-wide .bg-ph .ctitle::before{display:block}
 .work-grid>.work-card-wide .bg-cmyh .ctitle{margin-top:75px}
 .flow-work-page section>.cta{margin-top:40px}
}
@media(prefers-reduced-motion:reduce){.work-filter,.work-filter::after{transition:none}}