/* Shared local case-slider contract. All visuals remain native case-card type. */
body .wab-case-slider{--case-gap:28px;--case-start:max(40px,calc((100vw - 1280px)/2 + 40px));background:#101117;color:#fff;padding:90px 0;overflow:hidden;width:100%;max-width:none;box-sizing:border-box}
body .wab-case-slider .wab-case-slider__container{width:100%;max-width:1280px;box-sizing:border-box;margin-inline:auto;padding-inline:40px}
body .wab-case-slider .wab-case-slider__heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:40px}
body .wab-case-slider .wab-case-slider__heading h2{font-family:"Graphik Super",sans-serif!important;font-weight:900!important;text-transform:uppercase;font-size:clamp(30px,3.1vw,44px)!important;line-height:1.06!important;letter-spacing:-.025em;margin:0!important;max-width:100%;color:#fff!important}
body .wab-case-slider .wab-case-slider__all{display:inline-flex;align-items:center;justify-content:center;gap:12px;flex:none;border:2px solid #fff;border-radius:999px;padding:13px 22px;color:#fff!important;font-size:16px;line-height:1.15;text-decoration:none!important}
body .wab-case-slider svg{display:block;width:24px;height:24px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
body .wab-case-slider .wab-case-slider__track{display:flex!important;gap:var(--case-gap)!important;width:100%!important;max-width:none!important;box-sizing:border-box;overflow-x:auto;scroll-snap-type:none!important;scroll-padding:0;scrollbar-width:none;overscroll-behavior-x:contain;border:0!important;box-shadow:none!important;border-radius:0!important;margin:0!important;padding:0!important;grid-template-columns:none!important}
body .wab-case-slider .wab-case-slider__track::-webkit-scrollbar{display:none}
body .wab-case-slider .wab-case-slider__track::before{content:"";display:block;flex:0 0 max(0px,calc(var(--case-start) - var(--case-gap)));scroll-snap-align:none;pointer-events:none}
body .wab-case-slider .wab-case-slider__track>.case-card{flex:0 0 calc(min(1200px,100vw - 80px)*.81);min-width:0;scroll-snap-align:none;aspect-ratio:1.5;overflow:hidden;border:0!important;border-radius:20px!important;box-shadow:none!important;background:#101117;text-decoration:none!important;transform:none!important}
body .wab-case-slider .case-card .case-card__media{height:100%!important;aspect-ratio:auto!important;position:relative;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:hidden;background:#101117!important}
body .wab-case-slider .wab-case-slider__range{display:block;appearance:none;width:100%;height:20px;margin:30px 0 0;padding:0;background:transparent;cursor:pointer;--rail-progress:0%}
body .wab-case-slider .wab-case-slider__range::-webkit-slider-runnable-track{height:4px;border-radius:3px;background:linear-gradient(to right,#fff var(--rail-progress),#66686f var(--rail-progress))}
body .wab-case-slider .wab-case-slider__range::-webkit-slider-thumb{appearance:none;width:90px;height:8px;margin-top:-2px;border:0;border-radius:5px;background:#fff}
body .wab-case-slider .wab-case-slider__range::-moz-range-track{height:4px;background:#66686f}body .wab-case-slider .wab-case-slider__range::-moz-range-thumb{width:90px;height:8px;border:0;border-radius:5px;background:#fff}
body .wab-case-slider .wab-case-slider__controls{display:flex;align-items:center;justify-content:flex-end;gap:16px;margin-top:14px}
body .wab-case-slider .wab-case-slider__controls button:not(.button){display:grid;place-items:center;box-sizing:border-box;flex:0 0 44px;width:44px;height:44px;min-width:44px;min-height:44px;padding:0!important;border:2px solid #fff;border-radius:50%;background:transparent;color:#fff;line-height:1;cursor:pointer}
body .wab-case-slider .wab-case-slider__controls button:not(.button):disabled{opacity:.35;cursor:default}body .wab-case-slider .wab-case-slider__controls button:not(.button):hover:not(:disabled){background:#fff;color:#101117}
body .wab-case-slider :is(.case-card,.wab-case-slider__track,.wab-case-slider__range,button,a):focus-visible{outline:3px solid #398fff!important;outline-offset:4px}
@media(max-width:767px){body .wab-case-slider{--case-gap:18px;--case-start:18px;padding-block:80px}body .wab-case-slider .wab-case-slider__container{padding-inline:18px}body .wab-case-slider .wab-case-slider__heading{align-items:start;flex-direction:column;gap:20px;margin-bottom:30px}body .wab-case-slider .wab-case-slider__heading h2{font-size:30px!important}body .wab-case-slider .wab-case-slider__track>.case-card{flex-basis:calc((100vw - 36px)*.92);aspect-ratio:.8}body .wab-case-slider .wab-case-slider__range::-webkit-slider-thumb{width:65px}body .wab-case-slider .wab-case-slider__range::-moz-range-thumb{width:65px}}
@media(prefers-reduced-motion:reduce){body .wab-case-slider *{scroll-behavior:auto!important;transition:none!important}}
/* Keep compact controls independent of legacy button/inline-SVG color rules. */
body .wab-case-slider .wab-case-slider__controls button:not(.button){color:#fff!important;background:transparent!important}
body .wab-case-slider .wab-case-slider__controls button:not(.button):hover:not(:disabled){background:#fff!important;color:#101117!important}
body .wab-case-slider .wab-case-slider__controls button:not(.button) svg,body .wab-case-slider .wab-case-slider__all svg{color:inherit!important}
body .wab-case-slider .wab-case-slider__controls button:not(.button) svg path,body .wab-case-slider .wab-case-slider__all svg path{fill:none!important;stroke:currentColor!important}
body .wab-case-slider .wab-case-slider__heading h2{min-width:0;max-width:100%!important}
/* Long genuine project names wrap within their native card, including 320px. */

/* Custom rail is the only visible scrollbar, including pointer/keyboard focus. */
body .wab-case-slider .wab-case-slider__track,body .wab-case-slider .wab-case-slider__track:focus,body .wab-case-slider .wab-case-slider__track:focus-visible,body .wab-case-slider .wab-case-slider__track:focus-within{scrollbar-width:none!important}
body .wab-case-slider .wab-case-slider__track::-webkit-scrollbar,body .wab-case-slider .wab-case-slider__track:focus::-webkit-scrollbar,body .wab-case-slider .wab-case-slider__track:focus-within::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}

/* Every consumer can choose a light or dark section without changing its cards. */
body .wab-case-slider{--case-section-bg:#101117;--case-section-fg:#fff;--case-rail-bg:#13131c;background:var(--case-section-bg)!important;color:var(--case-section-fg)!important}
body .wab-case-slider--light{--case-section-bg:#f5f5f2;--case-section-fg:#101117;--case-rail-bg:#e6e6e2}
body .wab-case-slider .wab-case-slider__heading h2,body .wab-case-slider .wab-case-slider__all{color:var(--case-section-fg)!important}
body .wab-case-slider .wab-case-slider__all{border-color:var(--case-section-fg)!important;--wb-btn-fg:var(--case-section-fg);--wb-btn-hover-fg:var(--case-section-bg)}
body .wab-case-slider .wab-case-slider__controls button:not(.button){color:var(--case-section-fg)!important;border-color:var(--case-section-fg)!important;background:transparent!important}
body .wab-case-slider .wab-case-slider__controls button:not(.button):hover:not(:disabled){background:var(--case-section-fg)!important;color:var(--case-section-bg)!important}
body .wab-case-slider .wab-case-slider__range::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--case-section-fg) var(--rail-progress),var(--case-rail-bg) var(--rail-progress))}
body .wab-case-slider .wab-case-slider__range::-webkit-slider-thumb{background:var(--case-section-fg)}
body .wab-case-slider .wab-case-slider__range::-moz-range-track{background:var(--case-rail-bg)}body .wab-case-slider .wab-case-slider__range::-moz-range-thumb{background:var(--case-section-fg)}
body .wab-case-slider--light .wab-case-slider__all{--wb-btn-fg:#101117!important;--wb-btn-border:#101117!important;--wb-btn-hover-bg:#101117!important;--wb-btn-hover-fg:#f5f5f2!important}

/* Homepage belongs to the continuous approved hero/help/mockup background. */
body .wab-case-slider.wab-case-slider--home:not(.wab-case-slider--light){--case-section-bg:#21212d}

/* Desktop mouse dragging; touch scrolling keeps its native behavior. */
@media(hover:hover) and (pointer:fine){body .wab-case-slider .wab-case-slider__track,body .wab-case-slider .wab-case-slider__track .case-card{cursor:grab}}
body .wab-case-slider .wab-case-slider__track.is-dragging{scroll-snap-type:none!important;scroll-behavior:auto!important;user-select:none;-webkit-user-select:none;cursor:grabbing!important}
body .wab-case-slider .wab-case-slider__track.is-dragging *{cursor:grabbing!important;user-select:none;-webkit-user-select:none}

/* Voice 14, opt-in rail: three genuine projects or more, then a narrower same-height end card. */
body .wab-case-slider.wab-case-contract-v2{--case-voice-card-width:calc(min(1200px,100vw - 80px)*.81);--case-voice-card-height:calc(var(--case-voice-card-width)/1.5)}
body .wab-case-slider.wab-case-contract-v2 .wab-case-slider__track{align-items:stretch!important;padding-block:8px!important}
body .wab-case-slider.wab-case-contract-v2 .wab-case-slider__track>.case-card{flex:0 0 var(--case-voice-card-width);height:var(--case-voice-card-height)!important;aspect-ratio:1.5}
body .wab-case-slider.wab-case-contract-v2 .wab-case-slider__track>.case-card--rail-end{flex-basis:calc(var(--case-voice-card-height)*.65);aspect-ratio:auto}
body .wab-case-slider.wab-case-contract-v2 .case-card--rail-end .case-card__media{display:flex;align-items:center;background:var(--case-section-fg)!important}
body .wab-case-slider.wab-case-contract-v2 .case-card--rail-end .case-card__overlay{position:relative!important;inset:auto!important;display:block!important;background:transparent!important;width:100%;padding:28px!important;color:var(--case-section-bg)!important}
body .wab-case-slider.wab-case-contract-v2 .case-card--rail-end .case-card__title{color:var(--case-section-bg)!important}
body .wab-case-slider.wab-case-contract-v2 .wab-case-slider__navigation[hidden]{display:none!important}
body .wab-case-slider.wab-case-contract-v2 .wab-case-slider__all{overflow:visible!important}
@media(max-width:767px){body .wab-case-slider.wab-case-contract-v2{--case-voice-card-width:calc((100vw - 36px)*.92);--case-voice-card-height:calc(var(--case-voice-card-width)/.8)}}

/* Review: terminal panel stays within the section palette; real project proportions remain. */
body .wab-case-slider.wab-case-contract-v2 .case-card--rail-end .case-card__media{background:color-mix(in srgb,var(--case-section-bg) 91%,var(--case-section-fg))!important}
body .wab-case-slider.wab-case-contract-v2 .case-card--rail-end .case-card__overlay,body .wab-case-slider.wab-case-contract-v2 .case-card--rail-end .case-card__title{color:var(--case-section-fg)!important}
/* Canonical project card: identical shape and type in grids, rails and KIT. */
body.wab-local-ui-contract .wab-case-contract-v2 .case-card.case-card--project.case-card--voice-20261019:not(.case-card--rail-end){aspect-ratio:1.5!important;height:auto!important;min-height:0!important}
body.wab-local-ui-contract .wab-case-contract-v2 .case-card.case-card--project.case-card--voice-20261019 .case-card__media{height:100%!important;aspect-ratio:auto!important}
body.wab-local-ui-contract .wab-case-contract-v2 .case-card.case-card--project.case-card--voice-20261019:not(.case-card--rail-end) .case-card__overlay{padding:38px!important}
body.wab-local-ui-contract .wab-case-contract-v2 .case-card.case-card--project.case-card--voice-20261019 .case-card__title{font-family:var(--wab-font-heading,WABSanukBlack,sans-serif)!important;font-size:27px!important;font-weight:900!important;line-height:1.15!important;text-transform:none!important;letter-spacing:-.025em!important;margin:0!important;min-height:0!important;max-width:100%!important}
body.wab-local-ui-contract .wab-case-contract-v2 .case-card.case-card--project.case-card--voice-20261019 .case-card__client{font-family:Effra,sans-serif!important;font-size:16px!important;font-weight:400!important;line-height:1.35!important;margin:15px 0 0!important}
body.wab-local-ui-contract .wab-case-contract-v2 .case-card.case-card--project.case-card--voice-20261019 .case-card__cta-link{font-family:Effra,sans-serif!important;font-size:15px!important;line-height:1.35!important;gap:10px!important}
body.wab-local-ui-contract .wab-case-contract-v2 .case-card.case-card--project.case-card--voice-20261019 .case-card__cta-link i{font-size:10px!important;line-height:1!important}
body.wab-local-ui-contract .wab-case-contract-v2 .case-card.case-card--project.case-card--voice-20261019 .case-card__logo{left:38px!important;top:30px!important}
@media(max-width:767px){
 body.wab-local-ui-contract .wab-case-contract-v2 .case-card.case-card--project.case-card--voice-20261019:not(.case-card--rail-end){aspect-ratio:.8!important}
 body.wab-local-ui-contract .wab-case-contract-v2 .case-card.case-card--project.case-card--voice-20261019:not(.case-card--rail-end) .case-card__overlay{padding:25px!important}
 body.wab-local-ui-contract .wab-case-contract-v2 .case-card.case-card--project.case-card--voice-20261019 .case-card__title{font-size:23px!important}
 body.wab-local-ui-contract .wab-case-contract-v2 .case-card.case-card--project.case-card--voice-20261019 .case-card__logo{left:25px!important;top:24px!important}
}

/* Real end gutter, symmetric with the initial container-aligned spacer. */
body .wab-case-slider .wab-case-slider__track::after{content:"";display:block;flex:0 0 max(0px,calc(var(--case-start) - var(--case-gap)));pointer-events:none}
/* Canonical .button owns colors, contour, hover/leave and keyboard focus. */
body.wab-local-ui-contract.wab-local-ui-contract .wab-case-slider .wab-case-slider__controls button.button{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;flex:0 0 48px!important;padding:0!important}

/* One shared label for project cards; terminal and panel cards are excluded. */
body .wab-case-contract-v2 .case-card.case-card--project .case-card__overlay-copy > .case-card__label{display:inline-flex!important;align-items:center!important;width:fit-content!important;background:#fff!important;color:#000!important;font-family:Effra,sans-serif!important;font-size:12px!important;font-weight:400!important;line-height:1!important;text-transform:none!important;letter-spacing:0!important;padding:5px 9px!important;border:0!important;border-radius:999px!important;margin:0 0 10px!important}

/* Work overview only: compact earlier columns; rails retain approved geometry. */
body.wab-local-ui-contract .cases-grid--work{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important}
@media(max-width:1100px){
 body.wab-local-ui-contract .cases-grid--work .case-card.case-card--project.case-card--voice-20261019:not(.case-card--rail-end){aspect-ratio:auto!important;height:auto!important;min-height:0!important;min-width:0!important}
 body.wab-local-ui-contract .cases-grid--work .case-card.case-card--project.case-card--voice-20261019 .case-card__media{height:auto!important;min-height:100%;position:relative!important}
 body.wab-local-ui-contract .cases-grid--work .case-card.case-card--project.case-card--voice-20261019 .case-card__img{position:absolute!important;inset:0;width:100%;height:100%!important;object-fit:cover!important}
 body.wab-local-ui-contract .cases-grid--work .case-card.case-card--project.case-card--voice-20261019:not(.case-card--rail-end) .case-card__overlay{position:relative!important;inset:auto!important;padding:20px!important;min-height:calc((100vw - 104px)/3);height:auto!important;box-sizing:border-box;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:space-between!important;gap:26px!important}
 body.wab-local-ui-contract .cases-grid--work .case-card.case-card--project.case-card--voice-20261019 .case-card__logo{position:relative!important;inset:auto!important;width:160px!important;height:36px!important;max-width:100%!important;max-height:36px!important;flex:none!important}
 body.wab-local-ui-contract .cases-grid--work .case-card.case-card--project.case-card--voice-20261019 .case-card__logo img{position:static!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:left center!important}
 body.wab-local-ui-contract .cases-grid--work .case-card.case-card--project.case-card--voice-20261019 .case-card__overlay-bottom{position:relative!important;inset:auto!important;display:block!important}
 body.wab-local-ui-contract .cases-grid--work .case-card.case-card--project.case-card--voice-20261019 .case-card__title{font-size:21px!important;line-height:1.12!important}
 body.wab-local-ui-contract .cases-grid--work .case-card.case-card--project.case-card--voice-20261019 .case-card__client{margin-top:8px!important}
}
@media(max-width:639px){
 body.wab-local-ui-contract .cases-grid--work{grid-template-columns:minmax(0,1fr)!important;gap:22px!important}
}
/* Latest mobile project-card contract: full-bleed4:5 cover, accepted source crop. */
@media(max-width:767px){
 body.wab-local-ui-contract .wab-case-contract-v2 .case-card.case-card--project.case-card--voice-20261019:not(.case-card--rail-end){aspect-ratio:4/5!important;height:auto!important;min-height:0!important}
 body.wab-local-ui-contract .wab-case-contract-v2 .case-card.case-card--project.case-card--voice-20261019:not(.case-card--rail-end) .case-card__media{position:relative!important;width:100%!important;height:100%!important;min-height:0!important;aspect-ratio:auto!important}
 body.wab-local-ui-contract .wab-case-contract-v2 .case-card.case-card--project.case-card--voice-20261019:not(.case-card--rail-end) .case-card__img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:100%!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:var(--case-mobile-focus,center)!important;clip-path:none!important;transform:none!important}
 body.wab-local-ui-contract .wab-case-contract-v2 .case-card.case-card--project.case-card--voice-20261019:not(.case-card--rail-end) .case-card__overlay{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;aspect-ratio:auto!important;padding:25px!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;align-items:stretch!important;gap:16px!important}
 body.wab-local-ui-contract .wab-case-contract-v2 .case-card.case-card--project.case-card--voice-20261019:not(.case-card--rail-end) .case-card__logo{position:relative!important;inset:auto!important;flex:none!important;order:0!important}
 body.wab-local-ui-contract .wab-case-contract-v2 .case-card.case-card--project.case-card--voice-20261019:not(.case-card--rail-end) .case-card__overlay-bottom{position:relative!important;inset:auto!important;order:1!important}
 body.wab-local-ui-contract .wab-case-contract-v2 .case-card.case-card--project.case-card--voice-20261019:not(.case-card--rail-end) .case-card__img[src$="/degieserwildeman-i-2.png"]{--case-mobile-focus:60% center}
 body.wab-local-ui-contract .wab-case-contract-v2 .case-card.case-card--project.case-card--voice-20261019:not(.case-card--rail-end) .case-card__img[src$="/uys-slate-2.png"]{--case-mobile-focus:65% center}
}

/* Work grid: resolve the inline size before intrinsic aspect-ratio sizing in WebKit. */
body.wab-local-ui-contract .page-work .cases-grid--work > a.case-card.case-card--project{width:100%!important;justify-self:stretch!important;box-sizing:border-box}