/* Native-scroll stories. Every step remains readable without JavaScript.
   Scene heights are minimums: text must grow the layout before the caption.
   The 12px art padding also reserves space for the rotated illustrations. */
.agent-chapter-nav{display:flex;flex-wrap:wrap;gap:12px 36px;margin:0 0 36px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.agent-chapter-nav a{display:flex;align-items:center;gap:20px;font-size:13px;min-height:44px}.agent-chapter-nav a:hover{color:var(--rust)}
.agent-showcase{--story-scene-height:300px;--story-accent:#85572e;--story-wash:#e9d5bc;scroll-margin-top:16px;border-top:1px solid var(--line);margin-top:40px}
.agent-showcase--riley{--story-accent:#69558e;--story-wash:#d9cce9}.agent-showcase--sam{--story-accent:#396959;--story-wash:#c6dcd0}.agent-showcase--cody{--story-accent:#3a5c85;--story-wash:#c4d5e9}
.agent-story__pin{display:grid;grid-template-columns:1fr 1.45fr;gap:28px 64px;align-items:center;padding:32px 0;background:#eee9e1}
.agent-story__identity{display:flex;align-items:center;gap:20px;margin-bottom:28px}.agent-story__identity img{width:88px;height:102px;object-fit:cover;object-position:top;border-radius:50% 50% 44% 44%}.agent-story__identity .kicker{display:block;font-size:9px;letter-spacing:.07em;margin:0 0 8px;color:var(--story-accent)}.agent-story__name{font:550 32px/1.1 Sora,sans-serif;letter-spacing:-.05em}
.agent-story__intro h3{font-size:clamp(30px,3.5vw,48px);line-height:1.1}.agent-story__intro h3 em{color:var(--story-accent)}.agent-story__invitation{font-size:13px;line-height:1.8;margin-top:22px}
.agent-story__steps{display:flex;justify-content:space-between;gap:12px;list-style:none;padding:0;margin:0 0 24px}.agent-story__steps li{flex:1;font-size:11px;color:var(--muted);border-bottom:2px solid #d9d2c8;padding-bottom:12px;transition:border-color .2s,color .2s}.agent-story__steps span{font-size:9px;margin-right:8px}.agent-story__steps .is-current{color:var(--story-accent);border-color:var(--story-accent);font-weight:750}.agent-story__steps .is-complete{border-color:var(--story-accent)}
.agent-story__film{display:grid;gap:40px;min-width:0}.agent-story__frame{min-width:0}.agent-story__visual{min-height:var(--story-scene-height);display:grid;place-items:center;position:relative;isolation:isolate}.agent-story__visual:before{content:'';position:absolute;inset:5% 0;border-radius:50%;background:radial-gradient(ellipse,var(--story-wash),transparent 72%);z-index:-1}
.agent-story__caption{padding-top:22px;min-height:110px}.agent-story__caption h4{font:600 18px/1.4 Sora,sans-serif;letter-spacing:-.035em;margin:0 0 9px}.agent-story__caption p{font-size:13px;line-height:1.7;max-width:58ch}
.agent-showcase__cta{display:flex;align-items:center;gap:24px;grid-column:1/-1}.agent-showcase__cta .action{font-size:12px;min-height:48px}.agent-showcase__cta .text-link{font-size:12px}.agent-story__foot{grid-column:1/-1;display:flex;justify-content:space-between;gap:16px;font-size:10px;color:#71675f}.agent-story__scroll{display:none;white-space:nowrap}
.is-scroll-story{height:260svh;min-height:1500px}.is-scroll-story .agent-story__pin{position:sticky;top:16px;min-height:0}.is-scroll-story .agent-story__film{gap:0}.is-scroll-story .agent-story__frame{grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(16px);transition:opacity .25s ease,transform .35s ease,visibility .25s}.is-scroll-story .agent-story__frame.is-current{opacity:1;visibility:visible;transform:none}.is-scroll-story .agent-story__scroll{display:inline}
.story-art{width:100%;max-width:510px;min-height:var(--story-scene-height);height:auto;padding:12px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;position:relative}.story-art strong{font-family:Sora,sans-serif;letter-spacing:-.035em}.story-doc-label{display:block;font-size:9px;letter-spacing:.08em;font-weight:700;color:var(--story-accent);margin-bottom:16px}.story-note{display:block;font-size:10px;color:#71675f;margin-top:14px;line-height:1.6}
.story-search{padding:18px 24px;background:#fffdf9;border-radius:40px;box-shadow:0 12px 28px #5043330d;font-size:14px;display:flex;gap:18px;align-items:center}.story-search>span{font-size:25px;color:var(--story-accent)}.query-stack{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;max-width:370px}.query-stack>span{background:#f8f4ed;padding:10px 14px;border-radius:20px;font-size:11px}.query-stack>span:first-child{background:#eac89e}.story-route{display:flex;align-items:center;gap:12px;font-size:11px;margin-top:12px}.story-route i{width:24px;height:1px;background:var(--story-accent)}
.story-document,.story-result,.code-preview{background:#fffdf9;width:88%;padding:24px 28px;border-radius:8px;box-shadow:0 18px 40px #51412c12}.story-document>strong,.story-result>strong{display:block;font-size:23px;line-height:1.25}.story-document__lines{display:grid;gap:5px;margin:14px 0}.story-document__lines i{height:3px;border-radius:3px;background:#e4dcd0}.story-document__lines i:nth-child(2){width:85%}.story-document__lines i:last-child{width:65%}.story-document ul{list-style:none;padding:0;margin:12px 0 0;font-size:11px;line-height:1.9}.story-document li:before{content:'↳';margin-right:9px;color:var(--story-accent)}.story-checks{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.story-checks span{font-size:10px;color:#285440;background:#e5ede5;padding:5px 8px;border-radius:20px}.story-review{display:flex;gap:12px;align-items:center;border-top:1px solid #e8e1d8;padding-top:16px;margin-top:18px}.story-review>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--story-wash);font-size:11px;flex-shrink:0}.story-review p{font-size:11px;line-height:1.6}
.brand-book{width:76%;padding:28px;background:#efe5cf;box-shadow:6px 6px 0 #d3c4a2,0 20px 35px #3c402215;transform:rotate(-4deg)}.brand-book>strong{font-size:38px;line-height:1;color:#294b3f}.brand-book em{font-family:Georgia,serif}.brand-swatches{display:flex;gap:10px;align-items:center;margin-top:22px}.brand-swatches i{width:25px;height:25px;border-radius:50%;background:#294b3f}.brand-swatches i:nth-child(2){background:#d18343}.brand-swatches i:nth-child(3){background:#f9f0d7;border:1px solid #c8bca0}.brand-swatches>span{margin-left:auto;font:24px Georgia,serif;color:#294b3f}
.riley-art .ec{fill:#f8f0dc}.riley-art .eg{fill:#294b3f}.riley-art .eo{fill:#d18343}.riley-art .ei{fill:#203c32}.riley-art .sc{stroke:#f8f0dc;fill:none;stroke-width:4}.riley-art svg text{font-family:Arial,sans-serif;font-weight:700}.brand-compose{width:80%;height:calc(var(--story-scene-height) - 24px);position:relative}.brand-poster{height:88%;position:absolute;top:3%;left:32%;transform:rotate(6deg);filter:drop-shadow(0 12px 14px #35412e25)}.brand-poster svg{height:100%;width:auto}.brand-type{position:absolute;left:0;top:20%;font:52px Georgia,serif;color:#294b3f}.brand-type>span{display:block;font:10px Manrope,sans-serif}.brand-compose>.brand-swatches{position:absolute;left:3%;bottom:25%}.story-float-note{position:absolute;right:0;bottom:5%;font-size:11px;background:#f8f0dc;padding:10px 15px;transform:rotate(-4deg)}
.brand-output{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:90%;align-items:end}.brand-output figure{margin:0;text-align:center}.brand-output svg{height:160px;width:auto;max-width:100%;filter:drop-shadow(0 10px 10px #35412e1a)}.brand-output figure:first-child{transform:rotate(-6deg)}.brand-output figure:nth-child(2){transform:rotate(5deg)}.brand-output figure:last-child{grid-column:1/-1;transform:rotate(-2deg)}.brand-output figure:last-child svg{height:70px;width:auto}.brand-output figcaption{font-size:9px;margin-top:7px;color:#645d54}
.social-source{width:86%}.social-artwork{position:relative;overflow:hidden;padding:22px;background:#254f41;color:#faf3df;min-height:130px;isolation:isolate}.social-artwork>span{display:block;font-size:9px;margin-bottom:14px}.social-artwork strong{font-size:25px;line-height:1.2;position:relative;z-index:1}.social-artwork i{position:absolute;width:160px;height:160px;border:24px solid #bdcf92;border-radius:50%;right:-70px;bottom:-85px;z-index:-1}.social-source>p{font-size:12px;line-height:1.6;margin-top:16px}.social-variants{width:92%;display:flex;gap:20px;align-items:center}.social-variants figure{flex:1;min-width:0;margin:0;transform:rotate(-5deg)}.social-variants figure+figure{transform:rotate(5deg)}.social-variants figure>span{display:block;font-size:12px;font-weight:700;margin-bottom:12px}.social-variants figure+figure .social-artwork{min-height:200px;background:#d7e6c6;color:#244c40}.social-variants .social-artwork{padding:18px}.social-variants .social-artwork strong{font-size:21px}.social-variants figcaption{font-size:10px;margin-top:10px}.social-plan{width:88%}.social-plan>strong{display:block;font-size:27px;line-height:1.1;margin-bottom:15px}.social-plan>div{display:flex;align-items:center;gap:20px;padding:14px 0;border-bottom:1px solid #c3d0c3;font-size:12px}.social-plan>div>span{font-size:9px;color:#62796b;width:22px}.social-plan small{margin-left:auto;color:#486853;font-size:10px}
.code-request{width:88%;background:#fffdf9;border-radius:10px;padding:28px}.code-request>p{font:500 24px/1.35 Sora,sans-serif;letter-spacing:-.04em;color:#294663}.code-file{display:flex;gap:12px;font-size:11px;margin-top:22px;padding-top:15px;border-top:1px solid #dbe2e9}.code-file>span{color:#6383a2}.code-mission{width:85%}.code-mission>div{display:flex;align-items:center;gap:18px}.code-mission>div>span{display:grid;place-items:center;width:38px;height:38px;background:#f8fafc;border:1px solid #adc0d5;border-radius:50%;font-size:11px;color:#496887}.code-mission p{font-size:10px;color:#667e96}.code-mission b{display:block;font-size:13px;color:#293d50;margin-top:4px}.code-mission>i{display:block;width:1px;height:25px;background:#9ab2ca;margin-left:19px}.code-preview__bar{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:20px}.code-preview__bar strong{font-size:22px}.code-preview__bar>span{font-size:10px;border-bottom:1px solid #adc0d5;padding-bottom:6px}.invoice-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;border-top:1px solid #e4e8ed;font-size:11px}.invoice-row b{font-size:9px;color:#3e638b}
@media(max-width:960px){.agent-story__pin{gap:22px 30px}.agent-story__intro h3{font-size:31px}.agent-story__identity{gap:14px}.agent-story__identity img{width:62px;height:76px}.agent-story__name{font-size:25px}.agent-story__steps li{font-size:10px}.story-search{font-size:12px;padding:14px}.story-document,.story-result,.code-preview{width:98%;padding:22px}.code-request{width:98%;padding:22px}}
@media(max-width:600px){.agent-chapter-nav{gap:8px 22px}.agent-chapter-nav a{font-size:12px;gap:10px}.agent-chapter-nav svg{width:12px}.agent-showcase{margin-top:28px}.agent-story__pin{grid-template-columns:1fr;gap:16px;padding:20px 0}.agent-story__identity{gap:12px;margin-bottom:14px}.agent-story__identity img{width:46px;height:52px}.agent-story__identity .kicker{font-size:8px;margin-bottom:5px}.agent-story__name{font-size:22px}.agent-story__intro h3{font-size:28px;line-height:1.05}.agent-story__invitation{display:none}.agent-story__steps{margin-bottom:8px;gap:12px}.agent-story__steps li{font-size:10px;padding-bottom:8px}.agent-story__steps span{font-size:8px;margin-right:5px}.agent-showcase{--story-scene-height:232px}.agent-story__caption{padding-top:12px;min-height:90px}.agent-story__caption h4{font-size:15px;line-height:1.35;margin-bottom:6px}.agent-story__caption p{font-size:12px;line-height:1.6}.agent-showcase__cta{gap:20px}.agent-showcase__cta .action{font-size:11px;padding:12px 16px;min-height:44px;gap:16px}.agent-showcase__cta .text-link{font-size:10px;gap:10px}.agent-story__foot{font-size:8px;line-height:1.6;gap:8px}.agent-story__foot>span:first-child{max-width:28ch}.story-art{gap:12px}.story-doc-label{font-size:8px;margin-bottom:12px}.story-note{font-size:9px;margin-top:10px}.story-document>strong,.story-result>strong{font-size:20px}.story-document,.story-result,.code-preview{padding:18px;width:96%}.story-document ul{font-size:10px}.story-document__lines{margin:10px 0}.story-review{padding-top:12px;margin-top:12px}.story-review p{font-size:10px}.story-checks{gap:6px;margin-top:14px}.story-checks span{font-size:9px;padding:4px 6px}.query-stack>span{font-size:10px;padding:9px 12px}.story-route{font-size:10px;gap:8px}.story-route i{width:16px}.brand-book{padding:22px}.brand-book>strong{font-size:32px}.brand-swatches{margin-top:16px}.brand-output{gap:10px}.brand-output svg{height:120px}.brand-output figure:last-child svg{height:50px}.brand-output figcaption{font-size:8px}.social-artwork{padding:18px;min-height:115px}.social-artwork strong{font-size:21px}.social-source>p{font-size:11px}.social-variants{gap:16px}.social-variants .social-artwork strong{font-size:17px}.social-variants figure+figure .social-artwork{min-height:170px}.social-variants figcaption{font-size:9px}.social-plan>strong{font-size:23px}.social-plan>div{padding:10px 0;font-size:11px}.social-plan small{font-size:9px}.code-request{padding:20px;width:96%}.code-request>p{font-size:20px}.code-mission b{font-size:12px}.code-mission>i{height:20px}.code-preview__bar{margin-bottom:15px}.code-preview__bar strong{font-size:20px}.invoice-row{padding:11px 0}}
@media(max-width:600px) and (max-height:740px){.agent-story__pin{padding:12px 0;gap:12px}.agent-showcase{--story-scene-height:200px}.agent-story__identity{margin-bottom:10px}.agent-story__intro h3{font-size:25px}.brand-output svg{height:98px}.brand-output figure:last-child svg{height:44px}.story-document{padding:14px}.story-document>strong{font-size:18px}.story-document .story-note{margin-top:6px}.story-document ul{line-height:1.7}}
@media(max-width:600px) and (max-height:740px){.social-variants .social-artwork{min-height:95px;padding:14px}.social-variants figure+figure .social-artwork{min-height:130px}.social-variants figure>span{font-size:10px;margin-bottom:8px}.social-variants figcaption{font-size:8px;margin-top:7px}.social-variants .social-artwork strong{font-size:16px}}
@media(prefers-reduced-motion:reduce){.agent-story__frame,.agent-story__steps li{transition:none!important}}
@media(max-width:600px) and (max-height:740px){.code-preview .invoice-row{padding:8px 0}.code-preview__bar{margin-bottom:10px}.code-preview .story-review{padding-top:8px;margin-top:8px}}