/* ===== Milkman — case study overlay + lightbox =====
   Paste into Webflow: Site settings > Custom code > Head (inside <style> tags),
   or Page settings of the Brand Spiral + Cases Template.
   The engine skips its own CSS when it finds data-cs-css on this stylesheet. */

[data-cs-ov] .cs-ov__panel{overflow:hidden;background:rgba(8,8,8,.5);-webkit-backdrop-filter:blur(16px) brightness(.72);backdrop-filter:blur(16px) brightness(.72)}
[data-cs-ov] .cs-ov__bg{background:rgba(8,8,8,.5)}
[data-cs-ov] .cs-ov__loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;opacity:.55;font:500 13px/1 -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:.04em;text-transform:uppercase}
[data-cs-ov] [data-cs-split]{display:flex!important;height:100vh;min-height:100vh;overflow:hidden}
[data-cs-ov] [data-cs-left]{position:relative!important;inset:auto!important;flex:0 0 45%!important;width:45%!important;max-width:45%!important;height:100vh;z-index:auto!important;display:flex!important;align-items:center;overflow:hidden!important;background:transparent!important}
[data-cs-ov] [data-cs-slider]{display:flex!important;align-items:center;width:100%!important;height:auto!important;overflow:visible!important}
[data-cs-ov]:not(.grid):not(.flow) [data-cs-slider]{position:relative!important;width:100%!important;height:100vh!important;overflow:visible!important;display:block!important}
[data-cs-ov]:not(.grid):not(.flow) [data-cs-track]{position:absolute!important;inset:0!important;display:block!important;gap:clamp(16px,2vw,34px);padding:0!important;height:auto!important;overflow:visible!important;scroll-snap-type:none!important;column-count:auto!important;cursor:grab;touch-action:pan-y}
[data-cs-ov]:not(.grid):not(.flow) [data-cs-track][data-grabbing]{cursor:grabbing}
[data-cs-ov]:not(.grid):not(.flow) [data-cs-slide]{position:absolute!important;left:50%!important;top:50%!important;flex:none!important;display:block!important;width:clamp(260px,34vw,560px)!important;height:auto!important;max-width:none!important;max-height:86vh!important;margin:0!important;background:transparent!important;border-radius:0!important;overflow:hidden!important;will-change:transform;backface-visibility:hidden}
[data-cs-ov]:not(.grid):not(.flow) [data-cs-slide] img,[data-cs-ov]:not(.grid):not(.flow) [data-cs-slide] video{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;display:block}
[data-cs-ov] [data-cs-read]{position:relative!important;inset:auto!important;flex:0 0 55%!important;width:55%!important;max-width:55%!important;height:100vh;transform:none!important;box-shadow:none!important;z-index:auto!important;overflow-y:auto;overflow-x:hidden;background:#fff!important;border-left:1px solid rgba(0,0,0,.12)}
[data-cs-ov] [data-cs-slide] video{border-radius:0!important}
[data-cs-ov].flow.read-open [data-cs-read]{transform:translateX(0)!important}
[data-cs-ov] [data-cs-source]{display:none!important}
[data-cs-ov] [data-cs-read-in]{max-width:680px}
[data-cs-ov] [data-cs-track],[data-cs-ov] [data-cs-read],[data-cs-ov] .cs-ov__panel{scrollbar-width:none;-ms-overflow-style:none}
[data-cs-ov] *::-webkit-scrollbar{width:0;height:0;display:none}
[data-cs-ov] [data-cs-back]{display:none!important}
[data-cs-ov] [data-cs-bar]{display:flex!important;justify-content:flex-end!important;align-items:center;gap:22px}
[data-cs-ov] .cs-ov__hide-inbar{background:none!important;border:0!important;padding:0!important;margin:0;color:#000!important;font:600 15px/1 "ABC Diatype",-apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:0;text-transform:none;cursor:pointer;opacity:1;transition:opacity .2s}
[data-cs-ov] .cs-ov__hide-inbar:hover{opacity:.6}
[data-cs-ov] .cs-ov__chrome{position:fixed;top:18px;left:22px;z-index:12;display:flex;gap:10px}
[data-cs-ov] .cs-ov__cbtn[data-cs-hide]{position:fixed!important;top:22px;left:calc(45vw + clamp(24px,2vw,34px));z-index:14}
[data-cs-ov] .cs-ov__cbtn{background:rgba(255,255,255,.12);color:#fff;border:0;padding:9px 15px;font:600 11px/1 -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .2s,color .2s}
[data-cs-ov] .cs-ov__cbtn:hover{background:#fff;color:#111}
[data-cs-ov] .cs-ov__cbtn[data-cs-hide]{background:none!important;color:#111!important;padding:0!important;font:500 15px/1 "ABC Diatype",-apple-system,BlinkMacSystemFont,sans-serif!important;letter-spacing:0!important;text-transform:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
[data-cs-ov] .cs-ov__cbtn[data-cs-hide]:hover{background:none!important;color:#111!important;opacity:.6}
[data-cs-ov] .cs-ov__mini{position:fixed;right:0;bottom:0;z-index:13;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:9px;width:clamp(240px,22vw,300px);height:clamp(150px,19vh,200px);padding:22px 24px;background:#fff;color:#0C0C0C;border:0;border-top:1px solid rgba(0,0,0,.1);border-left:1px solid rgba(0,0,0,.1);cursor:pointer;text-align:left;box-shadow:none}
[data-cs-ov] .cs-ov__mini[hidden]{display:none}
[data-cs-ov] .cs-ov__mini-t{font:500 16px/1.25 "ABC Diatype",-apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:-.01em;max-width:22ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
[data-cs-ov] .cs-ov__mini-x{font:500 11px/1 "ABC Diatype",-apple-system,sans-serif;letter-spacing:.14em;text-transform:uppercase;opacity:.5}
[data-cs-ov].is-min .cs-ov__cbtn[data-cs-hide]{display:none}
[data-cs-ov]:not(.grid):not(.flow) [data-cs-controls]{position:fixed!important;left:0!important;right:auto!important;top:auto!important;width:45vw!important;bottom:30px!important;transform:none!important;margin:0!important;display:flex!important;gap:10px;justify-content:center;z-index:10}
[data-cs-ov]:not(.grid):not(.flow) [data-cs-prev],[data-cs-ov]:not(.grid):not(.flow) [data-cs-next]{display:inline-flex!important;align-items:center;justify-content:center;background:rgba(255,255,255,.12)!important;color:#fff!important;border:0!important;border-radius:0!important;padding:11px 22px!important;font:600 11px/1 "ABC Diatype",-apple-system,BlinkMacSystemFont,sans-serif!important;letter-spacing:.14em!important;text-transform:uppercase!important;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .2s,color .2s}
[data-cs-ov]:not(.grid):not(.flow) [data-cs-prev]:hover,[data-cs-ov]:not(.grid):not(.flow) [data-cs-next]:hover{background:#fff!important;color:#111!important}
[data-cs-ov] .cs-vid-pill{position:absolute;left:14px;bottom:14px;z-index:3;background:rgba(8,8,8,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font:600 10px/1 -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:.12em;text-transform:uppercase;padding:9px 13px;pointer-events:none;opacity:0;transition:opacity .25s}
[data-cs-ov] [data-cs-slide].is-active:hover .cs-vid-pill{opacity:1}
[data-cs-ov] [data-cs-left],[data-cs-ov] [data-cs-read]{transition:flex-basis .55s cubic-bezier(.22,1,.36,1),max-width .55s cubic-bezier(.22,1,.36,1)}
[data-cs-ov].is-min [data-cs-left]{flex:1 1 100%!important;max-width:100%!important}
[data-cs-ov].is-min [data-cs-read]{flex:0 0 0!important;max-width:0!important;min-width:0!important;border-left:0!important}
[data-cs-lb]{position:fixed;inset:0;z-index:2147483000;background:rgba(8,8,8,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .35s ease;cursor:zoom-out}
[data-cs-lb].in{opacity:1}
[data-cs-lb] img,[data-cs-lb] video{max-width:92vw;max-height:88vh;width:auto;height:auto;object-fit:contain;display:block;transform:scale(.96);transition:transform .45s cubic-bezier(.22,1,.36,1)}
[data-cs-lb].in img,[data-cs-lb].in video{transform:scale(1)}
[data-cs-lb] .cs-lb-close{position:fixed;top:18px;left:22px;z-index:2;background:rgba(255,255,255,.12);color:#fff;border:0;padding:9px 15px;font:600 11px/1 -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .2s,color .2s}
[data-cs-lb] .cs-lb-close:hover{background:#fff;color:#111}
[data-cs-ov] .cs-full-pill{position:absolute;right:14px;bottom:14px;z-index:3;background:rgba(8,8,8,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font:600 10px/1 -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:.12em;text-transform:uppercase;padding:9px 13px;cursor:pointer;border:0;opacity:0;transition:opacity .25s,background .2s,color .2s}
[data-cs-ov] [data-cs-slide].is-active:hover .cs-full-pill{opacity:1}
[data-cs-ov] .cs-full-pill:hover{background:#fff;color:#111}
[data-cs-ov] [data-cs-visual]{display:block;width:100%;height:auto;margin:clamp(30px,4vh,52px) 0;max-width:680px}
[data-cs-ov] [data-cs-visual]:not([src]),[data-cs-ov] [data-cs-visual][src=""]{display:none}
html.cs-standalone [data-cs-spiral-back]{position:fixed!important;top:82px;left:clamp(20px,2vw,30px);z-index:14;text-decoration:none}