/* Work pages (hub and case pages). Built by tools/build_work.py. */
.wk-head{padding-block:clamp(20px,3vw,36px) 0}
.wk-kicker{font:500 12px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}
.wk-head h1,.wk-block h2{color:#000;font-style:normal;font-weight:500}
.wk-head h1{font-size:28px;line-height:1.2;letter-spacing:-.03em;max-width:none;text-wrap:balance}
.wk-block h2{font-size:22px;line-height:1.25;letter-spacing:-.02em;margin-bottom:14px}
.wk-role{margin-top:12px;color:var(--muted);font-size:16px}
.wk-intro{margin-top:12px;color:var(--muted);font-size:17px;max-width:68ch}
.wk-head .btn-row{margin-top:22px;align-items:center;gap:12px 24px}
.wk-block{padding-top:clamp(24px,3vw,40px)}
.wk-end{padding-bottom:clamp(48px,6vw,88px)}
.wk-top{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start}
.wk-cover{border-radius:14px;overflow:hidden;background:#0d100f}
.wk-cover img{width:100%;height:auto}
.wk-metric{background:var(--surface);border-radius:var(--radius-card);padding:clamp(20px,2.4vw,30px)}
.wk-metric strong{display:block;font-size:clamp(34px,4vw,52px);font-weight:500;letter-spacing:-.04em;line-height:1.05;color:#000}
.wk-metric span{display:block;margin-top:10px;color:var(--muted);font-size:15px}
.wk-summary{margin-top:20px;font-size:18px;line-height:1.6;max-width:60ch}
.wk-list{padding-left:1.15em;max-width:70ch;display:grid;gap:8px}
.wk-text{max-width:70ch;display:grid;gap:14px}
.wk-chips{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.wk-chips li{padding:6px 14px;border-radius:var(--radius-pill);background:var(--surface);font-size:14px;line-height:1.4}
.wk-facts{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:10px 28px;max-width:70ch;margin:0}
.wk-facts dt{font:500 12px/1.9 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.wk-facts dd{margin:0;overflow-wrap:anywhere}
.wk-review{background:var(--surface);border-radius:var(--radius-card);padding:clamp(20px,2.4vw,30px);max-width:70ch}
.wk-review p{font-size:17px;line-height:1.65}
.wk-review footer{margin-top:14px;color:var(--muted);font-size:14px}
.wk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 28px}
.wk-card{display:flex;flex-direction:column;gap:10px;min-width:0}
.wk-card .wk-cover{transition:transform var(--t-move) var(--ease)}
.wk-card:hover .wk-cover{transform:translateY(-2px)}
.wk-card h3{font-size:17px;line-height:1.35;letter-spacing:-.01em;font-weight:500;color:#000}
.wk-card .wk-type{font:500 11px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.wk-card .wk-m{font-size:15px}
.wk-card .wk-m strong{font-weight:600}
.wk-card .wk-m span{color:var(--muted)}
.wk-card p.wk-s{font-size:14px;line-height:1.6;color:var(--muted);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
@media (min-width:1280px){.wk-head h1{white-space:nowrap}}
@media (max-width:900px){.wk-top{grid-template-columns:minmax(0,1fr)}.wk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.wk-grid{grid-template-columns:minmax(0,1fr)}.wk-head h1{font-size:24px}.wk-facts{grid-template-columns:minmax(0,1fr);gap:2px}.wk-facts dd{margin-bottom:10px}}