.scroll-story{padding-top:120px;padding-bottom:60px}.story-intro{text-align:center;max-width:720px;margin:0 auto 48px}.story-intro h2{font-size:clamp(42px,5.3vw,76px);line-height:1.04}.story-intro>p:not(.eyebrow){font-size:20px;line-height:1.5;color:var(--muted)}.story-intro .text-link{font-size:13px}.story-chapters{position:static;display:flex;justify-content:center;height:auto;min-height:0;width:max-content;max-width:100%;margin:0 auto 45px;padding:5px;gap:4px;background:var(--panel);border:1px solid var(--line);border-radius:999px;box-shadow:none;backdrop-filter:none}.story-chapters a{display:flex;align-items:center;gap:9px;padding:12px 22px;text-decoration:none;border-radius:999px;font-size:11px;color:var(--muted);transition:background .25s,color .25s}.story-chapters a span{font-size:13px;font-weight:600}.story-chapters a[aria-current=step]{background:var(--ink);color:var(--bg)}.story-layout{position:relative}.story-stage{display:none}.story-chapter{scroll-margin-top:140px;padding:45px 0;border-top:1px solid var(--line)}.story-chapter h3{font-size:clamp(32px,3.5vw,52px);line-height:1.08;letter-spacing:-.045em;margin:18px 0 25px;font-weight:650}.story-chapter p:not(.story-step){font-size:18px;line-height:1.65;color:var(--muted)}.story-step{font:11px/1.6 ui-monospace,monospace;letter-spacing:1px;color:var(--accent)}.story-chapter .text-link{font-size:14px}.story-inline{margin:35px 0 0;text-align:center}.story-inline img{max-width:min(100%,360px);max-height:400px;object-fit:contain}.story-inline figcaption{font-size:11px;color:var(--muted);margin-top:12px}
@media(min-width:901px) and (min-height:681px) and (prefers-reduced-motion:no-preference){
.story-enhanced .story-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:90px;align-items:start}
.story-enhanced .story-stage{display:block;position:sticky;top:135px;height:min(590px,calc(100svh - 170px));min-height:360px;border-radius:40px;background:var(--panel);border:1px solid var(--line);overflow:hidden;box-shadow:0 15px 65px #11111106}
.story-enhanced .story-chapter{min-height:85svh;display:flex;align-items:center;border:0;padding:70px 0;opacity:1}
.story-enhanced .story-chapter.is-current{opacity:1}
.story-enhanced .story-chapter:last-child{min-height:calc(100svh - 120px)}
.story-enhanced .story-inline{display:none}
.story-slide{position:absolute;inset:0;opacity:0;transform:translateY(30px) scale(.94);transition:opacity .6s,transform .8s cubic-bezier(.2,.7,.2,1);pointer-events:none}
.story-slide.is-active{opacity:1;transform:translateY(0) scale(1)}
.story-slide img{position:absolute;object-fit:contain;filter:drop-shadow(0 18px 14px #0000001a)}
.story-folder{width:65%;left:4%;top:24%;transform:rotate(-10deg)}.story-note{width:44%;left:51%;top:12%;transform:rotate(8deg)}.story-code{width:52%;left:23%;top:10%;transform:rotate(-8deg)}.story-terminal{width:82%;left:9%;top:58%;transform:rotate(6deg)}
.story-slide .story-evidence{height:calc(100% - 76px);max-width:82%;left:50%;top:22px;transform:translateX(-50%);border-radius:24px;border:1px solid #ddd;filter:drop-shadow(0 8px 15px #00000012)}
.story-visual-label{position:absolute;bottom:22px;left:20px;right:20px;text-align:center;color:var(--muted);font-size:11px}
}
@media(max-width:900px){.scroll-story{padding-top:75px;padding-bottom:20px}.story-intro{margin-bottom:30px}.story-intro>p:not(.eyebrow){font-size:17px}.story-chapters{gap:0;margin-bottom:30px;padding:4px}.story-chapters a{padding:10px 14px;gap:6px}.story-chapters a span{font-size:12px}.story-chapter{padding:35px 0 45px}.story-chapter h3{font-size:38px}.story-chapter p:not(.story-step){font-size:16px}.story-inline img{max-height:330px}.story-inline img.story-inline-evidence{max-height:440px}}
@media(prefers-reduced-motion:reduce){.story-chapters a{transition:none}.story-chapter{opacity:1}.story-layout{max-width:800px;margin:auto}}