/* The moving surface carries no text: source type never scales during FLIP. */
#result.manifesto-storyboard { height:auto; min-height:var(--landing-scene,calc(100svh - var(--landing-header,72px))); padding-block:clamp(24px,3svh,40px); background:var(--milk); }
#result.manifesto-storyboard > .container { height:auto; }
#result.manifesto-storyboard .manifesto-spread { position:relative; height:auto; align-items:start; grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); gap:clamp(32px,4vw,64px); }
#result.manifesto-storyboard .manifesto-main { position:relative; min-width:0; z-index:1; }
#result .manifesto-opening { position:relative; z-index:1; }
#result.manifesto-storyboard h2 { font-size:clamp(32px,4.25vw,60px); line-height:1.08; letter-spacing:-.045em; }
#result.manifesto-storyboard .eyebrow { margin-bottom:16px; font-size:var(--fs-eyebrow); }
#result.manifesto-storyboard .manifesto-intro { margin-top:20px; font-size:clamp(16px,1.45vw,20px); line-height:1.5; max-width:none; }
#result.manifesto-storyboard .source-route { position:relative; margin-top:24px; border-top:1px solid var(--graphite-14); }
#result.manifesto-storyboard .source-route > summary { font-size:16px; padding-block:12px; }
#result.manifesto-storyboard .source-route dl { grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px 18px; padding-top:12px; padding-bottom:0; }
#result.manifesto-storyboard .source-route dt { font-size:18px; line-height:1.2; overflow-wrap:normal; hyphens:auto; }
#result.manifesto-storyboard .source-route dd { font-size:14px; line-height:1.45; margin-top:8px; }
#result.manifesto-storyboard .manifesto-outcome { position:relative; z-index:1; margin:0; padding:clamp(24px,2.5vw,36px); border-radius:var(--radius-lg); color:var(--milk); }
#result.manifesto-storyboard .manifesto-outcome .eyebrow,
#result.manifesto-storyboard .manifesto-outcome h3,
#result.manifesto-storyboard .manifesto-outcome > p,
#result.manifesto-storyboard .manifesto-outcome .example-link { color:var(--milk); }
#result.manifesto-storyboard .manifesto-outcome h3 { font-size:clamp(30px,3.5vw,50px); line-height:1.1; margin-bottom:20px; }
#result.manifesto-storyboard .manifesto-outcome > p:not(.eyebrow) { font-size:clamp(17px,1.6vw,22px); line-height:1.45; }
#result.manifesto-storyboard .example-link { margin-top:28px; font-size:18px; }
#result .manifesto-travel-panel { position:absolute; z-index:0; pointer-events:none; background:var(--burgundy); border-radius:var(--radius-lg); transform-origin:0 0; }
#result.manifesto-panel-left .manifesto-opening,
#result.manifesto-panel-left .manifesto-opening .eyebrow,
#result.manifesto-panel-left .manifesto-opening .manifesto-intro { color:var(--milk); }
#result .story-copy { position:relative; }
#result .story-copy-source { display:block; position:static; width:auto; height:auto; overflow:visible; clip-path:none; white-space:normal; padding-bottom:.2em; margin-bottom:-.2em; }
#result .story-copy-visual { display:none; position:absolute; inset:0; padding-bottom:.2em; pointer-events:none; }
#result .story-copy-typing > .story-copy-source,
#result .flow-typing > .story-copy-source { opacity:0; }
#result .story-copy-typing > .story-copy-visual,
#result .flow-typing > .story-copy-visual { display:block; }
#result .story-copy-caret { display:inline-block; vertical-align:-.06em; height:.9em; width:1px; margin-left:2px; background:currentColor; }
#result .story-copy-caret[hidden] { display:none; }
#result.story-flow { min-height:0; padding-block:48px; }
#result.story-flow .manifesto-outcome { background:var(--burgundy); }
#result.story-flow .manifesto-travel-panel { display:none; }
#result.story-flow .manifesto-spread { height:auto; }
@media(max-width:1100px) {
 #result.manifesto-storyboard .manifesto-spread { gap:32px; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); }
 #result.manifesto-storyboard .source-route dl { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 20px; }
 #result.manifesto-storyboard .source-route dt { font-size:17px; }
}
@media(max-width:699px) {
 #result.manifesto-storyboard { min-height:0; }
 #result.manifesto-storyboard .manifesto-spread { grid-template-columns:1fr; gap:32px; }
 #result.manifesto-storyboard h2 { font-size:clamp(30px,8vw,42px); }
 #result.manifesto-storyboard .manifesto-intro { font-size:17px; }
 #result.manifesto-storyboard .manifesto-outcome { padding:24px; }
 #result.manifesto-storyboard .source-route dl { grid-template-columns:repeat(2,minmax(0,1fr)); }
 #result.manifesto-storyboard .source-route dd { font-size:14px; }
}
@media(prefers-reduced-motion:reduce) { #result .manifesto-travel-panel { display:none; } #result.manifesto-storyboard .manifesto-outcome { background:var(--burgundy); } }
.motion-off #result .manifesto-travel-panel { display:none; }
.motion-off #result.manifesto-storyboard .manifesto-outcome { background:var(--burgundy); }
@media print { #result .manifesto-travel-panel { display:none; } #result.manifesto-storyboard { min-height:0; } #result.manifesto-storyboard .manifesto-outcome { background:var(--burgundy); print-color-adjust:exact; } }

/* Two foregrounds keep every glyph legible while the surface travels. */
#result .manifesto-milk-copy { position:absolute;z-index:2;pointer-events:none;color:var(--milk); }
#result .manifesto-milk-copy .eyebrow,
#result .manifesto-milk-copy h2,
#result .manifesto-milk-copy .manifesto-intro { color:var(--milk); }
#result .manifesto-milk-copy .story-copy-source { opacity:1; }
#result.story-flow .manifesto-milk-copy { display:none; }

/* Two editorial stories: a mission travels; its evidence forms a report. */
.scenario-editorial { background:var(--milk); padding-block:clamp(48px,6vw,88px); overflow:clip; }
.scenario-editorial.story-held { padding-block:24px; }
.scenario-heading .eyebrow { margin-bottom:16px; }
.scenario-editorial h2 { margin-bottom:var(--space-5); }
.scenario-intro { max-width:650px; }
.scenario-missions .scenario-heading { display:grid; grid-template-columns:1.2fr 1fr; gap:0 64px; align-items:start; }
.scenario-heading .eyebrow { grid-column:1 / -1; }
.scenario-stage { position:relative; margin-block:32px; }
.scenario-missions .scenario-sequence { position:relative; display:grid; grid-template-columns:1fr 1fr 1fr; gap:40px; min-height:330px; align-items:start; }
.mission-photo { position:relative; width:100%; height:160px; margin-top:24px; overflow:hidden; border-radius:var(--radius-lg); }
.mission-photo img { width:100%; height:100%; object-fit:cover; }
.mission-thread { position:absolute; left:26px; right:26px; top:0; height:52px; color:var(--burgundy); pointer-events:none; }
.mission-thread svg { width:100%; height:100%; }
.scenario-beat { position:relative; }
.scenario-symbol { display:grid; place-items:center; width:52px; height:52px; color:var(--burgundy); background:var(--milk); margin-bottom:16px; }
.scenario-symbol svg { width:44px; height:44px; }
.scenario-beat h3 { margin-bottom:12px; }
.scenario-missions .scenario-beat-2 { margin-top:0; }
.scenario-missions .scenario-beat-3 { margin-top:0; }
.scenario-summary { color:var(--burgundy); max-width:880px; }
.scenario-report > .container { display:grid; grid-template-columns:1fr 1.1fr; gap:32px 64px; align-items:start; }
.scenario-report .scenario-heading { max-width:600px; }
.scenario-report .scenario-summary { grid-column:1; max-width:520px; }
.report-assembly { position:relative; grid-column:2; grid-row:1 / 3; padding:20px 0 20px 20px; }
.report-spine { position:absolute; left:0; top:0; bottom:0; width:1px; background:var(--burgundy); transform-origin:top; }
.scenario-report .scenario-sequence { display:grid; gap:16px; }
.scenario-report .scenario-beat { display:grid; grid-template-columns:48px 1fr; gap:16px; padding:24px; border-radius:var(--radius-lg); background:var(--white); box-shadow:var(--lift); }
.scenario-report .scenario-symbol { width:44px; height:44px; margin:0; background:transparent; }
.scenario-report .scenario-symbol svg { width:36px; height:36px; }
.scenario-report .scenario-beat-2 { margin-left:20px; }
.scenario-report .scenario-beat-3 { margin-left:40px; background:var(--burgundy); color:var(--milk); }
.scenario-report .scenario-beat-3 h3,.scenario-report .scenario-beat-3 .scenario-symbol { color:var(--milk); }
@media(max-width:900px) {
 .scenario-missions .scenario-heading { gap:0 32px; }
 .scenario-report > .container { gap:24px; }
 .scenario-report .scenario-beat { padding:20px; gap:12px; }
}
@media(max-width:699px) {
 .scenario-missions .scenario-heading,.scenario-report > .container { display:block; }
 .scenario-missions .scenario-sequence { display:block; min-height:0; padding-left:24px; border-left:1px solid var(--burgundy); }
 .scenario-missions .scenario-beat { margin:0 0 28px; }
 .scenario-symbol { margin-bottom:12px; }
 .mission-thread { display:none; }
 .mission-photo { position:relative; width:100%; height:190px; margin-bottom:24px; }
 .scenario-report .scenario-heading { margin-bottom:28px; }
 .report-assembly { margin-bottom:28px; padding-left:12px; }
 .scenario-report .scenario-beat-2 { margin-left:8px; }
 .scenario-report .scenario-beat-3 { margin-left:16px; }
 .scenario-report .scenario-beat { grid-template-columns:32px 1fr; padding:20px 16px; }
 .scenario-report .scenario-symbol,.scenario-report .scenario-symbol svg { width:30px; height:30px; }
}
