@layer pages{.piece-page__inner>*+*{margin-top:var(--space-m)}.breadcrumb a{display:inline-flex;align-items:center;gap:var(--space-3xs);color:var(--ink-muted);font-size:var(--step--1);text-decoration:none}.breadcrumb a:hover{color:var(--accent)}.piece__lede{font-size:var(--step-1);color:var(--ink-muted)}.piece__facts{display:grid;grid-template-columns:auto 1fr;gap:var(--space-3xs) var(--space-s)}.piece__facts dt{font-weight:var(--weight-strong);color:var(--ink-strong)}.piece__shot{width:100%;height:auto;border:1px solid var(--rule);border-radius:var(--radius)}.piece__shot-figure{max-width:60rem}.piece__figure{display:grid;place-items:center;max-width:40rem;aspect-ratio:4 / 3;border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface-sunken);color:var(--action)}.piece__section>*+*{margin-top:var(--space-s)}.piece__section ul{padding-left:var(--space-m)}.piece__note{color:var(--ink-faint);font-size:var(--step--1)}.stage-row,.stage-row__aside{display:grid;gap:var(--space-m)}.stage{display:grid;gap:var(--space-s)}.stage__canvas{display:none;width:100%;aspect-ratio:4 / 3;border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface-sunken)}.stage[data-scene-state=live] .stage__canvas{display:block}.stage[data-scene-state=live] .stage__static{display:none}.stage__provenance{color:var(--ink-muted);font-size:var(--step--1)}.steps{display:grid;gap:var(--space-m);list-style:none}.step{padding-left:var(--space-s);border-left:3px solid var(--rule)}.step[aria-current=step]{border-left-color:var(--accent)}.step>*+*{margin-top:var(--space-2xs)}.stage[data-scene-state=live]~.stage-row__aside .step{cursor:pointer}.steps__controls{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-s)}.stage,.piece__shot-figure,.piece__figure{view-transition-name:piece}@media(width>=56.25rem){.stage-row{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:var(--space-l);align-items:start}.stage-row>.stage{position:sticky;top:calc(var(--header-offset) + var(--space-s))}.stage[data-scene-state=live]~.stage-row__aside .step{min-height:45vh}}@supports (animation-timeline: scroll()){.piece-page:before{content:"";position:fixed;inset:0 0 auto;z-index:var(--z-progress);height:3px;background:var(--gradient-accent);transform-origin:0 50%;animation:piece-progress linear both;animation-timeline:scroll(root)}@keyframes piece-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}}}