/* Native scrolling, with a short story between the introduction and the studio. */
.scroll-story{position:relative;z-index:1;background:#f6f7f2;padding:100px 0 85px;border-radius:38px 38px 0 0;margin-top:-38px}
.story-heading{max-width:850px}.story-heading h2 em{font-style:normal;color:#318b77}.story-heading>p{max-width:480px;color:#5b756e;font-size:14px;line-height:1.8}
.story-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:70px;margin-top:30px;align-items:start}.story-copy{min-width:0}.story-step{min-height:58vh;min-height:58svh;display:flex;flex-direction:column;justify-content:center;padding:65px 0;position:relative}.story-step>span{font-size:10px;font-weight:750;letter-spacing:.12em;color:#357e6b}.story-step h3{font-size:clamp(32px,3.8vw,49px);letter-spacing:-.055em;line-height:1.09;margin:20px 0}.story-step p{font-size:16px;line-height:1.85;max-width:350px;color:#536f68;margin:0}.story-next{font-size:13px;font-weight:750;display:flex;gap:35px;align-items:center;width:fit-content;margin-top:28px;border-bottom:1px solid #a6bbb0;padding-bottom:8px}.story-next span{font-size:22px;color:#a43d69}
.story-visual{position:sticky;top:calc((100vh - 570px)/2);top:max(24px,calc((100svh - 570px)/2));min-width:0;padding:28px 0 45px}.story-diagram{padding:24px 22px 20px;background:#123e40;color:#f6f7f2;border-radius:24px;--route:0;box-shadow:0 30px 65px -45px #123e4080}.story-diagram-top{display:flex;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:.1em;color:#b2c9bc}.story-position{color:#f4a8c8;white-space:nowrap}.story-map{height:400px;position:relative}.story-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.story-track{stroke:#527c71;stroke-width:1.3}.story-line{stroke:#f38cb2;stroke-width:2.5;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--route));transition:stroke-dashoffset .7s cubic-bezier(.22,.61,.36,1)}
.story-piece{position:absolute;width:58%;padding:20px;background:#e8efd9;color:#153e40;border-radius:14px;border:1px solid #bed2b1;transition:transform .65s ease,background .65s ease,box-shadow .65s ease}.story-input{top:32px;left:0;transform:rotate(-5deg)}.story-piece small{font-size:8px;letter-spacing:.14em;color:#59765e;display:block}.story-piece strong{display:block;font-size:20px;letter-spacing:-.04em;line-height:1.2;margin:12px 0 8px}.story-piece>span{display:block;font-size:10px;line-height:1.6}.story-output{right:0;bottom:14px;background:#245153;color:#c9dcd0;border-color:#577c71;transform:translateY(14px) rotate(4deg)}.story-output small{color:#abc4b6}.story-output>b{position:absolute;right:13px;top:13px;border-radius:50%;background:#153e40;color:#e8efd9;font-size:12px;width:22px;height:22px;display:grid;place-items:center;opacity:0;transform:scale(.5);transition:opacity .5s,transform .5s}
.story-emundi{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);width:140px;height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:60px;background:#123e40;border:1px solid #527c71;transition:border-color .5s,box-shadow .5s}.story-emundi img{width:34px;height:34px}.story-emundi strong{font-size:27px;letter-spacing:-.07em;line-height:1.2;margin:5px 0}.story-emundi strong span{color:#f38cb2}.story-emundi small{font-size:8px;color:#b9cfbf}.story-caption{display:flex;gap:11px;align-items:center;min-height:48px;border-top:1px solid #42675d;padding-top:15px}.story-caption p{font-size:12px;line-height:1.6;margin:0;color:#e1eada}.story-caption-dot{width:6px;height:6px;border-radius:50%;background:#c9e8ac;flex-shrink:0}.story-example-note{font-size:9px;color:#9eb8a9;display:block;padding:14px 0 0 17px}
.story-diagram[data-phase="1"]{--route:.52}.story-diagram[data-phase="2"]{--route:1}.story-diagram[data-phase="1"] .story-emundi,.story-diagram[data-phase="2"] .story-emundi{border-color:#f38cb2;box-shadow:0 0 0 8px #f38cb20d}.story-diagram[data-phase="1"] .story-input,.story-diagram[data-phase="2"] .story-input{transform:rotate(0)}.story-diagram[data-phase="2"] .story-output{background:#f4b3ce;color:#153e40;border-color:#f4b3ce;transform:translateY(0) rotate(0)}.story-diagram[data-phase="2"] .story-output small{color:#71505f}.story-diagram[data-phase="2"] .story-output>b{opacity:1;transform:scale(1)}
/* Each chapter enters over the end of the previous one. Content and controls keep their native positions. */
#sistema{position:relative;z-index:2;border-radius:38px 38px 0 0;margin-top:-38px;box-shadow:0 -24px 55px -40px #123e4070}.solutions{position:relative;z-index:3;border-radius:38px 38px 0 0;margin-top:-30px;box-shadow:0 -20px 50px -40px #123e4060}.star{position:relative;z-index:4;border-radius:38px 38px 0 0;margin-top:-30px}
@media(min-width:801px) and (prefers-reduced-motion:no-preference){.motion-enabled .story-step{opacity:.32;transition:opacity .55s ease}.motion-enabled .story-step.is-current{opacity:1}.motion-enter{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.motion-enter.is-visible{opacity:1;transform:none}.motion-enabled .story-visual{transform:translateY(var(--story-lift,0px))}}
@media(max-width:1000px){.story-layout{gap:30px}.story-diagram{padding:22px 17px}.story-piece strong{font-size:18px}.story-map{height:360px}.story-emundi{width:120px;height:110px}}
@media(max-width:800px){.scroll-story{padding:65px 0 65px;border-radius:24px 24px 0 0;margin-top:-24px}.story-heading>p{font-size:13px}.story-layout{grid-template-columns:1fr;gap:10px;margin-top:25px}.story-visual{grid-row:1;position:relative;top:auto;padding:0;margin:0 auto;width:100%;max-width:430px}.story-map{height:300px}.story-emundi{top:46%;width:112px;height:102px}.story-emundi img{width:28px;height:28px}.story-emundi strong{font-size:25px}.story-piece{padding:16px;width:57%}.story-piece strong{font-size:18px;margin:9px 0 5px}.story-input{top:22px}.story-output{bottom:8px}.story-piece>span{font-size:9px}.story-step{min-height:0;padding:34px 0 28px;border-bottom:1px solid #d6e0d4}.story-step:last-child{border:0;padding-bottom:35px}.story-step h3{font-size:32px;margin:15px 0}.story-step p{font-size:14px;max-width:500px}.story-copy{padding-top:10px}.story-heading h2{font-size:38px}#sistema,.solutions,.star{border-radius:24px 24px 0 0;margin-top:-24px}.story-diagram{--route:1}.story-output{background:#f4b3ce;color:#153e40;border-color:#f4b3ce;transform:none}.story-output small{color:#71505f}.story-output>b{opacity:1;transform:none}.story-emundi{border-color:#f38cb2}.story-input{transform:rotate(-3deg)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.story-step{opacity:1!important;min-height:0;padding:40px 0}.story-visual{position:relative;top:auto;transform:none!important}.story-layout{align-items:center}.story-diagram{--route:1}.story-output{background:#f4b3ce;color:#153e40;transform:none}.story-output small{color:#71505f}.story-output>b{opacity:1;transform:none}.story-input{transform:none}.story-caption{display:none}.motion-enter{opacity:1!important;transform:none!important}.scroll-story,#sistema,.solutions,.star{box-shadow:none}}