.scene-shell{margin-top:14px}.scene{position:relative;isolation:isolate;width:min(1280px,100%);height:424px;margin:auto}.scene *{animation:none!important}.opening-house,.opening-tree,.opening-car{position:absolute;bottom:44px;opacity:0}.opening-house{left:13%;width:88px}.opening-tree{left:29%;width:96px}.opening-car{left:20%;width:60px;bottom:43px}.research-canvas{position:absolute;inset:10px 3% auto;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;align-items:start}.idea{position:relative;margin:0;min-width:0;opacity:0;z-index:2}.idea svg{display:block;width:100%;height:auto;overflow:visible;color:var(--ink)}.idea svg text{font-family:'Caveat',cursive;font-size:16px;fill:currentColor}.idea svg .tiny{font-family:ui-monospace,monospace;font-size:10px}.idea svg .faint{opacity:.27}.idea svg .accent{stroke:var(--accent);color:var(--accent)}.idea figcaption{text-align:center;font:21px/1.2 'Caveat',cursive;white-space:nowrap;margin-top:3px}.idea figcaption small{display:block;color:var(--muted);font:14px/1.5 'Caveat',cursive;margin-top:4px}.idea svg .ink{fill:none;stroke:var(--ink);stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round}.idea svg .gold{fill:none;stroke:var(--accent);stroke-width:1.4;stroke-linecap:round}.idea svg .blue{fill:none;stroke:var(--blue);stroke-width:1.1}.idea svg .entity{fill:var(--paper);stroke:var(--ink);stroke-width:1.3}.idea svg .focus{fill:#dec47777;stroke:var(--accent);stroke-width:1}.idea svg .obsolete{fill:none;stroke:#99756a;stroke-width:1;stroke-dasharray:3 4}.idea svg .trail{fill:none;stroke:#9a763088;stroke-width:1;stroke-dasharray:3 4}.knowledge-thread{position:absolute;left:6%;right:5%;height:1px;bottom:-14px;background:linear-gradient(90deg,#a8925844,#a89258aa);transform:scaleX(0);transform-origin:left;z-index:0}.knowledge-thread::after{content:'';position:absolute;right:0;top:-2px;width:5px;height:5px;border-radius:50%;background:var(--accent)}
.journey-thought{position:absolute;left:50%;bottom:139px;width:min(650px,85%);transform:translateX(-50%);text-align:center;z-index:6}.journey-thought p{font:26px/1.3 'Caveat',cursive;margin:0;color:#3d443b}.thought-tail{position:absolute;left:var(--speaker,10%);top:calc(100% + 9px);height:19px;border-left:1px dashed #a6a99b;transform:rotate(-15deg)}.scene-ground{position:absolute;bottom:53px;left:0;right:0;border-top:1.5px solid var(--ink);transform:rotate(-.15deg);border-radius:35% 60% 0 0 / 8px 12px 0 0;z-index:3}.journey-ink{position:absolute;left:0;bottom:53px;height:2px;background:#a89258;z-index:8;transform:rotate(-.15deg);transform-origin:left}.journey-ink::after{content:'';position:absolute;right:0;top:-2px;width:5px;height:5px;border-radius:50%;background:#a89258}.observer-actor{position:absolute;left:3%;bottom:37px;width:76px;height:114px;z-index:9}.walker-pose{position:relative;width:100%;height:100%;transform-origin:35% 82%}.observer-body,.observer-leg{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:normal}.observer-body{clip-path:inset(0 0 28.5% 0)}.leg-back{clip-path:polygon(0 70%,35.3% 70%,39% 100%,0 100%);transform-origin:30% 71%}.leg-front{clip-path:polygon(35.3% 70%,100% 70%,100% 100%,39% 100%);transform-origin:41% 71%}.curious-spark{display:none}.story-timeline{position:absolute;left:4%;right:4%;bottom:4px;height:35px;display:flex;justify-content:space-between;align-items:center;z-index:10}.story-timeline button{padding:4px 7px;border:0;background:var(--paper);font:24px/1.15 'Caveat',cursive;color:var(--muted);opacity:.42;transform:rotate(-3deg);transition:color .2s,opacity .2s}.story-timeline button:nth-child(2n){transform:rotate(2deg)}.story-timeline button[aria-pressed=true]{opacity:1;color:var(--accent)}.story-timeline button.is-complete{opacity:.8;color:var(--ink)}.story-timeline button:hover{opacity:1}.story-footer{padding-top:0}.story-detail{display:flex;justify-content:space-between;gap:24px;margin-top:14px;min-height:62px}.story-detail #story-description{display:block;font:20px/1.3 'Caveat',cursive;color:#62695d}.story-source{display:block;font-size:12px;color:var(--muted);line-height:1.8;margin-top:6px}.story-controls{display:flex;gap:18px;align-self:start}.story-controls button{padding:6px 0;background:none;border:0;border-bottom:1px solid var(--line);font-size:12px;min-width:36px}.story-controls button:hover{color:var(--blue)}
@media(max-width:1000px){.scene{height:424px}.research-canvas{gap:4px;inset-inline:2%}.idea figcaption{font-size:18px}.idea figcaption small{font-size:13px}.journey-thought p{font-size:25px}.observer-actor{width:68px;height:102px;bottom:39px}}
@media(max-width:650px){.scene{height:620px}.research-canvas{inset:0 4% auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px 12px}.idea svg{max-height:96px}.idea figcaption{font-size:17px;white-space:normal;min-height:23px}.idea figcaption small{font-size:12px;line-height:1.3;margin-top:3px}.knowledge-thread{bottom:-12px;left:2%;right:2%}.journey-thought{bottom:142px;width:89%}.journey-thought p{font-size:23px;line-height:1.25}.thought-tail{height:16px}.observer-actor{width:57px;height:86px;bottom:41px}.opening-house{width:62px;bottom:47px;left:12%}.opening-tree{width:76px;bottom:43px;left:48%}.opening-car{width:46px;bottom:44px;left:32%}.story-timeline{left:1%;right:1%;height:32px;bottom:5px}.story-timeline button{font:clamp(17px,4.7vw,20px)/1.1 'Caveat',cursive;padding:4px}.story-detail{gap:13px;min-height:92px}.story-detail #story-description{font-size:19px}.story-source{font-size:11px}.story-controls{flex-direction:column;gap:12px}.story-controls button{font-size:11px;padding:3px 0}.research{padding-top:58px}}
@media(prefers-reduced-motion:reduce){.story-timeline button{transition:none}}
.journey-thought p{white-space:pre-line}

/* Two connected scales: research notes above, the conceptual journey below. */
.scene{height:585px}.research-canvas{grid-template-columns:1.25fr 1fr 1fr 1fr 1.4fr;gap:21px;inset:10px 4% auto}.idea figcaption{font-size:21px;white-space:normal}.idea-time figcaption small{font-size:13px;line-height:1.3}.idea-world svg{height:auto}.journey-thought{bottom:281px}.concept-journey{position:absolute;left:2%;width:96%;height:200px;bottom:57px;overflow:visible;color:var(--ink);z-index:2}.concept-journey text{font:19px 'Caveat',cursive;fill:#666b5f}.concept-journey .ink,.concept-journey .entity{fill:none;stroke:var(--ink);stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.concept-journey .gold{fill:none;stroke:var(--accent);stroke-width:1.6;stroke-linecap:round}.concept-journey .blue{fill:none;stroke:var(--blue);stroke-width:1.1}.concept-journey .trail{fill:none;stroke:#a8925888;stroke-width:1;stroke-dasharray:3 5}.concept-journey .focus{fill:#dec477aa;stroke:var(--accent);stroke-width:1}.opening-house,.opening-tree,.opening-car{display:none}.observer-actor{z-index:9}.journey-thought p{font-size:25px}
@media(max-width:1000px) and (min-width:651px){.scene{height:550px}.research-canvas{gap:8px}.idea figcaption{font-size:18px}.idea figcaption small{font-size:12px}.journey-thought{bottom:258px}.concept-journey{height:180px}}
@media(max-width:650px){.scene{height:795px}.research-canvas{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 12px;inset:0 4% auto}.idea-world{grid-column:span 2}.idea-world svg{max-height:117px}.idea svg{max-height:100px}.idea figcaption{font-size:17px}.idea figcaption small,.idea-time figcaption small{font-size:12px}.journey-thought{bottom:302px;width:91%}.journey-thought p{font-size:22px}.concept-journey{bottom:106px;height:180px;width:240%;left:calc(50% - var(--stage-focus,10%));transition:left 1s ease}.scene{overflow:hidden}.story-timeline{z-index:12}.observer-actor{bottom:41px}}
@media(prefers-reduced-motion:reduce){.concept-journey{transition:none}}

/* A single garden persists through all four stages; no separate conceptual stations. */
.scene{height:650px}.concept-journey{left:4%;width:92%;height:280px;bottom:61px;transition:none}.journey-thought{bottom:359px}.concept-journey text{font:18px 'Caveat',cursive;fill:#515c50;paint-order:stroke;stroke:var(--paper);stroke-width:5px;stroke-linejoin:round}.concept-journey image{overflow:visible}.concept-journey .entity{fill:var(--paper)}.research-canvas{grid-template-columns:1.25fr 1.15fr 1fr 1.1fr 1.3fr;gap:17px}.idea figcaption{font-size:20px}.idea svg{height:145px}.idea svg text{font-size:16px}.idea-grid figcaption small{margin-top:4px}.idea-time figcaption small{line-height:1.3}
@media(max-width:1000px) and (min-width:651px){.scene{height:650px}.concept-journey{height:260px;bottom:63px}.journey-thought{bottom:349px}.idea svg{height:125px}.research-canvas{gap:8px}}
@media(max-width:650px){.scene{height:805px}.research-canvas{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 10px}.idea svg{height:auto;max-height:113px}.idea-world svg{height:110px}.idea figcaption{font-size:17px}.idea-world{grid-column:span 2}.concept-journey{left:-2%;width:104%;height:245px;bottom:68px;transition:none}.concept-journey text{font-size:23px;stroke-width:6px}.journey-thought{bottom:326px}.journey-thought p{font-size:22px}.concept-journey{overflow:visible}}

.scene-ground,.journey-ink{bottom:126px}.observer-actor{bottom:110px}.story-timeline{bottom:12px}
@media(max-width:650px){.concept-journey .detail-label{display:none}.concept-journey .core-label{font-size:29px}.scene-ground,.journey-ink{bottom:142px}.observer-actor{bottom:130px}.story-timeline{bottom:54px}}

/* One synchronized research vignette and its papers, fading together in a single row. */
.scene{height:635px}.research-canvas{inset:6px auto auto 50%;transform:translateX(-50%);width:min(760px,88%);height:188px;display:grid;grid-template-columns:1fr;gap:0}.research-canvas .idea{grid-area:1/1;display:grid;grid-template-columns:230px minmax(0,1fr);gap:42px;align-items:center;width:100%;margin:0;transform:none}.research-canvas .idea svg{width:230px;height:165px;max-height:none}.research-canvas .idea figcaption{text-align:left;white-space:normal;margin:0;font:22px/1.2 'Caveat',cursive}.idea figcaption strong{font-weight:500;display:block;font-size:27px;margin-bottom:7px}.paper-context{display:block;font:15px/1.45 'DM Sans',sans-serif;color:var(--ink);max-width:440px}.related-papers{display:flex;flex-wrap:wrap;gap:5px 14px;margin-top:10px;font:13px/1.5 'DM Sans',sans-serif;color:var(--muted)}.related-papers a{text-decoration:none;border-bottom:1px solid var(--line);color:var(--muted)}.related-papers a:hover{color:var(--ink)}.related-papers span{display:block;flex-basis:100%;font-size:12px}.story-footer{display:flex;justify-content:flex-end;min-height:25px;padding-top:0}.story-controls{flex-direction:row;gap:18px}.story-controls button{padding:4px 0}.journey-thought{bottom:345px}
@media(max-width:1000px) and (min-width:651px){.scene{height:620px}.research-canvas{width:82%}.research-canvas .idea{grid-template-columns:190px minmax(0,1fr);gap:26px}.research-canvas .idea svg{width:190px;height:165px}.journey-thought{bottom:340px}}
@media(max-width:650px){.scene{height:605px}.research-canvas{width:92%;height:166px;inset:0 auto auto 50%}.research-canvas .idea{grid-template-columns:115px minmax(0,1fr);gap:16px;align-items:center}.research-canvas .idea svg{width:115px;height:128px;max-height:none}.research-canvas .idea figcaption strong{font-size:22px;margin-bottom:5px}.paper-context{font-size:12px;line-height:1.4}.related-papers{font-size:11px;gap:3px 9px;margin-top:7px}.related-papers span{font-size:11px}.journey-thought{bottom:306px}.journey-thought p{font-size:21px}.story-footer{margin-top:-14px}.story-controls button{font-size:12px}.research{padding-top:45px}}

/* Scene first; its research companion belongs below the chapter line. */
.scene{height:630px}.journey-thought{top:18px;bottom:auto}.concept-journey{top:96px;bottom:auto}.scene-ground,.journey-ink{top:310px;bottom:auto}.observer-actor{bottom:304px}.story-timeline{top:363px;bottom:auto}.research-canvas{top:424px;bottom:auto;height:180px}.story-footer{padding-top:0}.observer-gaze{width:100%;height:100%;transform-origin:50% 85%}.observer-body{transform-origin:35% 71%}.world-question{position:absolute;top:165px;left:80%;width:180px;text-align:center;font:24px/1.2 'Caveat',cursive;opacity:0;z-index:11}.world-question::after{content:'';position:absolute;left:55%;top:31px;height:22px;border-left:1px dashed #aaa995;transform:rotate(-14deg)}
@media(max-width:1000px) and (min-width:651px){.scene{height:620px}.concept-journey{top:103px}.journey-thought{top:18px;bottom:auto}.scene-ground,.journey-ink{top:310px}.observer-actor{bottom:296px}.story-timeline{top:355px}.research-canvas{top:414px}.world-question{left:78%;width:160px}}
@media(max-width:650px){.scene{height:580px}.journey-thought{top:14px;bottom:auto}.concept-journey{top:106px;bottom:auto;height:245px}.scene-ground,.journey-ink{top:278px;bottom:auto}.observer-actor{bottom:290px}.story-timeline{top:328px;bottom:auto}.research-canvas{top:390px;height:170px;bottom:auto}.story-footer{margin-top:0}.world-question{left:72%;top:190px;width:100px;font-size:19px}.world-question::after{height:12px;top:24px}.journey-thought p{font-size:21px}}
@media(max-width:650px){.world-question{left:64%;top:161px;width:126px;font-size:17px;white-space:nowrap}.world-question::after{left:75%;top:23px}}

/* Faster narrative, quieter vertical rhythm, and stable shared text baselines. */
.scene-shell{margin-top:29px}.scene{height:698px}.observer-actor{bottom:372px}.story-timeline{top:383px;left:8%;right:8%}.research-canvas{top:474px;width:min(1080px,calc(100% - 88px));height:184px}.research-canvas .idea{grid-template-columns:35% minmax(0,1fr);gap:60px;align-items:start}.research-canvas .idea svg{width:220px;height:166px;justify-self:center;align-self:start}.research-canvas .idea figcaption{display:grid;grid-template-rows:40px 48px auto;align-content:start;padding-top:5px;min-height:166px}.idea figcaption strong{font-size:27px;line-height:34px;margin:0}.paper-context{font-size:15px;line-height:1.5;max-width:570px}.related-papers{margin-top:6px;align-content:start;align-items:baseline;gap:5px 15px}.related-papers a,.related-papers span{font-size:13px;line-height:1.6}.story-footer{min-height:22px}.scene-ground{border-top-color:#55564d}.journey-ink{height:1.5px}
@media(max-width:1000px) and (min-width:651px){.scene{height:698px}.observer-actor{bottom:374px}.story-timeline{top:380px}.research-canvas{top:474px;width:calc(100% - 56px)}.research-canvas .idea{grid-template-columns:32% minmax(0,1fr);gap:35px}.research-canvas .idea svg{width:190px;height:166px}.research-canvas .idea figcaption{grid-template-rows:40px 68px auto}}
@media(max-width:650px){.scene-shell{margin-top:27px}.scene{height:656px}.observer-actor{bottom:366px}.story-timeline{top:348px;left:5%;right:5%}.research-canvas{top:422px;width:calc(100% - 40px);height:211px}.research-canvas .idea{grid-template-columns:105px minmax(0,1fr);gap:19px}.research-canvas .idea svg{width:105px;height:142px;margin-top:14px}.research-canvas .idea figcaption{padding-top:0;grid-template-rows:49px 61px auto;min-height:192px}.research-canvas .idea figcaption strong{font-size:23px;line-height:1.1;margin:0}.paper-context{font-size:13px;line-height:1.4}.related-papers{margin-top:8px;font-size:12px;gap:3px 10px}.related-papers a,.related-papers span{font-size:12px;line-height:1.45}.story-footer{margin-top:0}.story-controls button{font-size:12px}}
@media(max-width:360px){.scene{height:687px}.observer-actor{bottom:397px}.research-canvas .idea{grid-template-columns:88px minmax(0,1fr);gap:14px}.research-canvas .idea svg{width:88px}.research-canvas .idea figcaption{grid-template-rows:49px 79px auto}.research-canvas{height:240px}}
/* Follow the SVG's actual ground height as its viewBox scales. */
.scene-ground,.journey-ink{top:calc(236px + min(74px,6.808vw))}.observer-actor{top:calc(138px + min(74px,6.808vw));bottom:auto}
@media(max-width:1000px) and (min-width:651px){.scene-ground,.journey-ink{top:calc(233px + 6.808vw)}.observer-actor{top:calc(145px + 6.808vw);bottom:auto}}
@media(max-width:650px){.scene-ground,.journey-ink{top:calc(228.5px + 9.2723vw)}.observer-actor{top:calc(154.5px + 9.2723vw);bottom:auto}}

/* The final chapter names the ambition; keep its full name readable on small screens. */
.world-question{left:78%;width:220px;font-size:23px}.world-question::after{left:64%}.journey-thought{width:min(800px,90%)}
@media(max-width:650px){.world-question{left:57%;width:155px;top:129px;font-size:16px;white-space:normal}.world-question::after{left:78%;top:25px}.journey-thought{width:92%}.story-timeline{height:48px;align-items:flex-start}.story-timeline button{font-size:clamp(16px,4.5vw,19px);padding:2px;line-height:1.05}.research-canvas{top:435px}.scene{height:669px}}
@media(max-width:360px){.scene{height:700px}.world-question{left:54%;width:140px;font-size:16px}}

/* Research philosophy above; concrete contributions beside each paper below. */
.related-papers .paper-insight{font-size:14px;line-height:1.5;max-width:570px;color:var(--muted)}
@media(max-width:650px){.scene{height:720px}.research-canvas{height:265px}.related-papers .paper-insight{font-size:14px;line-height:1.5;margin-top:3px}}
@media(max-width:360px){.scene{height:780px}.research-canvas{height:325px}}

/* Stage bibliographies share one quiet row with their animated research vignette. */
.scene{height:800px}.research-canvas{height:288px}.research-canvas .idea{row-gap:12px}
.stage-methods{grid-column:2;display:grid;grid-template-columns:1fr;gap:5px;font:13px/1.6 'DM Sans',sans-serif;color:var(--muted);text-align:left}
.methods-label{font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:#8a887e}
.method-links{display:flex;flex-wrap:wrap;gap:3px 14px;align-items:baseline}.method-links a,.method-links span{display:inline-block;white-space:nowrap}.method-links a{color:inherit;text-decoration:none;border-bottom:1px solid var(--line)}.method-links a:hover{color:var(--ink);border-color:var(--accent)}.method-links a:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
@media(max-width:1000px) and (min-width:651px){.scene{height:824px}.research-canvas{height:310px}}
@media(max-width:650px){.scene{height:825px}.research-canvas{height:370px}.research-canvas .idea{row-gap:18px}.stage-methods{grid-column:1/-1;font-size:12px;line-height:1.65}.method-links{gap:4px 13px}.methods-label{font-size:12px}.research-canvas .idea figcaption{min-height:230px}}
@media(max-width:360px){.scene{height:875px}.research-canvas{height:420px}.research-canvas .idea figcaption{min-height:264px}}

/* A closer dialogue between the continuous world and the research beneath it. */
.scene-shell{margin-top:14px}
.scene{height:630px}
.journey-thought{top:10px;width:min(860px,92%)}
.concept-journey{top:84px;height:260px}
.scene-ground,.journey-ink{top:calc(214px + min(68.714px,6.808vw))}
.observer-actor{top:calc(116px + min(68.714px,6.808vw))}
.world-question{top:147px}
.story-timeline{top:326px}
.research-canvas{top:394px;height:244px}
.research-canvas .idea{grid-template-columns:35% minmax(0,1fr);gap:10px 48px}
.research-canvas .idea figcaption{grid-template-rows:auto auto auto;gap:7px;min-height:0;padding-top:0}
.research-canvas .idea svg{grid-row:1 / span 2;align-self:center}
.related-papers{margin-top:0}
.stage-methods{grid-column:2;align-self:start}
@media(max-width:1000px) and (min-width:651px){
 .scene{height:655px}.observer-actor{top:calc(126px + min(68.714px,6.808vw))}
 .research-canvas .idea{grid-template-columns:32% minmax(0,1fr);column-gap:30px}
}
@media(max-width:650px){
 .scene-shell{margin-top:14px}.scene{height:650px}
 .journey-thought{top:8px}.concept-journey{top:96px;height:205px}
 .scene-ground,.journey-ink{top:calc(198.5px + 9.2723vw)}
 .observer-actor{top:calc(124.5px + 9.2723vw)}
 .world-question{top:120px}.story-timeline{top:278px}
 .research-canvas{top:340px;height:320px}
 .research-canvas .idea{grid-template-columns:105px minmax(0,1fr);gap:15px 17px}
 .research-canvas .idea svg{grid-row:1;align-self:start;margin-top:10px}
 .research-canvas .idea figcaption{min-height:0;gap:8px;grid-template-rows:auto auto auto}
 .stage-methods{grid-column:1 / -1}
}
@media(max-width:360px){
 .scene{height:720px}.research-canvas{height:370px}
 .research-canvas .idea{grid-template-columns:88px minmax(0,1fr);column-gap:14px}
}

/* One paper canvas holds the world, chapter line and changing research notes. */
.scene-shell{container-type:inline-size;width:min(1200px,calc(100% - 56px));margin:23px auto 0;padding:24px 0 17px;border:1px solid #dcded6;border-radius:24px;background:var(--paper);box-shadow:0 7px 30px #303c3010;overflow:hidden}
.scene-shell .scene{width:100%}
.scene-shell .story-footer{width:calc(100% - 64px);min-height:25px}
.scene-ground,.journey-ink{top:calc(214px + min(68.714px,6.808cqw))}
.observer-actor{top:calc(116px + min(68.714px,6.808cqw))}
@media(max-width:1000px) and (min-width:651px){.observer-actor{top:calc(126px + min(68.714px,6.808cqw))}}
@media(max-width:650px){
 .scene-shell{width:calc(100% - 24px);margin-top:20px;padding:19px 0 13px;border-radius:18px;box-shadow:0 5px 22px #303c300a}
 .scene-shell .story-footer{width:calc(100% - 36px)}
 .scene-ground,.journey-ink{top:calc(198.5px + 9.2723cqw)}
 .observer-actor{top:calc(124.5px + 9.2723cqw)}
 .research-canvas{width:calc(100% - 32px)}
}
/* Imagination and interaction complete the world-model horizon. */
.world-question{top:120px;white-space:pre-line;line-height:1.2}
.world-question::after{top:calc(100% + 5px)}
@media(max-width:650px){.world-question{top:100px}}

/* Scale the complete drawing together so its geometry and timing stay coherent. */
@media(min-width:651px){.scene-shell{zoom:.9;width:min(1200px,calc((100vw - 56px)/.9));margin-top:20px;padding-top:20px;padding-bottom:14px}}
@media(max-width:650px){.scene-shell{padding-top:15px;padding-bottom:10px}}

/* Level chapter labels over compact, hand-drawn highlighter strokes. */
.story-timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));left:4%;right:4%;align-items:center;height:34px;gap:12px}
.story-timeline button,.story-timeline button:nth-child(2n){--marker:#efd681;position:relative;isolation:isolate;justify-self:stretch;display:block;width:100%;height:34px;min-width:0;min-height:34px;transform:none;background:transparent;opacity:1;color:#50564c;font:600 22px/1.25 Georgia,'Times New Roman',Times,serif;letter-spacing:0;padding:2px 12px;text-align:center;transition:color .65s ease}
.story-timeline button:nth-child(2){--marker:#acd5e8}
.story-timeline button:nth-child(3){--marker:#b6d5b2}
.story-timeline button:nth-child(4){--marker:#d2c1e7}
.chapter-label{display:inline;white-space:nowrap}
.story-timeline button{white-space:nowrap}
.story-timeline button::before{content:'';position:absolute;z-index:-1;inset:3px 0;background:var(--marker);opacity:.38;border-radius:0;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 36' preserveAspectRatio='none'%3E%3Cpath fill='black' d='M4 6 Q42 3 82 5 T159 4 T235 5 L295 3 292 10 298 12 294 29 Q247 33 205 30 T121 32 T39 30 L3 32 6 23 1 21Z'/%3E%3Cpath stroke='black' opacity='.35' stroke-width='2' fill='none' d='M8 3 Q81 1 156 3 T292 2 M8 34 Q80 31 159 34 T288 32'/%3E%3C/svg%3E");mask-size:100% 100%;mask-repeat:no-repeat;transition:opacity .75s ease;pointer-events:none}
.story-timeline button.is-complete{opacity:1;color:#404b42}
.story-timeline button.is-complete::before{opacity:.5}
.story-timeline button[aria-pressed=true]{opacity:1;color:#293c37}
.story-timeline button[aria-pressed=true]::before,.story-timeline button:hover::before{opacity:.8}
.story-timeline button:focus-visible{outline:1.5px dashed #60796e;outline-offset:5px;border-radius:4px}
.scene-ground{right:18px}
.ground-arrow{position:absolute;right:-1px;top:-9px;width:24px;height:18px;overflow:visible;fill:none;stroke:#55564d;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:1000px) and (min-width:651px){.story-timeline{height:40px;gap:8px}.story-timeline button,.story-timeline button:nth-child(2n){font-size:clamp(13px,1.65vw,16px);height:40px;min-height:40px;padding:0 5px}}
@media(max-width:650px){.story-timeline{left:3%;right:3%;height:80px;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.scene{height:692px}.research-canvas{top:382px}.story-timeline button,.story-timeline button:nth-child(2n){font-size:clamp(14px,3.85vw,16px);height:36px;min-height:36px;padding:0 4px;line-height:1.2;width:100%}.scene-ground{right:13px}.ground-arrow{width:20px;height:16px;top:-8px}}
@media(prefers-reduced-motion:reduce){.story-timeline button,.story-timeline button::before{transition:none}}

@media(max-width:360px){.scene{height:762px}}

/* Future stages keep their slots but are revealed only when the walker reaches them. */
.story-timeline button[aria-pressed=false]:not(.is-complete){visibility:hidden;pointer-events:none}
.story-timeline button::before{background:linear-gradient(to right,var(--marker) calc(100% - var(--chapter-unfilled,100%)),color-mix(in srgb,var(--marker) 18%,transparent) 0)}