/* The original field narrative, guided by native page scroll. */
.work-next .wk-story-reading{padding-top:var(--pn-section-gap);--wk-line:#e3ddd4;--wk-muted:#80786d}
.work-next .wk-reading-layout{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.2fr);gap:72px;align-items:start}
.work-next .wk-reading-chapters{min-width:0}
.work-next .wk-reading-chapter{min-height:calc(100svh - var(--wk-nav-height,96px) - 128px);display:flex;flex-direction:column;justify-content:center;padding-block:64px;scroll-margin-top:96px}
.work-next .wk-reading-chapter:last-child{padding-bottom:88px}
.work-next .wk-reading-chapter .pn-eyebrow{display:flex;align-items:center;gap:16px;font-size:11px;margin-bottom:24px;color:var(--wk-muted)}
.work-next .wk-reading-chapter .pn-eyebrow>span{font-variant-numeric:tabular-nums;color:#92928d}
.work-next .wk-reading-chapter h2{font-size:clamp(28px,2.7vw,40px);line-height:1.12;letter-spacing:-.04em;margin:0 0 24px;text-wrap:balance}
.work-next .wk-reading-chapter>p:not(.pn-eyebrow){font-size:16px;line-height:1.65;color:var(--pp-muted);margin:0;max-width:46ch}
.work-next .wk-reading-chapter>p+p:not(.pn-eyebrow){margin-top:16px}
.work-next .wk-reading-visual{position:sticky;top:calc(var(--wk-nav-height,96px) + 24px);margin-top:36px;min-width:0}
.work-next .wk-reading-stage{position:relative;background:#49382f url('./images/materials/walnut-mineral.webp') center/cover;border-radius:24px;overflow:hidden;height:min(650px,calc(100svh - var(--wk-nav-height,96px) - 128px));min-height:400px;display:flex;flex-direction:column}
.work-next .wk-reading-stage-head{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#e4d8ca;font-size:10px;line-height:1.4;padding:20px 24px;border-bottom:1px solid #ffffff20}
.work-next .wk-reading-stage-head>span:last-child{font-variant-numeric:tabular-nums;white-space:nowrap;color:#cbb8a2}
.work-next .wk-visual-panel{display:flex;flex-direction:column;min-height:0;flex:1;padding:24px 20px 18px}
.work-next .wk-visual-panel[hidden]{display:none!important}
.work-next .wk-visual-art{display:grid;place-items:center;flex:1;min-height:0}
.work-next .wk-visual-art>svg{display:block;width:100%;height:100%;max-height:500px;overflow:visible}
.work-next .wk-visual-art .icon-paper{fill:#fcfbf9;stroke:#ded7cc;stroke-width:1}
.work-next .wk-visual-art .icon-title{font:500 31px/1.25 'Instrument Sans',sans-serif;fill:#292724;letter-spacing:-.5px}
.work-next .wk-visual-art .icon-label{font:400 22px/1.4 'Instrument Sans',sans-serif;fill:#34302b;letter-spacing:-.3px}
.work-next .wk-visual-art .icon-small{font:400 18px/1.4 'Instrument Sans',sans-serif;fill:#74746e}
.work-next .wk-visual-art .icon-muted{fill:#85857e}
.work-next .wk-visual-art .icon-rule{stroke:#e5ded4;stroke-width:1.4}
.work-next .wk-visual-art [fill='#EDF2F6'],.work-next .wk-visual-art [fill='#EAF0F6']{fill:#e9e1d6}
.work-next .wk-visual-art [fill='#F8FAFC'],.work-next .wk-visual-art [fill='#F3F5F7']{fill:#f3efe9}
.work-next .wk-visual-art [stroke='#42637B'],.work-next .wk-visual-art [stroke='#7890A2']{stroke:#26231f}
.work-next .wk-visual-art [fill='#42637B']{fill:#26231f}
.work-next .wk-visual-art [fill='#56768D']{fill:#777b76}
.work-next .wk-visual-art [stroke='#E4EBF0'],.work-next .wk-visual-art [stroke='#DEE6EC'],.work-next .wk-visual-art [stroke='#DCE5EC']{stroke:#e2dacf}
.work-next .wk-visual-caption{font-size:10px;line-height:1.5;color:#dfcfbc;text-align:center;padding:16px 8px 0;margin:0}
.work-next .wk-reading-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}
.work-next .wk-reading-tabs button{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:7px;font-size:10px;line-height:1.4;background:none;border:0;border-top:1px solid var(--wk-line);padding:12px 0;color:#9b9388;text-align:left;min-height:54px;transition:color 180ms ease-out}
.work-next .wk-reading-tabs button>span{font-size:9px;font-variant-numeric:tabular-nums;color:#94948d}
.work-next .wk-reading-tabs button[aria-selected=true]{color:#282521}
.work-next .wk-reading-tabs button::before{content:'';position:absolute;top:-1px;left:0;right:0;height:1px;background:#514135;transform:scaleX(0);transform-origin:left}
.work-next .wk-reading-tabs button.is-complete::before{transform:scaleX(1)}
.work-next .wk-reading-tabs button[aria-selected=true]::before{transform:scaleX(var(--wk-progress,.12))}
.work-next .wk-reading-tabs button:focus-visible{outline:2px solid #adc8dc;outline-offset:4px;border-radius:3px}
@media(prefers-reduced-motion:no-preference){
 .work-next .wk-visual-panel.is-entering .wk-visual-art{animation:wk-reading-enter 400ms cubic-bezier(.2,.7,.3,1) both}
 .work-next .wk-visual-panel.is-entering .scene-anim{animation:none!important}
}
@keyframes wk-reading-enter{from{opacity:.35;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(min-width:761px) and (max-height:800px){
 .work-next .wk-reading-chapter h2{font-size:30px;margin-bottom:20px}
 .work-next .wk-reading-chapter>p:not(.pn-eyebrow){font-size:14px;line-height:1.6}
 .work-next .wk-reading-chapter .pn-eyebrow{margin-bottom:18px}
 .work-next .wk-reading-stage{min-height:340px}
 .work-next .wk-reading-stage-head{padding:15px 18px}
 .work-next .wk-visual-panel{padding:18px 16px 14px}
 .work-next .wk-reading-visual{top:calc(var(--wk-nav-height,96px) + 16px)}
}
@media(max-width:1100px){
 .work-next .wk-reading-layout{gap:40px;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
 .work-next .wk-reading-chapter h2{font-size:30px}
 .work-next .wk-reading-chapter>p:not(.pn-eyebrow){font-size:14px}
 .work-next .wk-reading-tabs{gap:10px}
 .work-next .wk-reading-tabs button{font-size:9px}
}
@media(max-width:760px){
 .work-next .wk-story-reading{padding-top:72px}
 .work-next .wk-reading-layout{display:flex;flex-direction:column;gap:0;align-items:stretch}
 .work-next .wk-reading-chapters{width:100%;min-width:0}
 .work-next .wk-reading-visual{display:none}
 .work-next .wk-reading-chapter{min-height:0;padding-block:0;scroll-margin-top:140px}
 .work-next .wk-reading-chapter+.wk-reading-chapter{padding-top:72px}
 .work-next .wk-reading-chapter:last-child{padding-bottom:0}
 .work-next .wk-reading-chapter h2{font-size:30px;max-width:22ch;margin-bottom:20px}
 .work-next .wk-reading-chapter>p:not(.pn-eyebrow){font-size:15px;line-height:1.65;max-width:none}
 .work-next .wk-reading-chapter .pn-eyebrow{margin-bottom:20px}
 .work-next .wk-mobile-scene{margin-top:28px;min-height:0;height:clamp(300px,95vw,380px);border-radius:18px}
 .work-next .wk-mobile-scene .wk-visual-panel{height:100%;padding:15px 14px}
 .work-next .wk-mobile-scene .wk-reading-stage-head{font-size:9px;padding:14px 16px}
 .work-next .wk-mobile-scene .wk-visual-art>svg{max-height:350px}
 .work-next .wk-mobile-scene .wk-visual-caption{font-size:9px;padding-top:12px}
 .work-next .wk-mobile-progress{position:sticky;top:var(--wk-nav-height,80px);z-index:10;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;background:#fff;padding-block:10px;margin-bottom:28px;width:100%}
 .work-next .wk-mobile-progress>a{height:30px;display:flex;align-items:center;justify-content:center;font-size:10px;border-top:1px solid var(--wk-line);color:#94948d;text-decoration:none;position:relative}
 .work-next .wk-mobile-progress>a[aria-current=step]{color:#292724;border-color:#66523e}
}
@media(min-width:761px){.work-next .wk-mobile-scene,.work-next .wk-mobile-progress{display:none}}
@media(prefers-reduced-motion:reduce){.work-next .wk-story-reading *{animation:none!important;transition:none!important}}

/* Both halves share one reading frame, so the prose is centred beside its scene. */
@media(min-width:761px){
 .work-next .wk-story-reading{--wk-stage-height:min(650px,calc(100svh - var(--wk-nav-height,96px) - 112px));--wk-pin-top:calc(var(--wk-nav-height,96px) + 20px)}
 .work-next .wk-reading-layout{min-height:calc(var(--wk-stage-height) + var(--wk-scroll-run,340svh));align-items:start}
 .work-next .wk-reading-chapters{position:sticky;top:var(--wk-pin-top);height:var(--wk-stage-height);display:grid;align-items:center}
 .work-next .wk-reading-chapter,.work-next .wk-reading-chapter:last-child{grid-area:1/1;min-height:0;padding:0;visibility:hidden;opacity:0;pointer-events:none;transition:opacity 180ms ease-out}
 .work-next .wk-reading-chapter.is-current{visibility:visible;opacity:1;pointer-events:auto}
 .work-next .wk-reading-visual{top:var(--wk-pin-top);margin-top:0}
 .work-next .wk-reading-stage{height:var(--wk-stage-height);min-height:0}
 .work-next .wk-reading-tabs{margin-top:14px;gap:14px}
 .work-next .wk-reading-tabs button{min-height:38px;padding-top:11px;font-size:10px;line-height:1.45}
 .work-next .wk-visual-art{container-type:size}
 .work-next .wm{width:min(100%,540px);font-size:clamp(10px,min(2.4cqw,2.6cqh),14px)}
 .work-next .wm .page.slide{aspect-ratio:2.05}
 .work-next .wm .page{padding:1.25em 1.4em}
 .work-next .wm .ann{gap:.6em}
 .work-next .wm .ann li{font-size:.82em;padding:.6em .8em}
 .work-next .wk-visual-caption{padding-top:12px;font-size:10px}
}
@media(min-width:761px) and (max-height:760px){
 .work-next .wk-reading-chapter h2{font-size:27px;line-height:1.12;margin-bottom:18px}
 .work-next .wk-reading-chapter>p:not(.pn-eyebrow){font-size:13px;line-height:1.55}
 .work-next .wk-reading-chapter>p+p:not(.pn-eyebrow){margin-top:12px}
 .work-next .wk-reading-chapter .pn-eyebrow{margin-bottom:16px}
 .work-next .wk-reading-stage-head{padding:13px 18px}
 .work-next .wk-visual-panel{padding:16px 18px 12px}
}
@media(max-width:760px){
 .work-next .wk-mobile-progress{display:none}
 .work-next .wk-mobile-scene{height:clamp(340px,108vw,430px)}
 .work-next .wk-mobile-scene .wk-visual-art{container-type:size}
 .work-next .wk-mobile-scene .wm{font-size:clamp(10px,min(2.9cqw,2.8cqh),13px)}
 .work-next .wk-mobile-scene .wm .page.slide{aspect-ratio:1.9}
 .work-next .wk-mobile-scene .wm .page{padding:1.2em 1.3em}
}
