/* ZIG ZAG case carousel: photographs are the proof, white Onest captions
   stay on the dark lower gradient. Brand #0055ff, paper #fff,
   ink #182733, secondary #465972, line #dfe6ee. */
.work-cases{font-family:"Onest",Arial,sans-serif;--work-blue:#0055ff;--work-ink:#182733}
.work-heading{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px}
.work-cases .work-heading h2{font-family:inherit;font-size:clamp(29px,2.6vw,38px);font-weight:500;line-height:1.2;letter-spacing:-.025em;margin:0 0 14px}
.work-heading p{font-size:20px;line-height:1.5;color:#465972;margin:0}
.work-navigation{display:flex;align-items:center;gap:12px;flex-shrink:0}
.work-portfolio{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 24px;margin-right:12px;background:#0055ff;border:1px solid #0055ff;color:#fff;border-radius:28px;font-size:16px;line-height:1.4;text-decoration:none;white-space:nowrap}
.work-portfolio:hover{background:#0348d5;color:#fff;text-decoration:none}
.work-portfolio:focus-visible{outline:3px solid #0055ff;outline-offset:5px}
.work-count{font-size:17px;font-variant-numeric:tabular-nums;white-space:nowrap;min-width:76px;margin-right:8px;color:#465972}
.work-navigation button{display:grid;place-items:center;width:52px;height:52px;padding:0;border:1px solid #b8cbf0;border-radius:50%;background:#fff;color:var(--work-blue);cursor:pointer}
.work-navigation .work-next{background:var(--work-blue);border-color:var(--work-blue);color:#fff}
.work-navigation svg{width:25px;height:25px}
.work-prev svg{transform:rotate(180deg)}
.work-navigation button:disabled{opacity:.35;cursor:default}
.work-navigation button:not(:disabled):hover{background:#eaf1ff}
.work-navigation .work-next:not(:disabled):hover{background:#0046d4}
.work-track{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 24px)/2);gap:24px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#a7bddd transparent;padding-bottom:12px;border-radius:26px}
.work-card{position:relative;isolation:isolate;min-width:0;min-height:600px;border-radius:26px;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always;background:#243443;color:#fff}
.work-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.work-card::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(7,19,32,.04) 0%,rgba(7,19,32,.08) 25%,rgba(7,19,32,.77) 49%,rgba(7,19,32,.92) 100%)}
.work-card-content{display:flex;flex-direction:column;justify-content:flex-end;min-height:600px;padding:32px}
.work-card-content h3{font-family:inherit;font-size:clamp(26px,2.1vw,31px);font-weight:600;line-height:1.2;letter-spacing:-.02em;color:#fff;margin:0 0 16px;overflow-wrap:normal;word-break:normal}
.work-card-content .work-task{font-size:18px;line-height:1.5;color:#fff;margin:0 0 24px;max-width:42ch}
.work-facts{display:flex;gap:36px;margin:0 0 28px}
.work-facts>div{min-width:0}
.work-facts dt{font-size:15px;line-height:1.5;font-weight:400;color:#fff;margin-bottom:5px}
.work-facts dd{font-size:26px;line-height:1.2;font-weight:500;color:#fff;margin:0}
.work-details{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 0 0;min-height:48px;border:0;border-top:1px solid rgba(255,255,255,.4);border-radius:0;background:transparent;color:#fff;font-family:inherit;font-size:17px;text-align:left;cursor:pointer}
.work-details svg{width:24px;height:24px;flex-shrink:0}
.work-details:hover{color:#b9d4ff}
.work-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:8px}
.work-bottom p{font-size:16px;color:#465972;margin:0}
.work-bottom a{display:inline-flex;align-items:center;gap:14px;min-height:44px;color:var(--work-blue);font-size:17px}
.work-bottom svg{width:22px;height:22px}
.work-track:focus-visible,.work-navigation button:focus-visible,.work-bottom a:focus-visible{outline:3px solid var(--work-blue);outline-offset:4px}
.work-details:focus-visible{outline:3px solid #fff;outline-offset:4px}
.work-case-dialog{font-family:"Onest",Arial,sans-serif;width:min(760px,calc(100vw - 32px));max-width:760px;padding:0;border-radius:24px;color:#182733;max-height:90dvh}
.work-case-dialog .close-dialog{position:sticky;top:16px;float:right;z-index:2;margin:16px 16px -60px 0;background:#fff;color:#182733;border:1px solid #dfe6ee}
.work-case-body{padding:28px}
.work-dialog-image{display:block;width:100%;height:260px;object-fit:cover;border-radius:16px;margin-bottom:24px}
.work-case-body h2{font-family:inherit;font-size:30px;line-height:1.2;font-weight:500;margin:0 0 24px}
.work-dialog-facts{display:grid;gap:16px;margin:0 0 24px}
.work-dialog-facts dt{font-size:16px;font-weight:600;line-height:1.5}
.work-dialog-facts dd{font-size:18px;line-height:1.5;margin:4px 0 0;color:#465972}
.work-case-body h3{font-family:inherit;font-size:21px;line-height:1.4;font-weight:500;margin:0 0 12px}
.work-case-body>p{font-size:18px;line-height:1.5;margin:0 0 24px;color:#465972}
.work-case-body .button{font-family:inherit;font-size:18px}
@media(min-width:760px) and (max-width:1023px){.work-card-content{padding:24px}.work-card-content h3{font-size:26px}.work-facts{gap:24px}.work-facts dd{font-size:24px}}
@media(max-width:759px){
 .work-heading{align-items:flex-start;flex-direction:column;gap:20px;margin-bottom:20px}
 .work-heading p{font-size:18px}
 .work-navigation{width:100%;flex-wrap:wrap}.work-count{margin-right:auto}
 .work-portfolio{width:100%;margin-right:0;padding-inline:20px}
 .work-track{grid-auto-columns:100%;gap:16px;border-radius:22px}
 .work-card{border-radius:22px;min-height:580px}
 .work-card-content{min-height:580px;padding:28px 24px}
 .work-card-content h3{font-size:29px}
 .work-card-content .work-task{font-size:18px;margin-bottom:24px}
 .work-facts{gap:28px}.work-facts dd{font-size:24px}
 .work-bottom{align-items:flex-start;flex-direction:column;gap:2px}
 .work-case-body{padding:24px}.work-dialog-image{height:200px}
 .work-case-body h2{font-size:26px}
}
@media(max-width:359px){.work-card-content{padding:24px 20px}.work-card-content h3{font-size:27px}.work-facts{gap:18px}.work-facts dd{font-size:23px}.work-card-content .work-task{font-size:17px}.work-case-body{padding:20px}}
@media(prefers-reduced-motion:reduce){.work-track{scroll-behavior:auto}}