@font-face{font-family:Hand;src:url(../caveat.woff2) format('woff2');font-display:swap}
.paper-story{--story-red:var(--red,var(--accent,#a43725));--story-ink:var(--ink,#292c29);--story-rule:var(--line,var(--rule,#a9afa0));--story-muted:var(--muted,#52574e);font-family:Human,Interface,Arial,sans-serif;color:var(--story-ink);max-width:1050px;margin:0 auto}
.paper-story-stage{width:100%;max-width:850px;margin:0 auto;overflow:clip}
.paper-story-art{width:100%;height:auto;display:block;overflow:visible}
.paper-story-art path{fill:none;stroke:var(--story-ink);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.paper-story-art .story-ground{stroke:var(--story-rule);stroke-width:1}
.paper-story-art text{font:25px/1.1 Hand,cursive;fill:var(--story-ink)}
.paper-story-art text.story-red{fill:var(--story-red)}
.paper-story-art :is(.story-route,.story-contribution path){stroke:var(--story-red)}
.story-character{overflow:hidden;transition:opacity .3s}
.story-role,.story-thought,.story-capability,.story-receiving,.story-future,.story-envelope,.story-evidence,.story-routes,.story-contribution,.story-maker-offering,.story-recipient-reading{opacity:0;transition:opacity .3s}
.paper-story[data-story="other-harness"][data-scene="0"] .story-thought,
.paper-story[data-story="other-harness"][data-scene="1"] :is(.story-role,.story-capability,.story-contribution),
.paper-story[data-story="other-harness"][data-scene="2"] :is(.story-receiving,.story-maker-offering,.story-recipient-reading),
.paper-story[data-story="other-harness"][data-scene="3"] .story-future,
.paper-story[data-story="delegation-grade"][data-scene="0"] :is(.story-routes,.story-contribution),
.paper-story[data-story="delegation-grade"][data-scene="1"] :is(.story-envelope,.story-contribution),
.paper-story[data-story="delegation-grade"][data-scene="2"] :is(.story-evidence,.story-contribution),
.paper-story[data-story="delegation-grade"][data-scene="3"] :is(.story-receiving,.story-recipient-reading,.story-contribution){opacity:1}
.paper-story[data-story="other-harness"][data-scene="2"] :is(.story-maker-thinking,.story-recipient-listening),
.paper-story[data-story="delegation-grade"][data-scene="3"] .story-recipient-listening{opacity:0}
.paper-story.is-playing .story-route{stroke-dasharray:700;animation:story-route 2.8s cubic-bezier(.16,1,.3,1) both}
.paper-story.is-playing .story-envelope>path{stroke-dasharray:1100;animation:story-route 3s cubic-bezier(.16,1,.3,1) both}
.paper-story.is-playing[data-story="other-harness"][data-scene="2"] .story-maker-offering{transform-origin:185px 395px;animation:story-offer 1.8s cubic-bezier(.16,1,.3,1) both}
.paper-story.is-playing[data-scene="3"] .story-recipient-reading{transform-origin:535px 397px;animation:story-read 2s cubic-bezier(.16,1,.3,1) both}
@keyframes story-route{from{stroke-dashoffset:700}to{stroke-dashoffset:0}}
@keyframes story-offer{from{transform:translateX(-7px) rotate(-1.5deg)}to{transform:translateX(0) rotate(0)}}
@keyframes story-read{from{transform:translateY(-4px) rotate(.8deg)}to{transform:translateY(0) rotate(0)}}
.paper-story button{font-family:inherit;background:none;border:0;border-radius:0;color:inherit;cursor:pointer}
.paper-story button:hover,.paper-story a:hover{color:var(--story-red)}
.paper-story :is(button,a):focus-visible{outline:2px solid var(--story-red);outline-offset:4px}
.story-transport{display:flex;align-items:center;gap:25px;border-top:1px solid var(--story-rule);padding:7px 0}
.story-transport button,.story-pagination button{min-height:44px;font-size:13px;padding:10px 0}
.story-transport [data-story-play]{color:var(--story-red);min-width:155px;text-align:left}
.story-transport span{font-size:12px;line-height:1.4;color:var(--story-muted);margin-left:auto;text-align:right}
.story-scenes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--story-rule);margin:6px 0 24px;gap:20px}
.story-scenes button{font-size:13px;text-align:left;min-height:44px;line-height:1.4;padding:12px 0;border-top:1px solid transparent;margin-top:-1px;overflow-wrap:anywhere}
.story-scenes button[aria-current]{color:var(--story-red);border-color:var(--story-red)}
.story-caption{max-width:70ch}
.story-caption h3{font:400 34px/1.12 Hand,cursive;letter-spacing:0;text-wrap:balance;margin:0 0 14px}
.story-caption p{font-family:inherit;font-size:15px;line-height:1.7;margin:0 0 14px;max-width:65ch}
.story-reading-links{display:flex;flex-wrap:wrap;column-gap:24px;row-gap:0}
.story-caption a{font-family:inherit;font-size:13px;color:var(--story-red);display:inline-block;padding:10px 0;text-underline-offset:4px}
.story-pagination{display:flex;justify-content:space-between;gap:30px;margin:12px 0;border-top:1px solid var(--story-rule)}
.story-pagination button:disabled{opacity:.45;cursor:default}
.story-scope{font-family:inherit;font-size:11px!important;line-height:1.6;color:var(--story-muted);max-width:80ch;margin:14px 0 0!important}
.library-view-options{font:12px/1.5 Human,Arial,sans-serif;color:var(--red);margin:8px 0 0}
.library-paper-entry{display:flex;gap:22px;flex-wrap:wrap;margin:0 0 28px}
.library-paper-entry a{font:13px/1.5 Human,Arial,sans-serif;color:var(--red);text-underline-offset:4px}
#drawing-view{padding:0 0 30px}
.programme-position{font-family:Human,Arial,sans-serif;font-size:16px;line-height:1.6;max-width:76ch;margin:0 0 32px;padding:0 0 25px;border-bottom:1px solid var(--line)}
.programme-position strong{font-weight:500}.programme-position>p{margin:0 0 12px}.programme-position p:first-child{font-size:25px;line-height:1.25}.programme-position small{font-size:12px;color:var(--muted)}
@media(max-width:600px){.paper-story-art text{font-size:27px}.story-transport{gap:20px}.story-transport span{font-size:10px;max-width:110px;text-align:right}.story-scenes{gap:13px;margin-bottom:20px}.story-scenes button{font-size:12px}.story-caption h3{font-size:29px}.story-caption p{font-size:14px;line-height:1.65}.story-caption a{font-size:12px}.story-transport button,.story-pagination button{font-size:12px}.story-transport [data-story-play]{min-width:140px}.library-paper-entry{display:grid;gap:12px}.programme-position p:first-child{font-size:23px}}
@media(prefers-reduced-motion:reduce){.paper-story *{animation:none!important;transition:none!important}}
@media(min-width:901px){
 .paper-story{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);column-gap:50px;align-items:start}
 .paper-story-stage{grid-column:1;grid-row:1}
 .story-transport{grid-column:1;grid-row:2}
 .story-scenes{grid-column:1;grid-row:3;gap:15px;margin-bottom:0}
 .story-caption{grid-column:2;grid-row:1/4;align-self:center}
 .story-pagination,.story-scope{grid-column:1/-1}
}
/* Handwritten terracotta names connect the papers to their place in the maquette. */
.inquiry-keyword{font-family:Hand,cursive!important;color:var(--red,var(--accent,#a43725));font-style:normal;font-weight:400!important;letter-spacing:0!important}
.role-frame .harness-name{position:absolute;top:-82px;left:0;white-space:nowrap;font-size:42px;line-height:1.1}
.shelf-work strong.inquiry-keyword{font-size:28px;line-height:1.1}
#library-work-title.inquiry-keyword{font-size:42px}
@media(max-width:600px){.shelf-work strong.inquiry-keyword{font-size:23px}#library-work-title.inquiry-keyword{font-size:35px}}

@media(max-width:600px){.role-frame .harness-name{font-size:68px;top:-82px}}
body[data-context="organisation"] .role-frame .harness-name{display:none}
/* The owner asks for fragile, expressive line figures rather than realism. */
.paper-story-art .story-person-line{stroke-width:1.45}.paper-story-art .story-person-search{stroke-width:.65;opacity:.45}.story-character{overflow:visible}.paper-story-art{background:transparent}