.wk-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:clamp(36px,5vw,60px)}
.wk-strip a{display:flex;flex-direction:column;gap:4px;padding:20px 20px 18px;border-radius:var(--r-card);text-decoration:none;transition:transform .4s var(--ease),box-shadow .4s var(--ease)}
.wk-strip a:hover{transform:translateY(-3px);box-shadow:0 22px 40px -26px rgba(var(--accent-rgb),.6)}
.wk-strip b{font-family:var(--display);font-weight:520;font-size:clamp(30px,3.2vw,44px);letter-spacing:-.045em;line-height:1;color:var(--accent)}
.wk-strip span{font-size:15px;color:var(--ink)}
.wk-strip em{font-style:normal;font-size:13px;color:var(--muted);margin-top:8px}
.cs{scroll-margin-top:90px}
.cs+.cs{padding-top:clamp(70px,9vw,130px)}
.cs-top{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;padding-top:clamp(32px,4vw,52px);border-top:1px solid var(--line)}
.cs-top h2{font-size:clamp(38px,5.4vw,72px)!important}
.cs-meta{margin-top:10px;color:var(--muted);font-size:16px}
.cs-time{list-style:none;margin:0;padding:0;display:flex;align-items:stretch}
.cs-time li{display:flex;flex-direction:column;gap:2px;padding:0 18px;border-left:1px solid var(--line);font-size:13px;color:var(--muted)}
.cs-time li b{font-family:var(--display);font-weight:550;font-size:18px;color:var(--ink);letter-spacing:-.02em}
.cs-time li:last-child b{color:var(--accent)}
.cs-heads{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,3vw,40px);margin-top:clamp(30px,4vw,48px)}
.cs-h b{display:block;font-family:var(--display);font-weight:500;font-size:clamp(48px,5.4vw,82px);letter-spacing:-.055em;line-height:.9;color:var(--ink);font-variant-numeric:tabular-nums}
.cs-h:first-child b{color:var(--accent)}
.cs-h p{margin-top:14px;font-size:16px;color:var(--muted);max-width:30ch}
.cs-h strong{color:var(--ink);font-weight:550}
.cs-ba{margin-top:clamp(30px,4vw,48px);border-radius:var(--r-card);padding:clamp(18px,2.6vw,30px)}
.ba-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding-bottom:14px;border-bottom:1px solid var(--line)}
.ba-t{font-family:var(--display);font-weight:550;font-size:18px;letter-spacing:-.02em}
.ba-key{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}
.ba-key i{width:12px;height:12px;border-radius:4px;background:#C9D6D9}
.ba-key i.k1{background:var(--accent);margin-left:8px}
.ba-r{display:grid;grid-template-columns:minmax(0,1.25fr) 70px minmax(0,1.6fr) 70px 104px;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line);font-size:15px}
.ba-r:last-child{border-bottom:0}
.ba-l em{display:block;font-style:normal;font-size:12px;color:var(--muted)}
.ba-v0{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}
.ba-v1{font-family:var(--display);font-weight:550;font-size:20px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.ba-bars{display:grid;gap:5px}
.ba-bars i{display:block;height:10px;border-radius:6px;width:var(--w);min-width:3px;transform:scaleX(0);transform-origin:left;transition:transform 1.3s var(--ease)}
.ba-bars .b0{background:#C9D6D9;transition-delay:.1s}
.ba-bars .b1{background:linear-gradient(90deg,rgba(var(--accent-rgb),.65),var(--accent));transition-delay:.35s}
.cs-ba.in .ba-bars i{transform:none}
.ba-r:nth-child(2) .ba-bars i{transition-delay:.25s,.25s}
.ba-x{justify-self:end;font-size:13px;font-weight:600;color:var(--pop-ink);background:var(--pop);padding:4px 10px;border-radius:999px;white-space:nowrap}
.ba-note{margin-top:14px;font-size:13px;color:var(--muted)}
.cs-story{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(28px,5vw,72px);margin-top:clamp(36px,5vw,64px)}
.cs-k{display:block;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin-bottom:14px}
.cs-prob p{font-family:var(--display);font-size:clamp(21px,2vw,27px);line-height:1.3;letter-spacing:-.02em;font-weight:450}
.cs-site{display:inline-flex;gap:8px;align-items:center;margin-top:24px;font-weight:550;text-decoration:none;border-bottom:1.5px solid var(--line);padding-bottom:3px;transition:border-color .3s}
.cs-site:hover{border-color:var(--accent)}
.cs-did{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.cs-did li{display:grid;grid-template-columns:34px 1fr;gap:12px;padding:13px 0;border-bottom:1px solid var(--line);font-size:16px}
.cs-did li span{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums;padding-top:2px}
.sg-days{display:grid;grid-template-columns:repeat(20,minmax(0,1fr));gap:5px;margin-top:22px}
.sg-days i{height:56px;border-radius:7px;background:rgba(var(--accent-rgb),.1);transition:background .4s var(--ease),transform .4s var(--ease);transition-delay:calc(var(--k)*55ms)}
.cs-ba.in .sg-days i{background:var(--accent)}
.cs-ba.in .sg-days i:last-child{background:var(--ink)}
.sg-ends{display:flex;justify-content:space-between;gap:20px;margin-top:12px;font-size:14px;color:var(--muted)}
.sg-ends span:last-child{text-align:right}
.sg-ends b{display:block;color:var(--ink);font-weight:600}
.sg-out{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}
.sg-out b{display:block;font-family:var(--display);font-weight:520;font-size:clamp(34px,3.6vw,52px);letter-spacing:-.05em;line-height:1;color:var(--accent)}
.sg-out span{display:block;margin-top:6px;font-size:14px;color:var(--muted)}
.wk-src{margin-top:24px;text-align:center;font-size:13px;color:var(--muted)}
@media (max-width:980px){.wk-strip{grid-template-columns:1fr 1fr}.cs-heads{grid-template-columns:1fr}.cs-h{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:end}.cs-story{grid-template-columns:1fr}.sg-out{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:700px){.ba-r{grid-template-columns:minmax(0,1fr) auto;gap:6px 12px}.ba-l{grid-column:1/-1}.ba-bars{grid-column:1/-1;grid-row:3}.ba-v0{grid-row:2;text-align:left}.ba-v0::after{content:" before";font-size:12px}.ba-v1{grid-row:2;grid-column:2;justify-self:end}.ba-x{grid-row:4;grid-column:1/-1;justify-self:start}.cs-h{grid-template-columns:1fr}.sg-days{gap:3px}.sg-days i{height:40px}.cs-time li{padding:0 12px}}
@media (max-width:480px){.wk-strip{grid-template-columns:1fr}.sg-out{grid-template-columns:1fr 1fr}}
@media (prefers-reduced-motion:reduce){.ba-bars i{transform:none;transition:none}.sg-days i{transition:none;background:var(--accent)}}/* Lumora-style motion: case panels grow in, headline cards converge. --sp is set from scroll in p-work.js */
.cs{margin:clamp(14px,2vw,28px) clamp(6px,1.2vw,18px) 0;background:rgba(255,255,255,.78);border:1px solid var(--line);border-radius:clamp(26px,3vw,44px);padding-bottom:clamp(60px,8vw,110px);transform:scale(calc(.94 + .06 * var(--sp,1)));transform-origin:50% 0;will-change:transform;position:relative;z-index:1}
.cs .cs-top{border-top:0}
.cs:nth-of-type(even){background:rgba(255,255,255,.92)}
.wk-strip a{transform:translate(calc((1 - var(--sp,1)) * var(--dx,0px)),calc((1 - var(--sp,1)) * 70px)) rotate(calc((1 - var(--sp,1)) * var(--r,0deg)));opacity:calc(.35 + .65 * var(--sp,1))}
.wk-strip a:nth-child(1){--dx:-60px;--r:-7deg}.wk-strip a:nth-child(2){--dx:-20px;--r:-2.5deg}.wk-strip a:nth-child(3){--dx:20px;--r:2.5deg}.wk-strip a:nth-child(4){--dx:60px;--r:7deg}
.wk-strip a:hover{transform:translateY(-3px)}
.cs-ba{transform:perspective(1600px) rotateX(calc((1 - var(--bp,1)) * 18deg)) translateY(calc((1 - var(--bp,1)) * 50px));transform-origin:50% 100%}
@media (prefers-reduced-motion:reduce){.cs,.wk-strip a,.cs-ba{transform:none!important;opacity:1}}/* Client logos (pulled from each client's live site, Nov 12 2026, cleaned of metadata) */
.wk-logos{margin-top:clamp(36px,5vw,56px);text-align:center}
.wk-logos p{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.wk-logos ul{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px}
.wk-logos a{display:grid;place-items:center;height:96px;min-width:200px;padding:16px 28px;border-radius:var(--r-card);background:#fff;border:1px solid var(--line);transition:transform .4s var(--ease),box-shadow .4s var(--ease)}
.wk-logos a:hover{transform:translateY(-3px);box-shadow:0 20px 36px -24px rgba(var(--accent-rgb),.55)}
.wk-logos img{display:block;width:auto;max-width:180px}
.wk-logos .lg-vein img{height:40px}.wk-logos .lg-dispo img{height:40px}.wk-logos .lg-skin img{height:30px}.wk-logos .lg-saga img{height:62px}.wk-logos .lg-ct img{height:40px}
.cs-logo{display:block;width:auto;margin-bottom:22px}
.cs-logo.lg-vein{height:46px}.cs-logo.lg-dispo{height:46px}.cs-logo.lg-skin{height:34px}.cs-logo.lg-saga{height:76px}
@media (max-width:600px){.wk-logos a{min-width:0;width:calc(50% - 7px);height:84px;padding:12px}.wk-logos img{max-width:100%}.wk-logos .lg-saga img{height:52px}}/* DISPO expansion strip */
.dx-locs{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;counter-reset:dx}
.dx-locs li{counter-increment:dx;position:relative;border-radius:16px;padding:16px 16px 18px;border:1px solid var(--line);background:#fff;opacity:.35;transform:translateY(16px);transition:opacity .6s var(--ease),transform .6s var(--ease);transition-delay:calc(var(--k,0) * 140ms)}
.dx-locs li::before{content:counter(dx);display:grid;place-items:center;width:28px;height:28px;border-radius:50%;margin-bottom:12px;font-size:13px;font-weight:700;background:var(--accent);color:#fff}
.dx-locs li.soon{border-style:dashed}
.dx-locs li.soon::before{background:#fff;color:var(--accent);border:2px solid var(--accent)}
.dx-locs b{display:block;font-family:var(--display);font-weight:550;font-size:18px;letter-spacing:-.02em}
.dx-locs span{display:block;margin-top:4px;font-size:14px;color:var(--muted)}
.dx-locs li:nth-child(1){--k:0}.dx-locs li:nth-child(2){--k:1}.dx-locs li:nth-child(3){--k:2}.dx-locs li:nth-child(4){--k:3}.dx-locs li:nth-child(5){--k:4}
.cs-ba.in .dx-locs li{opacity:1;transform:none}
@media (max-width:860px){.dx-locs{grid-template-columns:1fr 1fr}}
@media (prefers-reduced-motion:reduce){.dx-locs li{opacity:1;transform:none;transition:none}}
.wk-logos a.lg-ct{background:var(--ink);border-color:var(--ink)}
.wk-logos .lg-skin img,.cs-logo.lg-skin{filter:brightness(.55) saturate(1.5)}
.wk-logos .lg-fm img{height:58px}.wk-logos .lg-oak img{height:40px}.wk-logos .lg-wca img{height:56px}.wk-logos .lg-fv img{height:24px}
.wk-logos .tiw{display:flex;align-items:center;gap:8px;color:#111}
.wk-logos .tiw svg{width:26px;height:26px;flex:none}
.wk-logos .tiw b{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:800;font-size:19px;letter-spacing:-.02em;white-space:nowrap}
.wk-logos .tiw i{font-style:normal;color:#B4006A}
/* logo grid 6 */
.wk-logos ul{max-width:1120px;margin-inline:auto}
.wk-logos li{flex:0 0 calc((100% - 76px)/6)}
.wk-logos a{min-width:0;width:100%;padding:14px 18px}
.wk-logos img{max-width:100%}
@media (max-width:980px){.wk-logos li{flex-basis:calc((100% - 32px)/3)}}
@media (max-width:600px){.wk-logos li{flex-basis:calc((100% - 18px)/2)}.wk-logos a{width:100%}}
.wk-logos a{text-decoration:none}