/* People and papers extend beyond a smaller backdrop. Text remains native HTML. */
.story-visual{margin-block:48px 64px;isolation:isolate}
.story-stage{position:relative;padding-top:24px;isolation:isolate}
.story-backdrop{position:absolute;inset:19% 5% 8%;background:#e4e7dd;border:1px solid #cdd1c3;transform:rotate(-1deg);z-index:-1}
.story-stage>img{width:100%;height:auto;mix-blend-mode:multiply;mask-image:linear-gradient(to bottom,#000 92%,transparent 100%)}
.scene-handoff .story-stage>img{mix-blend-mode:normal}
.scene-office .story-backdrop,.scene-decisions .story-backdrop,.scene-finished .story-backdrop{background:transparent;border:0}
.scene-office .story-stage>img{mask-image:linear-gradient(to bottom,#000 88%,transparent 100%)}
.scene-decisions .story-backdrop{inset:14% 8% 12%;transform:rotate(2deg)}
.scene-finished .story-backdrop{inset:20% 14% 6%;transform:rotate(1.5deg)}
.story-slip{position:relative;z-index:1;width:min(420px,75%);margin:-100px 0 0 auto;padding:24px 28px;background:#fcfcf9;border:1px solid var(--rule);box-shadow:0 12px 30px #171c1210;transform:rotate(1deg)}
.story-slip .eyebrow{font-size:10px;margin-bottom:10px}
.story-slip strong{display:block;font-family:var(--display);font-size:36px;font-weight:800;line-height:1.08;letter-spacing:-.02em}
.story-slip ul{list-style:none;padding:0;margin:16px 0 0;font-size:13px;line-height:1.5}
.story-slip li{padding:7px 0;border-top:1px solid var(--rule)}
.story-slip li::before{content:'↗';color:var(--green-ink);margin-right:10px}
.story-visual .image-caption{margin-top:22px}
.page-article .story-visual{margin-block:44px 52px}
.page-article .story-slip{width:68%;padding:20px 24px;margin-top:-50px}
.page-article .story-slip strong{font-size:30px}
.prose .story-slip p{margin:0 0 10px}.prose .story-slip ul{margin:16px 0 0;padding:0}.prose .story-slip li{margin:0}
.note-thumbnail{position:relative;isolation:isolate;margin-bottom:24px;aspect-ratio:3/2}
.note-thumbnail::before{content:'';position:absolute;inset:16% 5% 5%;background:#e4e7dd;z-index:-1;transform:rotate(-2deg)}
.note-thumbnail img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;mask-image:linear-gradient(#000 92%,transparent)}
.note-thumbnail.scene-handoff img{mix-blend-mode:normal}
.note-thumbnail.scene-decisions::before,.note-thumbnail.scene-finished::before{background:transparent}
@media(max-width:700px){.story-visual{margin-block:32px 48px}.story-stage{padding-top:12px}.story-slip,.page-article .story-slip{width:calc(100% - 20px);margin:-12px 0 0 auto;padding:20px;transform:rotate(.5deg)}.story-slip strong,.page-article .story-slip strong{font-size:30px}.story-slip .eyebrow{font-size:10px}.story-backdrop{inset:18% 4% 8%}.note-thumbnail{margin-bottom:20px}.story-visual .image-caption{font-size:12px}}