/* Referência do usuário: diagrama à esquerda e narrativa animada à direita. */
.story .story-sticky,.world-ready .story .story-sticky{background:radial-gradient(ellipse at 23% 55%,#191919 0%,#0b0b0b 58%,#090909 100%)}
.story .connection-map,.world-ready .story .connection-map{opacity:1;visibility:visible}
.world-ready .story .story-visual:after{display:none}
.story .map-center{background:#202020;border-color:#717171;box-shadow:0 0 70px #ffffff06}
.story .map-center svg{stroke:#d8d8d8}
.story .map-node{background:#101010;border-color:#505050;color:#f2f2f2;width:34%;min-width:0;padding:18px 16px;font:600 17px/1.3 Arial,Helvetica,sans-serif;letter-spacing:.025em}
.story .map-node span{font:400 14px/1.5 Arial,Helvetica,sans-serif;color:#c6c6c6;margin-top:8px;letter-spacing:0}
.story .visual-caption,.world-ready .story .visual-caption{font:12px/1.5 var(--mono);color:#c2c2c2;gap:20px;padding:18px 0}
.story .visual-caption span{min-width:0;overflow-wrap:break-word}
.story .visual-caption span:last-child{text-align:right}
.story .story-step{font:600 13px/1.5 Arial,Helvetica,sans-serif;color:#a6a6a6;gap:10px;min-width:0}
.story .story-step.is-active,.world-ready .story .story-step.is-active{color:#f4f4f4}
.story .story-step i{min-width:12px}
.story .story-heading .eyebrow,.story .story-count,.story .story-panel .tiny-label{font-size:12px;color:#bdbdbd}
.story .connection-lines{stroke:#66666680}.story .connection-lines circle{stroke:#ffffff12}
.story[data-active='1'] .map-node{background:#181818}
.story[data-active='2'] .connection-map{filter:drop-shadow(0 0 15px #ffffff18)}
.motion-enabled .story .map-center{animation:axioma-symbol-float 6s ease-in-out infinite}
.motion-enabled .story .map-node{animation:axioma-node-float 7s ease-in-out infinite}
.motion-enabled .story .node-two{animation-delay:-1.7s}.motion-enabled .story .node-three{animation-delay:-3.4s}.motion-enabled .story .node-four{animation-delay:-5.1s}
.motion-enabled .story .connection-lines path{animation:axioma-connection-flow 12s linear infinite}
.motion-enabled .story .connection-lines circle{transform-origin:300px 250px;animation:axioma-ring-breathe 8s ease-in-out infinite}
.motion-enabled .story .connection-lines circle:last-child{animation-delay:-4s}
@keyframes axioma-symbol-float{0%,100%{translate:0 0}50%{translate:0 -7px}}
@keyframes axioma-node-float{0%,100%{translate:0 0}50%{translate:0 -4px}}
@keyframes axioma-connection-flow{to{stroke-dashoffset:-108}}
@keyframes axioma-ring-breathe{0%,100%{transform:scale(1);opacity:.65}50%{transform:scale(1.025);opacity:1}}
@media(min-width:761px) and (max-height:760px){
 .motion-scenes .story .story-sticky{min-height:0;height:calc(100svh - 84px);padding:20px 0}
 .motion-scenes .story .story-grid{height:calc(100% - 86px);margin-top:15px;gap:5%}
 .motion-scenes .story .story-panels{min-height:0}
 .motion-scenes .story .story-visual{width:min(100%,calc((100svh - 245px)*1.2));margin:auto}
 .motion-scenes .story .visual-caption{padding:12px 0;font-size:12px}
 .motion-scenes .story .story-panel h2{font-size:clamp(30px,4vw,54px)}
 .motion-scenes .story .story-panel .tiny-label{margin-bottom:16px}
 .motion-scenes .story .story-panel h3{margin:18px 0 10px;font-size:15px}
 .motion-scenes .story .story-panel>p:not(.tiny-label){font-size:12px;margin-bottom:16px;line-height:1.6}
 .motion-scenes .story .story-progress{margin-top:12px}
 .motion-scenes .story .map-node{font-size:16px;padding:12px;width:43%}.motion-scenes .story .map-node span{font-size:14px}
}
@media(max-width:1100px){.story .map-node{width:40%;padding:14px 12px;font-size:16px}.story .map-node span{font-size:14px}.story .story-progress{gap:20px}.story .story-step{font-size:12px;gap:8px}}
@media(max-width:760px){
 .story .story-grid,.motion-scenes .story .story-grid{grid-template-columns:minmax(0,1fr)}
 .story .story-visual,.motion-scenes .story .story-visual{width:100%;max-width:480px;margin:auto}
 .story .connection-map,.motion-scenes .story .connection-map{aspect-ratio:auto;height:270px}
 .story .map-node,.motion-scenes .story .map-node{width:44%;padding:12px 10px;font-size:15px;line-height:1.3}
 .story .map-node span,.motion-scenes .story .map-node span{font-size:13px;line-height:1.45;margin-top:6px}
 .story .node-one,.story .node-two{top:0}.story .node-three,.story .node-four{bottom:0}
 .story .map-center{left:calc(50% - 29px);top:calc(50% - 29px);width:58px;height:58px}
 .story .visual-caption,.motion-scenes .story .visual-caption{display:flex;font-size:12px;padding:12px 0;gap:12px}
 .story .story-heading .eyebrow{font-size:11px;letter-spacing:.06em}.story .story-count{font-size:12px;white-space:nowrap}
 .story .story-panel h2,.motion-scenes .story .story-panel h2{font-size:clamp(32px,8vw,44px)}
 .story .story-panel h3,.motion-scenes .story .story-panel h3{font-size:18px;line-height:1.35;margin:18px 0 12px}
 .story .story-panel>p:not(.tiny-label),.motion-scenes .story .story-panel>p:not(.tiny-label){font-size:15px;line-height:1.6;margin-bottom:18px}
 .story .story-panel .text-link{font-size:13px;min-height:44px;display:inline-flex;align-items:center}
 .story .story-progress,.motion-scenes .story .story-progress{gap:14px;margin-top:18px}
 .story .story-step{font-size:12px;gap:6px}
 .motion-scenes .story .story-sticky{min-height:0;height:calc(100svh - 70px);padding:20px 0}
 .motion-scenes .story .story-grid{height:calc(100% - 104px);grid-template-rows:auto minmax(0,1fr);gap:14px;margin-top:18px}
 .motion-scenes .story .connection-map{height:220px}
 .motion-scenes .story .story-panels{min-height:0}
 .motion-scenes .story .story-panel h3{font-size:17px;margin:15px 0 10px}
 .motion-scenes .story .story-panel>p:not(.tiny-label){font-size:14px;line-height:1.5;margin-bottom:12px}
 .motion-scenes .story .story-panel .tiny-label{margin-bottom:12px}
 .motion-scenes .story .story-panel .text-link{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.story .map-center,.story .map-node,.story .connection-lines path,.story .connection-lines circle{animation:none!important;translate:none!important}}