/* Full-width, scroll-composed case studies. Static content remains usable without JS. */
#work{background:#e9e8e5;padding-bottom:100px;overflow:clip}
#work .work-head{align-items:end;margin-bottom:75px;gap:40px}
#work .work-head h2{font-size:clamp(64px,8vw,120px);max-width:13ch;line-height:1.02;margin:20px 0}
#work .work-head .lede{font-size:18px}
#work .filters{flex-shrink:0}
#work .filters button{border:1px solid #bab9b5;border-radius:100px;padding:12px 18px}
#work .filters button[aria-pressed=true]{background:#111;color:white;border-color:#111}
#work .motion-rail{display:block;position:relative;padding:0 0 8vh;overflow:visible}
#work .motion-card{display:block;position:sticky;top:110px;width:100%;margin:0 0 42vh;padding:25px 34px 24px;background:#f9f8f5;color:#151515;border:1px solid #cfceca;border-radius:12px;box-shadow:0 22px 50px #00000018;transform-origin:center top;transition:none;will-change:transform;overflow:hidden}
#work .motion-card[hidden]{display:none}
#work .motion-card:last-child{margin-bottom:0}
#work .motion-card:nth-child(even){background:#151515;color:#f9f8f5;border-color:#333}
#work .motion-card:nth-child(3){background:#be2925;color:#fff;border-color:#be2925}
.motion-top{display:flex;justify-content:space-between;gap:20px;font-size:12px;font-weight:600;letter-spacing:.12em;padding-bottom:22px;border-bottom:1px solid currentColor}
.motion-top span:last-child{font-size:10px;opacity:.55}
.motion-content{display:grid;grid-template-columns:.85fr 1.3fr;gap:5%;padding-top:28px;min-height:390px}
.motion-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-bottom:10px}
.motion-category{font-size:11px;letter-spacing:.13em;text-transform:uppercase;opacity:.6}
#work .motion-copy h3{font-family:var(--display);text-transform:uppercase;font-weight:400;line-height:1.13;font-size:clamp(28px,2.8vw,43px);margin:19px 0 30px;max-width:19ch}
.motion-case-link{font-size:13px;border-bottom:1px solid currentColor;padding:12px 0;display:flex;gap:45px;align-items:center;color:inherit}
.motion-case-link span{font-size:25px;transition:transform .25s}.motion-case-link:hover span{transform:translate(3px,-3px)}
.motion-stat{display:flex;align-items:center;gap:20px}.motion-stat strong{font-family:var(--display);font-weight:400;font-size:58px;line-height:1}.motion-stat>span{font-size:13px;max-width:18ch;opacity:.65}
.motion-art{min-width:0;--accent:#c92c27}.motion-card:nth-child(even) .motion-art{--accent:#fc5149}.motion-card:nth-child(3) .motion-art{--accent:#fff}
.motion-art svg{display:block;width:100%;height:auto;margin:10px 0;color:inherit;overflow:visible}
.motion-art text{fill:currentColor;font:14px var(--sans);stroke:none}.motion-art text.micro{font-size:10px;letter-spacing:.08em}.motion-art text.center{text-anchor:middle}.motion-art text.big{font:56px var(--display)}.motion-art text.mid{font:32px var(--display)}
.motion-art .ink{fill:none;stroke:var(--accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.motion-art .track{fill:none;stroke:currentColor;opacity:.15;stroke-width:1}
.motion-art .node{fill:#f9f8f5;stroke:#c4c3bf;stroke-width:1}.motion-card:nth-child(even) .node{fill:#202020;stroke:#555}.motion-card:nth-child(3) .node{fill:#be2925;stroke:#ffffff80}
.motion-art .message{fill:#262626;stroke:#555;stroke-width:1}.motion-art .accent-fill{fill:var(--accent)}.motion-art text.light{fill:white}
.motion-art .delivered{fill:currentColor;opacity:.4}.motion-art .undelivered{fill:currentColor;opacity:.12}.motion-art .recovered{fill:var(--accent)}
.motion-art [data-pop]{transform-box:fill-box;transform-origin:center}
.motion-caption{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.02em;opacity:.65;gap:15px}.motion-replay{font:inherit;color:inherit;background:none;border:1px solid currentColor;border-radius:20px;padding:9px 14px;cursor:pointer;min-height:36px}.motion-replay:hover{opacity:.65}
body.work-in-view>.wa{opacity:0;pointer-events:none;visibility:hidden}
@media(min-width:801px) and (max-height:730px){#work .motion-card{top:100px;padding-top:18px;padding-bottom:18px}.motion-content{min-height:0;padding-top:16px}.motion-art svg{max-height:265px}.motion-stat strong{font-size:48px}.motion-top{padding-bottom:15px}}
@media(max-width:800px){#work .work-head{display:block;margin-bottom:35px}#work .work-head h2{font-size:clamp(54px,10vw,80px)}#work .filters{margin-top:25px}#work .motion-card{top:85px;padding:18px 22px;margin-bottom:30vh;border-radius:8px}.motion-content{grid-template-columns:1fr;gap:15px;min-height:0;padding-top:18px}.motion-copy{display:block}#work .motion-copy h3{font-size:27px;line-height:1.16;max-width:none;margin:10px 0}.motion-category{font-size:9px}.motion-case-link{width:max-content;padding:5px 0;gap:24px;font-size:12px}.motion-case-link span{font-size:20px}.motion-stat strong{font-size:40px}.motion-stat>span{font-size:11px;max-width:23ch}.motion-art svg{max-height:225px;margin:8px auto}.motion-top{font-size:10px;padding-bottom:14px}.motion-top span:last-child{font-size:8px}.motion-caption{font-size:9px}.motion-replay{min-height:36px;padding:7px 12px}#work .motion-rail{padding-bottom:0}}
@media(max-width:800px) and (max-height:700px){#work .motion-card{position:relative;top:auto;margin-bottom:35px}.motion-art svg{max-height:200px}}
@media(prefers-reduced-motion:reduce){#work .motion-card{position:relative;top:auto;transform:none!important;filter:none!important;margin-bottom:30px;will-change:auto}.motion-replay{display:none}}