/* Project page: museum label on the left, the story on the right. */
.workpage header{background:rgba(246,241,231,.94)}
.wk-home{display:none;text-decoration:none}
.wk{max-width:1240px;margin:0 auto;padding:clamp(110px,16vh,150px) var(--gut) clamp(60px,10vh,100px)}
.wk-back{font-size:10.5px;letter-spacing:.28em;text-transform:uppercase;text-decoration:none;color:var(--ink)}
.wk-back:hover{color:var(--muted)}
.wk-lab{font-size:10.5px;letter-spacing:.28em;text-transform:uppercase;color:var(--muted);margin:30px 0 0}
.wk h1{font-family:var(--display);font-weight:400;text-transform:uppercase;letter-spacing:.07em;font-size:clamp(38px,6.4vw,84px);line-height:1;margin:14px 0 10px}
.wk-sub{margin:0;color:var(--muted)}
.wk-hero{margin:clamp(30px,5vh,48px) 0 0;background:var(--paper);padding:clamp(18px,4vw,56px);box-shadow:0 30px 50px -40px rgba(31,58,43,.5)}
.wk-hero img{display:block;width:100%;max-height:72vh;object-fit:contain}
.wk-cols{display:grid;grid-template-columns:minmax(0,290px) minmax(0,1fr);gap:clamp(28px,5vw,80px);margin-top:clamp(48px,8vh,80px)}
.wk-aside{position:sticky;top:96px;align-self:start}
.wk-card{background:var(--paper);border:1px solid var(--line);padding:22px}
.wk-card p{margin:0 0 14px;font-size:14px;line-height:1.5}
.wk-card .k{font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);margin:0 0 4px}
.wk-tag{display:inline-block;margin-bottom:16px;padding:6px 10px;border:1px solid var(--ink);font-size:10px;letter-spacing:.2em;text-transform:uppercase}
.wk-grade{margin-top:18px;font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);line-height:1.7}
.wk-sec{padding:26px 0;border-top:1px solid var(--line)}
.wk-sec:first-child{border-top:0;padding-top:0}
.wk-sec>.k{font-size:10.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--muted);margin:0 0 8px}
.wk-sec p{margin:0;max-width:64ch}
.wk-idea{font-size:clamp(20px,2vw,25px);line-height:1.45}
.wk-sec ol{margin:6px 0 0;padding-left:20px}.wk-sec li{margin:7px 0;max-width:62ch}
.wk-num{font-size:clamp(18px,1.6vw,21px);line-height:1.55}
.wk-proc{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:18px;margin-top:10px}
.wk-proc div{border-top:1px solid var(--ink);padding-top:10px;font-size:14px;line-height:1.5}
.wk-proc b{display:block;font-weight:400;margin-bottom:4px}
.wk-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:12px}
.wk-grid figure{margin:0}.wk-grid .full{grid-column:1/-1}
.wk-grid button{all:unset;display:block;width:100%;cursor:zoom-in}
.wk-grid img{display:block;width:100%;box-shadow:0 18px 30px -24px rgba(31,58,43,.6)}
.wk-grid button:focus-visible{outline:2px solid var(--pink);outline-offset:4px}
.wk-grid figcaption{margin-top:8px;font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}
.wk-take{font-family:var(--ital);font-size:23px;line-height:1.5;font-size-adjust:.5;max-width:52ch}
.wk-src{font-size:12px;color:var(--muted);margin-top:40px}.wk-src a{color:var(--muted)}
.wk-next{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-top:clamp(60px,10vh,100px);padding-top:26px;border-top:1px solid var(--ink);text-decoration:none}
.wk-next span{font-size:10.5px;letter-spacing:.28em;text-transform:uppercase;color:var(--muted)}
.wk-next b{font-family:var(--display);font-weight:400;text-transform:uppercase;letter-spacing:.08em;font-size:clamp(24px,3vw,40px)}
.wk-next:hover b{color:var(--muted)}
.wk-empty{font-size:18px}
.wk-foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:28px var(--gut);border-top:1px solid var(--line);font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}
.wk-foot a{text-decoration:none}
#lb{border:0;padding:0;background:transparent;max-width:min(96vw,1400px);width:100%;color:var(--cream)}
#lb::backdrop{background:rgba(20,30,24,.9)}
#lb img{display:block;width:100%;height:auto}
.lb-bar{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.22em;text-transform:uppercase;padding:0 0 12px}
.lb-bar button{background:none;border:0;color:var(--cream);font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;margin-left:22px;padding:6px 0}
.lb-bar button:hover{color:var(--pink)}
@media (max-width:760px){
  .wk-cols{grid-template-columns:minmax(0,1fr)}.wk-aside{position:static}
  .wk-grid{grid-template-columns:minmax(0,1fr)}
  .workpage nav{display:none}.wk-home{display:block}
}

.workpage header{gap:28px}.workpage header nav{margin-left:auto}
.lang-sw{display:flex;gap:2px;font-size:10.5px;letter-spacing:.2em}
.lang-sw button{background:none;border:0;padding:6px;font:inherit;letter-spacing:inherit;color:var(--muted);cursor:pointer}
.lang-sw button[aria-pressed=true]{color:var(--ink);text-decoration:underline;text-decoration-color:var(--pink);text-underline-offset:5px}
@media (max-width:760px){.workpage .lang-sw{margin-left:auto}.workpage header{gap:14px}}
