/* Our Work · four product scenes on the walnut stage. Each replays when its chapter comes up
   (the panel is un-hidden, which restarts its animations). Base styles are the finished state. */
.work-next .wk-visual-art{container-type:inline-size;display:grid;place-items:center}
.work-next .wv{width:min(100%,600px);border-radius:1em;background:#fff;color:#26231f;font-size:clamp(10px,2.55cqw,15px);box-shadow:0 0 0 1px rgba(255,255,255,.1),0 1.6em 3em -1.6em rgba(0,0,0,.55);overflow:hidden;text-align:left}
.work-next .wv .wv-bar{display:flex;align-items:center;justify-content:space-between;gap:1em;padding:1em 1.3em .8em}
.work-next .wv .wv-bar strong{display:inline-flex;align-items:center;gap:.55em;font-size:1.05em;font-weight:500;letter-spacing:-.02em}
.work-next .wv .wv-bar img{width:1.3em;height:1.3em}
.work-next .wv .wv-bar span{font-size:.76em;color:#6a645b;font-variant-numeric:tabular-nums;white-space:nowrap}
.work-next .wv .wv-bar b{font-weight:500;color:#26231f}
.work-next .wv .wv-tick{display:flex;align-items:center;gap:.6em;margin:0 1.3em;padding:.5em .8em;border-radius:99px;background:#f5f4f0;font-size:.76em;color:#4f4b45}
.work-next .wv .wv-tick>div{flex:1;height:1.5em;overflow:hidden}
.work-next .wv .wv-tick span{display:block;height:1.5em;line-height:1.5em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.work-next .wv .wv-spin{flex:none;width:.95em;height:.95em;border-radius:50%;border:.13em solid #302e2b;border-right-color:transparent}
.work-next .wv .wv-body{padding:1.1em 1.3em 1.3em}
/* 0 interviews */
.work-next .wv .wv-chat{display:grid;gap:.6em}
.work-next .wv .wv-chat p{margin:0;max-width:82%;padding:.7em .95em;border-radius:.9em;font-size:.88em;line-height:1.4;text-wrap:pretty}
.work-next .wv .wv-chat small{display:block;margin-bottom:.2em;font-size:.78em;color:#6a645b}
.work-next .wv .wv-q{background:#f5f4f0}
.work-next .wv .wv-r{justify-self:end;background:#302e2b;color:#fff}
.work-next .wv .wv-r small{color:#ffffffa6}
.work-next .wv .wv-dots{display:grid;grid-template-columns:repeat(20,1fr);gap:.36em;margin-top:1.1em;padding-top:1.1em;border-top:1px solid #ebe9e3}
.work-next .wv .wv-dots i{aspect-ratio:1;border-radius:50%;box-shadow:inset 0 0 0 .1em #d9d6ce}
.work-next .wv .wv-dots i.is-on{background:#302e2b;box-shadow:none}
.work-next .wv .wv-dots i.is-live{box-shadow:inset 0 0 0 .1em #302e2b}
/* 1 graph */
.work-next .wv .wv-graph{display:block;width:100%;height:auto}
.work-next .wv .wv-edges path{fill:none;stroke:#cfcbc2;stroke-width:1}
.work-next .wv .wv-edges path.is-x{stroke:#e2dfd8}
.work-next .wv .wv-graph circle{fill:#302e2b}
.work-next .wv .wv-graph circle.k-d{fill:#fff;stroke:#302e2b;stroke-width:1.4}
.work-next .wv .wv-graph circle.k-n{fill:#b3aea4}
.work-next .wv .wv-core rect{fill:#302e2b}
.work-next .wv .wv-core text{fill:#fff;font:500 9.5px 'Instrument Sans',sans-serif}
.work-next .wv .wv-legend{display:flex;flex-wrap:wrap;gap:.4em 1.1em;margin-top:.5em;font-size:.72em;color:#6a645b}
.work-next .wv .wv-legend span{display:inline-flex;align-items:center;gap:.45em}
.work-next .wv .wv-legend span::before{content:"";width:.6em;height:.6em;border-radius:50%;background:#302e2b}
.work-next .wv .wv-legend .k-d::before{background:#fff;box-shadow:inset 0 0 0 .12em #302e2b}
.work-next .wv .wv-legend .k-n::before{background:#b3aea4}
.work-next .wv .wv-flow{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:.9em;margin:1em 0 0;padding:1em 0 0;border-top:1px solid #ebe9e3}
.work-next .wv .wv-flow li{position:relative;padding:.6em .3em;border-radius:.6em;box-shadow:inset 0 0 0 1px #d9d6ce;text-align:center;font-size:.76em;font-weight:500}
.work-next .wv .wv-flow li+li::before{content:"";position:absolute;right:100%;top:50%;width:1.2em;height:1px;background:#bdb8ae}
.work-next .wv .wv-flow li.is-flag{background:#302e2b;box-shadow:none;color:#fff}
.work-next .wv .wv-flow em{position:absolute;left:50%;bottom:calc(100% + .3em);translate:-50% 0;padding:.2em .7em;border-radius:99px;background:#f0e3d6;color:#7a4a1e;font-style:normal;font-size:.82em;white-space:nowrap}
.work-next .wv.wv1 .wv-flow{margin-top:1.6em}
/* 2 roadmap */
.work-next .wv .wv-head,.work-next .wv .wv-opp{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) 5.6em;align-items:center;gap:1em}
.work-next .wv .wv-head{padding-bottom:.6em;font-size:.72em;color:#6a645b}
.work-next .wv .wv-opp{min-height:3.1em;border-top:1px solid #ebe9e3}
.work-next .wv .wv-opp strong{font-size:.88em;font-weight:500;line-height:1.3;text-wrap:pretty}
.work-next .wv .wv-opp>i{display:block;height:.45em;border-radius:99px;background:#ebe9e3;overflow:hidden}
.work-next .wv .wv-opp>i b{display:block;height:100%;border-radius:inherit;background:#302e2b;transform:scaleX(var(--to));transform-origin:0 50%}
.work-next .wv .wv-opp em{justify-self:start;padding:.3em .85em;border-radius:99px;font-style:normal;font-size:.72em;font-weight:500;white-space:nowrap}
.work-next .wv .wv-opp em.is-now{background:#302e2b;color:#fff}
.work-next .wv .wv-opp em.is-next{background:#f0efea}
.work-next .wv .wv-opp em.is-no{box-shadow:inset 0 0 0 1px #d9d6ce;color:#6a645b}
.work-next .wv .wv-opp.is-no strong{color:#8d8980}
.work-next .wv .wv-opp.is-no>i b{background:#b3aea4}
.work-next .wv .wv-sign{display:flex;align-items:center;gap:.6em;margin-top:.9em;padding:.65em .8em;border-radius:.8em;background:#f5f4f0;font-size:.82em;font-weight:500}
.work-next .wv .wv-sign i,.work-next .wv .wv-side span i{flex:none;display:grid;place-items:center;width:1.5em;height:1.5em;border-radius:50%;background:#302e2b;color:#fff}
.work-next .wv .wv-sign svg,.work-next .wv .wv-side svg{width:.9em;height:.9em}
/* 3 deck */
.work-next .wv.wv3 .wv-body{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:1em;background:#f5f4f0;margin-top:.9em;padding-top:1.3em}
.work-next .wv.wv3 .wv-tick{background:#f5f4f0}
.work-next .wv .wv-slide{display:flex;flex-direction:column;aspect-ratio:1.42;padding:1.2em;border-radius:.3em;background:#fff;box-shadow:0 0 0 1px rgba(48,46,43,.08),0 .6em 1.2em -.8em rgba(48,46,43,.35)}
.work-next .wv .wv-kick{font-size:.58em;letter-spacing:.08em;color:#6a645b}
.work-next .wv .wv-slide h4{margin:.5em 0 0;font-size:1.2em;font-weight:500;line-height:1.15;letter-spacing:-.03em}
.work-next .wv .wv-chart{display:flex;align-items:flex-end;gap:.5em;flex:1;min-height:3em;margin:.8em 0 .7em;border-bottom:1px solid #bdb8ae}
.work-next .wv .wv-chart i{flex:1;height:calc(var(--to) * 100%);border-radius:.15em .15em 0 0;background:#cfcbc2;transform-origin:50% 100%}
.work-next .wv .wv-chart i.is-k{background:#302e2b}
.work-next .wv .wv-src{display:flex;gap:.5em;flex-wrap:wrap}
.work-next .wv .wv-src span{padding:.25em .6em;border-radius:99px;background:#f5f4f0;font-size:.6em;color:#4f4b45;white-space:nowrap}
.work-next .wv .wv-side{display:flex;flex-direction:column;gap:.7em;padding:1em;border-radius:.6em;background:#fff;box-shadow:0 0 0 1px rgba(48,46,43,.08)}
.work-next .wv .wv-side strong{font-size:.86em;font-weight:500}
.work-next .wv .wv-side p{margin:0;padding:.7em .8em;border-radius:.7em;background:#f5f4f0;font-size:.78em;line-height:1.4}
.work-next .wv .wv-side span{display:flex;align-items:center;gap:.5em;font-size:.74em;font-weight:500}
@keyframes wv-in{from{opacity:0;transform:translateY(.6em);filter:blur(4px)}}
@keyframes wv-turn{to{rotate:360deg}}
@keyframes wv-roll{to{transform:translateY(calc(var(--n) * -1.5em))}}
@keyframes wv-pop{from{opacity:0;scale:.3}}
@keyframes wv-draw{from{stroke-dashoffset:var(--l)}}
@keyframes wv-x{from{transform:scaleX(0)}}
@keyframes wv-y{from{transform:scaleY(0)}}
@keyframes wv-live{50%{box-shadow:inset 0 0 0 .1em #d9d6ce}}
@media(prefers-reduced-motion:no-preference){
 .work-next .wv .wv-a{animation:wv-in 600ms cubic-bezier(.25,.46,.45,.94) both;animation-delay:var(--t,0s)}
 .work-next .wv .wv-spin{animation:wv-turn .9s linear infinite}
 .work-next .wv .wv-tick>div>div{animation:wv-roll calc(var(--n) * 2.2s) steps(var(--n)) infinite}
 .work-next .wv .wv-dots i.is-on{animation:wv-pop 300ms cubic-bezier(.25,.46,.45,.94) both;animation-delay:calc(.5s + var(--k) * 90ms)}
 .work-next .wv .wv-dots i.is-live{animation:wv-live 1.2s ease-in-out infinite;animation-delay:calc(var(--k) * 150ms)}
 .work-next .wv .wv-edges path{stroke-dasharray:var(--l);animation:wv-draw 700ms cubic-bezier(.25,.46,.45,.94) both;animation-delay:var(--t)}
 .work-next .wv .wv-graph circle{transform-box:fill-box;transform-origin:center;animation:wv-pop 400ms cubic-bezier(.25,.46,.45,.94) both;animation-delay:var(--t)}
 .work-next .wv .wv-core{transform-box:fill-box;transform-origin:center;animation:wv-pop 500ms cubic-bezier(.25,.46,.45,.94) both;animation-delay:var(--t)}
 .work-next .wv .wv-flow em{animation:wv-pop 400ms cubic-bezier(.25,.46,.45,.94) both;animation-delay:5.8s}
 .work-next .wv .wv-opp>i b{animation:wv-x 1.2s cubic-bezier(.25,.46,.45,.94) both;animation-delay:calc(var(--t) + .3s)}
 .work-next .wv .wv-opp em{animation:wv-pop 400ms cubic-bezier(.25,.46,.45,.94) both;animation-delay:var(--g)}
 .work-next .wv .wv-chart i{animation:wv-y 900ms cubic-bezier(.25,.46,.45,.94) both;animation-delay:var(--t)}
}
.wv-hold .wk-mobile-scene:not(.is-seen) .wv,.wv-hold .wk-mobile-scene:not(.is-seen) .wv *{animation-play-state:paused!important}

/* ---------- v3 · colour system: blue = documents, green = data, orange = attention ---------- */
.work-next{--c-doc:#2b7cd3;--c-data:#21a366;--c-hot:#c8502a;--c-hot-bg:#fbe7dd}
.work-next .wv img{width:1.15em;height:1.15em;flex:none}
.work-next .wv .wv-bar strong small{display:inline-flex;align-items:center;gap:.4em;margin-left:.5em;padding:.25em .65em .25em .45em;border-radius:99px;background:#f5f4f0;font-size:.7em;font-weight:400;letter-spacing:0;color:#4f4b45}
.work-next .av{display:grid;place-items:center;flex:none;width:2.2em;height:2.2em;border-radius:50%;font-style:normal;font-size:.72em;font-weight:500;letter-spacing:.02em}
.work-next .av.a1{background:#f4e3d3;color:#8a4b1c}.work-next .av.a2{background:#dde8f8;color:#1f55a5}.work-next .av.a3{background:#dcefe3;color:#15693f}.work-next .av.a4{background:#fbe1d8;color:#b0401d}
/* 0 · interviews: live list + conversation */
.work-next .wv .wv-split{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.3fr);gap:1.1em;align-items:start}
.work-next .wv .wv-people{list-style:none;margin:0;padding:0;display:grid;gap:.3em}
.work-next .wv .wv-people li{display:flex;align-items:center;gap:.6em;padding:.5em .55em;border-radius:.7em}
.work-next .wv .wv-people li.is-sel{background:#f5f4f0}
.work-next .wv .wv-people span{flex:1;min-width:0;font-size:.78em;font-weight:500;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.work-next .wv .wv-people small{display:block;font-weight:400;color:#6a645b}
.work-next .wv .wv-people em{display:inline-flex;align-items:center;gap:.4em;font-style:normal;font-size:.66em;color:#6a645b}
.work-next .wv .wv-people em.is-live{color:var(--c-hot)}
.work-next .wv .wv-people em.is-live::before{content:"";width:.55em;height:.55em;border-radius:50%;background:var(--c-hot)}
.work-next .wv .wv-people .wv-more{padding:.5em .55em 0;font-size:.7em;color:#6a645b}
.work-next .wv .wv-split .wv-chat p{max-width:92%}
.work-next .wv .wv-dots i.is-live{box-shadow:inset 0 0 0 .1em var(--c-hot)}
/* 1 · graph */
.work-next .wv .wv-graph circle.k-d{fill:var(--c-doc);stroke:none}
.work-next .wv .wv-graph circle.k-n{fill:var(--c-data)}
.work-next .wv .wv-legend .k-d::before{background:var(--c-doc);box-shadow:none}
.work-next .wv .wv-legend .k-n::before{background:var(--c-data)}
.work-next .wv .wv-legend img{width:1.25em;height:1.25em;margin-right:-.1em}
.work-next .wv .wv-flow em{background:var(--c-hot-bg);color:var(--c-hot)}
.work-next .wv .wv-flow li.is-flag{background:#fff;box-shadow:inset 0 0 0 1.5px var(--c-hot);color:var(--c-hot)}
/* 2 · model */
.work-next .wv .wv-head,.work-next .wv .wv-opp{grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr) 4.6em 5.4em}
.work-next .wv .wv-head span:nth-child(3),.work-next .wv .wv-num{text-align:right;font-variant-numeric:tabular-nums}
.work-next .wv .wv-num{font-size:.84em}
.work-next .wv .wv-opp.is-no .wv-num{color:#8d8980}
.work-next .wv .wv-opp em.is-now{background:var(--c-hot-bg);color:var(--c-hot)}
.work-next .wv .wv-opp>i b{background:linear-gradient(90deg,#302e2b,#5a544c)}
@media(prefers-reduced-motion:no-preference){
 .work-next .wv .wv-people em.is-live::before{animation:wk-pulse 1.6s ease-in-out infinite}
}
@keyframes wk-pulse{50%{opacity:.25}}

/* ---------- hero ---------- */
.work-next .wk-hero2{padding-block:72px 0}
.work-next .wk-hero2 h1{margin:18px 0 0;font-size:clamp(40px,5.4vw,80px);font-weight:500;line-height:1.02;letter-spacing:-.05em;text-wrap:balance}
.work-next .wk-hero2-row{display:flex;align-items:flex-end;justify-content:space-between;gap:32px 64px;margin-top:32px}
.work-next .wk-hero2-row>p{margin:0;max-width:50ch;font-size:clamp(17px,1.35vw,20px);line-height:1.55;letter-spacing:-.015em;color:var(--pn-ink,#26231f);text-wrap:pretty}
.work-next .wk-hero2-row .pn-actions{margin:0;flex:none}
.work-next .wk-board{margin-top:56px;padding:clamp(14px,2.4vw,36px);border-radius:24px;background:#f7f6f2}
.work-next .wk-board-win{border-radius:16px;background:#fff;box-shadow:0 0 0 1px rgba(48,46,43,.06),0 1px 2px rgba(48,46,43,.05),0 24px 48px -28px rgba(48,46,43,.32);overflow:hidden}
.work-next .wk-board-bar{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:18px 24px;border-bottom:1px solid #ebe9e3}
.work-next .wk-board-bar strong{font-size:15px;font-weight:500;letter-spacing:-.015em}
.work-next .wk-board-bar span{font-size:12px;color:#a39d93}
.work-next .wk-board ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.work-next .wk-board li+li{border-left:1px solid #ebe9e3}
.work-next .wk-board li a{display:flex;flex-direction:column;height:100%;padding:22px 24px 24px;color:inherit;text-decoration:none;transition:background .25s}
.work-next .wk-board li a:hover{background:#fbfaf8}
.work-next .wk-board-n{display:flex;align-items:center;gap:10px;margin:0;font-size:15px;font-weight:500;letter-spacing:-.015em}
.work-next .wk-board-n span{font-size:12px;font-weight:400;color:#a39d93;font-variant-numeric:tabular-nums}
.work-next .wk-board-n i{display:grid;place-items:center;margin-left:auto;width:20px;height:20px;border-radius:50%;background:#302e2b;color:#fff}
.work-next .wk-board-n i svg{width:12px;height:12px}
.work-next .wk-board-art{display:grid;align-items:center;height:132px;margin:16px 0}
.work-next .wk-board-file{display:flex;align-items:center;gap:6px;margin:auto 0 0;font-size:12.5px;color:#6a645b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.work-next .wk-board-file img{width:16px;height:16px;flex:none}
.work-next .wk-board-stat{margin:12px 0 0;padding-top:12px;border-top:1px solid #ebe9e3;font-size:13px;color:#6a645b}
.work-next .wk-board-stat b{margin-right:4px;font-size:26px;font-weight:500;letter-spacing:-.04em;color:#26231f;font-variant-numeric:tabular-nums}
.work-next .b-people{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.work-next .b-people li{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:10px;background:#f7f6f2;font-size:12.5px}
.work-next .b-people .av{width:24px;height:24px;font-size:9.5px}
.work-next .b-people span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.work-next .b-people em{width:7px;height:7px;border-radius:50%;background:var(--c-hot)}
.work-next .b-graph svg{display:block;width:100%;height:132px}
.work-next .b-graph .e path{fill:none;stroke:#d9d6ce;stroke-width:.8}
.work-next .b-graph .i{fill:#302e2b}.work-next .b-graph .d{fill:var(--c-doc)}.work-next .b-graph .n{fill:var(--c-data)}.work-next .b-graph .c{fill:#302e2b}
.work-next .b-sheet{list-style:none;margin:0;padding:0;border-radius:10px;box-shadow:inset 0 0 0 1px #ebe9e3;overflow:hidden}
.work-next .b-sheet li{display:grid;grid-template-columns:1fr 1.2fr auto;align-items:center;gap:10px;padding:11px 12px;border:0!important}
.work-next .b-sheet li+li{border-top:1px solid #ebe9e3!important}
.work-next .b-sheet span{height:6px;border-radius:9px;background:#e4e1da}
.work-next .b-sheet i{height:6px;border-radius:9px;background:#f0efea;overflow:hidden}
.work-next .b-sheet b{display:block;height:100%;border-radius:inherit;background:#302e2b;transform-origin:0 50%}
.work-next .b-sheet .w0{width:86%}.work-next .b-sheet .w1{width:68%}.work-next .b-sheet .w2{width:50%}
.work-next .b-sheet em{padding:3px 8px;border-radius:99px;background:var(--c-hot-bg);color:var(--c-hot);font-style:normal;font-size:10.5px;font-weight:500}
.work-next .b-sheet li:last-child em{background:#f0efea;color:#26231f}
.work-next .b-slide{justify-items:center;display:grid}
.work-next .b-slide .sl{display:flex;flex-direction:column;width:min(100%,190px);aspect-ratio:1.5;padding:14px;border-radius:6px;background:#fff;box-shadow:0 0 0 1px rgba(48,46,43,.1),0 10px 20px -12px rgba(48,46,43,.35)}
.work-next .b-slide span{width:34%;height:4px;border-radius:9px;background:var(--c-hot)}
.work-next .b-slide strong{width:78%;height:8px;margin-top:8px;border-radius:9px;background:#302e2b}
.work-next .b-slide .sl div{display:flex;align-items:flex-end;gap:6px;flex:1;margin-top:10px;border-bottom:1px solid #bdb8ae}
.work-next .b-slide .sl div i{flex:1;border-radius:2px 2px 0 0;background:#cfcbc2;transform-origin:50% 100%}
.work-next .b-slide .sl div i:nth-child(1){height:34%}.work-next .b-slide .sl div i:nth-child(2){height:50%}.work-next .b-slide .sl div i:nth-child(3){height:66%}.work-next .b-slide .sl div i:nth-child(4){height:92%;background:#302e2b}
.work-next .wk-board-foot{display:flex;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;padding:14px 24px;border-top:1px solid #ebe9e3;background:#fcfbf9;font-size:13px;color:#6a645b}
.work-next .wk-board-foot p{display:flex;align-items:center;gap:8px;margin:0}
.work-next .wk-board-foot i{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#302e2b;color:#fff}
.work-next .wk-board-foot i svg{width:11px;height:11px}
.work-next .wk-board-foot b{font-weight:500;color:#26231f}
@media(prefers-reduced-motion:no-preference){
 .work-next .wk-hero2>.pn-eyebrow,.work-next .wk-hero2 h1,.work-next .wk-hero2-row,.work-next .wk-board{animation:wk-rise .8s cubic-bezier(.25,.46,.45,.94) both}
 .work-next .wk-hero2 h1{animation-delay:.08s}.work-next .wk-hero2-row{animation-delay:.18s}.work-next .wk-board{animation-delay:.3s}
 .work-next .wk-board li>a>*{animation:wk-rise .6s cubic-bezier(.25,.46,.45,.94) both;animation-delay:calc(.7s + var(--k) * .9s)}
 .work-next .wk-board li .wk-board-art{animation-delay:calc(.85s + var(--k) * .9s)}
 .work-next .wk-board li .wk-board-file{animation-delay:calc(1s + var(--k) * .9s)}
 .work-next .wk-board li .wk-board-stat{animation-delay:calc(1.25s + var(--k) * .9s)}
 .work-next .wk-board-n i{animation:wv-pop .4s cubic-bezier(.25,.46,.45,.94) both;animation-delay:calc(1.45s + var(--k) * .9s)}
 .work-next .wk-board-foot{animation:wk-rise .6s cubic-bezier(.25,.46,.45,.94) 4.6s both}
 .work-next .b-sheet b{animation:wv-x 1s cubic-bezier(.25,.46,.45,.94) 3s both}
 .work-next .b-slide .sl div i{animation:wv-y .8s cubic-bezier(.25,.46,.45,.94) 3.9s both}
 .work-next .b-people em{animation:wk-pulse 1.6s ease-in-out infinite}
}
.work-next .wk-board .b0{--k:0}.work-next .wk-board .b1{--k:1}.work-next .wk-board .b2{--k:2}.work-next .wk-board .b3{--k:3}
@keyframes wk-rise{from{opacity:0;transform:translateY(8px);filter:blur(8px)}}
@media(max-width:1000px){
 .work-next .wk-hero2-row{flex-direction:column;align-items:flex-start}
 .work-next .wk-board ol{grid-template-columns:repeat(2,minmax(0,1fr))}
 .work-next .wk-board li:nth-child(3){border-left:0}
 .work-next .wk-board li:nth-child(n+3){border-top:1px solid #ebe9e3}
}
@media(max-width:560px){
 .work-next .wk-hero2{padding-top:42px}
 .work-next .wk-hero2 h1{font-size:clamp(32px,9.4vw,42px);line-height:1.06}
 .work-next .wk-board{margin-top:40px;margin-inline:-8px;border-radius:20px}
 .work-next .wk-board li a{padding:16px 14px 18px}
 .work-next .wk-board-art{height:104px;margin:12px 0}.work-next .b-graph svg{height:104px}
 .work-next .b-people li:nth-child(3){display:none}
 .work-next .wk-board-file{font-size:11.5px}.work-next .wk-board-stat b{display:block;font-size:22px}
 .work-next .wk-board-bar,.work-next .wk-board-foot{padding-inline:14px}
 .work-next .wv .wv-split{grid-template-columns:1fr}.work-next .wv .wv-people li:nth-child(n+3):not(.wv-more){display:none}
 .work-next .wv .wv-people{grid-template-columns:1fr 1fr}.work-next .wv .wv-people .wv-more{grid-column:1/-1;padding-top:.2em}
}

/* v4 · taller hero board */
.work-next .wk-board-art{height:clamp(190px,19vw,280px);margin:22px 0 24px}
.work-next .b-graph svg{height:clamp(190px,19vw,280px)}
.work-next .wk-board li a{padding:26px 26px 28px}
.work-next .b-people{gap:12px}.work-next .b-people li{padding:11px 12px;font-size:13.5px}
.work-next .b-people .av{width:30px;height:30px;font-size:11px}
.work-next .b-sheet li{padding:17px 14px}.work-next .b-sheet span,.work-next .b-sheet i{height:7px}
.work-next .b-slide .sl{width:min(100%,260px);padding:18px}
.work-next .wk-hero2+.wk-story-reading,.work-next .wk-hero2+section{margin-top:clamp(72px,9vw,128px)}
@media(max-width:560px){.work-next .wk-board-art,.work-next .b-graph svg{height:120px}.work-next .wk-board li a{padding:16px 14px 18px}.work-next .b-people li{padding:7px 9px;font-size:12px}.work-next .b-sheet li{padding:11px 10px}}

/* ===== v5 · new art direction: content on the walnut, glass containers, white for what matters ===== */
/* hero board: same structure and dimensions, in glass */
.work-next .wk-board{background:#49382f url('./images/materials/walnut-mineral.webp') center/cover;outline:1px solid rgba(0,0,0,.1);outline-offset:-1px}
.work-next .wk-board-win{background:none;box-shadow:none;color:#fff;overflow:visible}
.work-next .wk-board-bar{padding:4px 6px 18px;border-bottom:0}
.work-next .wk-board-bar strong{color:#fff}.work-next .wk-board-bar span{color:rgba(255,255,255,.55)}
.work-next .wk-board ol{gap:12px}
.work-next .wk-board li,.work-next .wk-board li+li{border:0!important}
.work-next .wk-board li a{border-radius:16px;background:rgba(255,255,255,.07);transition:background .25s}
.work-next .wk-board li a:hover{background:rgba(255,255,255,.12)}
.work-next .wk-board-n span{color:rgba(255,255,255,.5)}
.work-next .wk-board-n i{background:#fff;color:#302e2b}
.work-next .wk-board-file{color:rgba(255,255,255,.7)}
.work-next .wk-board-stat{border-top-color:rgba(255,255,255,.14);color:rgba(255,255,255,.7)}
.work-next .wk-board-stat b{color:#fff}
.work-next .b-people li{background:rgba(255,255,255,.09);color:#fff}
.work-next .b-people em{background:#fff}
.work-next .b-graph .e path{stroke:rgba(255,255,255,.3)}
.work-next .b-graph .i,.work-next .b-graph .c{fill:#fff}.work-next .b-graph .d{fill:rgba(255,255,255,.55)}.work-next .b-graph .n{fill:rgba(255,255,255,.35)}
.work-next .b-sheet{box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
.work-next .b-sheet li+li{border-top-color:rgba(255,255,255,.14)!important}
.work-next .b-sheet span{background:rgba(255,255,255,.3)}.work-next .b-sheet i{background:rgba(255,255,255,.14)}.work-next .b-sheet b{background:#fff}
.work-next .b-sheet em{background:#fff;color:#26231f}.work-next .b-sheet li:last-child em{background:rgba(255,255,255,.14);color:#fff}
.work-next .wk-board-foot{padding:18px 6px 2px;border-top:0;background:none;color:rgba(255,255,255,.7)}
.work-next .wk-board-foot i{background:#fff;color:#302e2b}.work-next .wk-board-foot b{color:#fff}
/* chapters 03 and 04: the deliverable, with who did what */
.work-next .wm{width:min(100%,600px);font-size:clamp(10px,2.6cqw,15.5px);text-align:left}
.work-next .wm :is(p,ul,h4,table){margin:0}.work-next .wm ul{padding:0;list-style:none}
.work-next .wm i{font-style:normal}.work-next .wm img{width:1.2em;height:1.2em;flex:none}
.work-next .wm .memo{display:grid;gap:1em}
.work-next .wm .page{padding:1.7em 1.8em 1.6em;border-radius:.35em;background:#fff;color:#26231f;box-shadow:0 1.6em 3em -1.6em rgba(0,0,0,.6)}
.work-next .wm .page.slide{aspect-ratio:1.62;display:flex;flex-direction:column}
.work-next .wm .kick{display:flex;align-items:center;gap:.5em;font-size:.74em;color:#6a645b}
.work-next .wm h4{margin:.7em 0 .5em;font-size:1.4em;font-weight:500;line-height:1.15;letter-spacing:-.03em;text-wrap:balance}
.work-next .wm table{width:100%;margin-top:.6em;border-collapse:collapse;font-size:.84em;font-variant-numeric:tabular-nums}
.work-next .wm th{padding-bottom:.5em;text-align:left;font-size:.84em;font-weight:400;color:#a39d93}
.work-next .wm td{padding:.6em 0;border-top:1px solid #e7e4dd}.work-next .wm td:first-child{font-weight:500}
.work-next .wm :is(td,th):nth-child(2){text-align:right;padding-right:1.6em}
.work-next .wm td em{font-style:normal;padding:.2em .7em;border-radius:99px;background:#f5f4f0;font-size:.86em;white-space:nowrap}
.work-next .wm td em.hot{background:#fbe7dd;color:#c8502a}
.work-next .wm .sign{display:flex;align-items:center;gap:.6em;margin-top:1em;font-size:.84em;font-weight:500}
.work-next .wm .ck{display:inline-grid;place-items:center;flex:none;width:1.35em;height:1.35em;border-radius:50%;background:#302e2b;color:#fff}
.work-next .wm .ck svg{width:.85em;height:.85em}
.work-next .wm .chart{display:flex;align-items:flex-end;gap:.9em;flex:1;min-height:5em;margin:.4em 0 .8em;border-bottom:1px solid #bdb8ae}
.work-next .wm .chart i{flex:1;height:var(--h);border-radius:.25em .25em 0 0;background:#cfcbc2;transform-origin:50% 100%}
.work-next .wm .chart i.k{background:#302e2b}
.work-next .wm .srcs{font-size:.72em;color:#6a645b}
.work-next .wm .ann{display:grid;grid-template-columns:1fr 1fr;gap:.6em}
.work-next .wm .ann li{padding:.75em .9em;border-radius:.8em;font-size:.82em;line-height:1.4}
.work-next .wm .ann small{display:block;margin-bottom:.25em;font-size:.82em;opacity:.65}
.work-next .wm .ann .ag{background:rgba(255,255,255,.09);color:#fff}
.work-next .wm .ann .you{background:#fff;color:#26231f;font-weight:500}
@media(prefers-reduced-motion:no-preference){
 .work-next .wm .r{animation:wv-in 600ms cubic-bezier(.25,.46,.45,.94) both;animation-delay:var(--t,0s)}
 .work-next .wm .pop{animation:wv-pop 400ms cubic-bezier(.25,.46,.45,.94) both;animation-delay:var(--t,0s)}
 .work-next .wm .gy{animation:wv-y 900ms cubic-bezier(.25,.46,.45,.94) both;animation-delay:var(--t,0s)}
}
.wv-hold .wk-mobile-scene:not(.is-seen) .wm *{animation-play-state:paused!important}

/* v6 · hero: the slide in column 04 is an outlined glass container like column 03, not a white card */
.work-next .b-slide .sl{background:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);border-radius:10px}
.work-next .b-slide span{background:rgba(255,255,255,.55)}.work-next .b-slide strong{background:#fff}
.work-next .b-slide .sl div{border-bottom-color:rgba(255,255,255,.3)}
.work-next .b-slide .sl div i{background:rgba(255,255,255,.22)}.work-next .b-slide .sl div i:nth-child(4){background:#fff}
/* chapters 01 (wall) and 02 (graph) */
.work-next .wm .wall{color:#fff;text-align:center;overflow:hidden}
.work-next .wm .wall-t{margin-bottom:1.3em;font-size:1.3em;font-weight:500;letter-spacing:-.025em}
.work-next .wm .mq{overflow:hidden;margin:.6em -4%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.work-next .wm .mq>div{display:flex;gap:.55em;width:max-content}
.work-next .wm .mq span{display:inline-flex;align-items:center;gap:.5em;padding:.65em 1em;border-radius:.7em;background:rgba(255,255,255,.08);font-size:.84em;white-space:nowrap}
.work-next .wm .mk{display:inline-grid;place-items:center;flex:none;width:1.2em;height:1.2em;border-radius:50%;box-shadow:inset 0 0 0 .1em currentColor;opacity:.55}
.work-next .wm .mk::after{content:"";width:.32em;height:.32em;border-radius:50%;background:currentColor}
.work-next .wm .mq .is-new{background:#fff;color:#26231f;font-weight:500}.work-next .wm .mq .is-new .mk{color:#c8502a;opacity:1}
.work-next .wm .wall-n{display:flex;justify-content:center;gap:1.6em;margin-top:1.4em;font-size:.82em;color:rgba(255,255,255,.7)}
.work-next .wm .wall-n b{margin-right:.25em;font-size:1.55em;font-weight:500;letter-spacing:-.03em;color:#fff;font-variant-numeric:tabular-nums}
.work-next .wm .wq{margin:1.5em auto 0;max-width:88%;padding:.9em 1.1em;border-radius:.9em;background:#fff;color:#26231f;font-size:.94em;font-weight:500;line-height:1.35;text-align:left;box-shadow:0 1.2em 2.4em -1.4em rgba(0,0,0,.6)}
.work-next .wm .wq small{display:block;margin-bottom:.3em;font-size:.8em;font-weight:400;color:#6a645b}
.work-next .wm .g-graph{position:relative;aspect-ratio:1.6;margin:.2em 2%}
.work-next .wm .g-graph svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.work-next .wm .g-graph path{fill:none;stroke:rgba(255,255,255,.28);stroke-width:1;stroke-dasharray:200}
.work-next .wm .g-graph path.on{stroke:rgba(255,255,255,.75)}
.work-next .wm .g-graph circle{fill:#fff}
.work-next .wm .gn{position:absolute;translate:-50% -50%;padding:.5em .9em;border-radius:.7em;background:rgba(255,255,255,.12);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:.76em;white-space:nowrap}
.work-next .wm .gn.core{translate:-50% -210%;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;font-size:.8em;font-weight:500}
.work-next .wm .graph .wq{text-align:center}
@keyframes wm-mq{to{transform:translateX(-50%)}}@keyframes wm-draw{from{stroke-dashoffset:200}}
@keyframes wm-lit{to{background:#fff;color:#26231f}}
@media(prefers-reduced-motion:no-preference){
 .work-next .wm .mq>div{animation:wm-mq 40s linear infinite}.work-next .wm .mq.rev>div{animation-direction:reverse;animation-duration:48s}
 .work-next .wm .dr{animation:wm-draw .9s cubic-bezier(.25,.46,.45,.94) both;animation-delay:var(--t,0s)}
 .work-next .wm .gn.on{animation:wv-in 600ms cubic-bezier(.25,.46,.45,.94) both,wm-lit .5s ease-out forwards;animation-delay:var(--t,0s),var(--d,3s)}
}
@media(prefers-reduced-motion:reduce){.work-next .wm .gn.on{background:#fff;color:#26231f}}
.work-next .wm .gn{background:#63503f;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.work-next .wm .gn.core{background:none;box-shadow:none}
.work-next .wm .g-graph{aspect-ratio:1.75}
.work-next .wm .graph .wall-t{margin-bottom:.9em}.work-next .wm .graph .wq{margin-top:1.1em}
/* marquee rows must not size the grid track */
.work-next .wk-visual-art{grid-template-columns:minmax(0,1fr)}
.work-next .wm{min-width:0;justify-self:center}

/* v9 · chapter 02: the process map as it actually runs, with the bottleneck in white */
.work-next .wm .pm-box{padding:1em 1.1em;border-radius:1em;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.work-next .wm .pm{position:relative;aspect-ratio:320/170}
.work-next .wm .pm svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.work-next .wm .pm path{fill:none;stroke:rgba(255,255,255,.6);stroke-width:1.2;vector-effect:non-scaling-stroke;stroke-dasharray:400}
.work-next .wm .pm path.ln{stroke:rgba(255,255,255,.12);stroke-dasharray:none}
.work-next .wm .pm small{position:absolute;left:0;font-size:.66em;color:rgba(255,255,255,.5);text-align:left}
.work-next .wm .pn{position:absolute;translate:-50% -50%;padding:.55em 1em;border-radius:.7em;background:#63503f;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);font-size:.8em;font-weight:500;white-space:nowrap}
.work-next .wm .pn.hot{background:#fff;color:#26231f;box-shadow:0 1em 2em -1em rgba(0,0,0,.6)}
.work-next .wm .pn em{position:absolute;left:50%;bottom:calc(100% + .45em);translate:-50% 0;padding:.25em .7em;border-radius:99px;background:#c8502a;color:#fff;font-style:normal;font-size:.82em;font-weight:500}
.work-next .wm .pm-ev{display:flex;justify-content:center;flex-wrap:wrap;gap:.5em;margin-top:1.1em}
.work-next .wm .pm-ev span{display:inline-flex;align-items:center;gap:.45em;padding:.5em .9em;border-radius:99px;background:rgba(255,255,255,.08);font-size:.78em}
.work-next .wm .pmap .wall-t{margin-bottom:.9em}.work-next .wm .pmap .wq{margin-top:.9em;text-align:center}
@keyframes wm-draw2{from{stroke-dashoffset:400}}
@media(prefers-reduced-motion:no-preference){.work-next .wm .pm .dr{animation:wm-draw2 1s cubic-bezier(.25,.46,.45,.94) both;animation-delay:var(--t,0s)}}

/* A fuller process, still organised into three clear lanes and three columns. */
.work-next .wm .pm.pm-expanded{aspect-ratio:400/216}
.work-next .wm .pm-expanded .pn{
 width:24%;min-height:3em;display:grid;place-items:center;
 padding:.55em .3em;font-size:.76em;line-height:1.25;
 white-space:normal;text-align:center;
}
.work-next .wm .pm-expanded path.pm-arrow{
 fill:rgba(255,255,255,.7);stroke:none;stroke-dasharray:none;
}
.work-next .wm .pm-expanded path.ln{stroke:rgba(255,255,255,.12)}

/* Constrain the hero's nested grid to its card, including narrow phones. */
.work-next .wk-board-art{min-width:0;grid-template-columns:minmax(0,1fr)}
.work-next .b-people{min-width:0;width:100%;grid-template-columns:minmax(0,1fr)}
.work-next .wk-board-n i{flex-shrink:0}
@media(max-width:560px){
 .work-next .wk-board-n{gap:6px;font-size:13px}
 .work-next .wk-board-n>span{font-size:10px}
 .work-next .wk-board-n i{width:18px;height:18px}
 .work-next .b-people li{min-width:0;min-height:44px;gap:6px;padding:7px 8px;font-size:11.5px;line-height:1.35}
 .work-next .b-people .av{width:22px;height:22px;flex:none;font-size:9px}
 .work-next .b-people span{min-width:0;white-space:normal;overflow:visible;text-overflow:clip}
 .work-next .b-people em{display:none}
 .work-next .wk-board-file{white-space:normal;overflow:visible;line-height:1.4;overflow-wrap:anywhere}
}