/* Três cenas abertas. Escopo restrito à seção O que resolve. */
.resolve-scene .resolve-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:54px}
.resolve-scene .section-title{max-width:850px;margin:18px 0 0}
.resolve-motion{flex-shrink:0;display:flex;align-items:center;gap:16px;min-height:44px;padding:10px 0;border:0;border-bottom:1px solid #44604e;background:none;color:#b7c8bd;font:12px var(--body);cursor:pointer}
.resolve-motion:hover{color:var(--green)}
.resolve-motion[hidden]{display:none}
.resolve-motion:focus-visible{outline:2px solid var(--green);outline-offset:6px}
.resolve-stories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.resolve-story{min-width:0;padding:0 34px;border-left:1px solid #3ee97f26}
.resolve-story:first-child{border-left:0;padding-left:0}
.resolve-story:last-child{padding-right:0}
.resolve-art{position:relative;height:260px;display:flex;align-items:center;margin-bottom:24px;isolation:isolate}
.resolve-art:before{content:"";position:absolute;inset:-32px -12px -55px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse closest-side at 50% 50%,#3ee97f0d,transparent 100%)}
.resolve-number{position:absolute;top:-20px;right:4px;font:100px/1.2 var(--display);letter-spacing:-8px;color:transparent;-webkit-text-stroke:1px #3ee97f20;z-index:-1}
.resolve-art svg{width:100%;height:auto;max-height:250px;overflow:visible;color:var(--green)}
.resolve-art text{fill:#9bae9f;stroke:none;font:9px var(--body);letter-spacing:1.5px}
.resolve-scene .resolve-story h3{font:400 clamp(19px,1.7vw,26px)/1.5 var(--display);letter-spacing:-1px;margin:0 0 26px;color:var(--paper)}
.resolve-story p{font-size:14px;line-height:1.85;margin:0}
.resolve-story .tag{display:block;font:500 10px/1.6 var(--body);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:12px}
.resolve-before{color:#aab5ad;min-height:155px;padding-bottom:25px}
.resolve-before .tag{color:#8e9c92}
.resolve-after{position:relative;border-top:1px solid #3ee97f45;padding-top:25px;color:#e5eee7}
.resolve-after:before{content:"";position:absolute;left:0;top:-2px;width:32px;height:3px;background:var(--green);animation:resolve-signal 3.6s ease-in-out infinite alternate}
.resolve-story:nth-child(2) .resolve-after:before{animation-delay:-1.2s}
.resolve-story:nth-child(3) .resolve-after:before{animation-delay:-2.4s}
.resolve-scene:not(.illustrating) .resolve-after:before,.resolve-scene.illustrations-paused .resolve-after:before,.motion-paused .resolve-after:before{animation-play-state:paused}
@keyframes resolve-signal{from{left:0}to{left:calc(100% - 32px)}}
.resolve-after .tag{color:var(--green)}
.diagram-grid{stroke:#3ee97f14;stroke-width:1}
.route-base{stroke:#3ee97f38;stroke-width:2}
.route-flow{stroke:var(--green);stroke-width:2;stroke-dasharray:18 82;animation:resolve-route 7s linear infinite}
.route-stops{stroke:var(--green);fill:#0c1b12;stroke-width:2}.route-arrow{stroke:var(--green);stroke-width:2}
.portal-outer{stroke:#3ee97f22;stroke-dasharray:2 8}.portal-orbit{stroke:#3ee97f66;transform-origin:180px 125px;animation:resolve-orbit 24s linear infinite}.orbit-dot{fill:var(--green);stroke:none}
.portal-connector{stroke:#3ee97f40;stroke-dasharray:3 6}.portal-window{stroke:var(--green);fill:#0b1710}.portal-rule{stroke:#3ee97f55}.portal-lock{stroke:var(--green);stroke-width:1.5}.portal-bracket{stroke:var(--green)}
.analysis-bars{fill:#3ee97f15;stroke:#3ee97f66}.analysis-line{stroke:var(--green);stroke-width:2;stroke-dasharray:100;animation:resolve-reading 8s ease-in-out infinite}.analysis-end{fill:var(--green)}.analysis-baseline{stroke:#3ee97f66}
.resolve-scene:not(.illustrating) .resolve-art *,.resolve-scene.illustrations-paused .resolve-art *,.motion-paused .resolve-art *{animation-play-state:paused!important}
@keyframes resolve-route{to{stroke-dashoffset:-100}}
@keyframes resolve-orbit{to{transform:rotate(360deg)}}
@keyframes resolve-reading{0%,10%{stroke-dashoffset:100}55%,85%{stroke-dashoffset:0}100%{stroke-dashoffset:-100}}

@media(max-width:1100px){.resolve-story{padding:0 22px}.resolve-before{min-height:190px}.resolve-art{height:220px}}
@media(max-width:800px){.resolve-scene .resolve-heading{display:block;margin-bottom:35px}.resolve-motion{margin-top:20px}.resolve-stories{grid-template-columns:1fr;gap:48px}.resolve-story,.resolve-story:first-child,.resolve-story:last-child{padding:0;border:0;display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.resolve-art{grid-column:1/-1;height:230px;max-width:410px;width:100%;margin:0 auto 16px}.resolve-scene .resolve-story h3{grid-column:1/-1;font-size:24px;margin-bottom:22px}.resolve-before{min-height:0;padding:0}.resolve-after{padding-top:0;border:0;padding-left:22px;border-left:1px solid #3ee97f45}.resolve-after:before{display:none}}
@media(max-width:480px){.resolve-story,.resolve-story:first-child,.resolve-story:last-child{display:block}.resolve-before{padding-bottom:24px}.resolve-after{padding:20px 0 0;border-left:0;border-top:1px solid #3ee97f45}.resolve-after:before{display:block}.resolve-art{height:230px}.resolve-number{font-size:90px}.resolve-stories{gap:58px}.resolve-story p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.resolve-art *,.resolve-after:before{animation:none!important}}

/* Um tom de verde para cada cena, mantendo a mesma família visual. */
.resolve-story:nth-child(1){--green:var(--green-lime);--scene-glow:#b6ef6817;--scene-line:#b6ef6855}
.resolve-story:nth-child(2){--green:var(--green-mint);--scene-glow:#9cf3c813;--scene-line:#9cf3c855}
.resolve-story:nth-child(3){--green:#49e2ae;--scene-glow:#20c9941a;--scene-line:#49e2ae55}
.resolve-art:before{background:radial-gradient(ellipse closest-side at 50% 50%,var(--scene-glow),transparent 100%)}
.resolve-number{-webkit-text-stroke-color:var(--scene-line)}
.resolve-after{border-color:var(--scene-line)}
.route-base{stroke:#b6ef6860}.route-stops{fill:#192714}
.portal-orbit,.portal-rule{stroke:#9cf3c877}.portal-window{fill:#0e231c}.portal-outer,.portal-connector{stroke:#9cf3c844}
.analysis-bars{fill:#20c99430;stroke:#49e2ae88}.analysis-bars path:nth-child(2n){fill:#b6ef6822;stroke:#b6ef6877}.analysis-baseline{stroke:#49e2ae66}

/* Alinhamento das quatro linhas de conteúdo, somente nas três colunas. */
@media(min-width:801px){
 .resolve-stories{grid-template-rows:auto auto auto auto}
 .resolve-story{display:grid;grid-row:1 / span 4;grid-template-rows:subgrid;align-items:start}
 .resolve-story:nth-child(1){grid-column:1}.resolve-story:nth-child(2){grid-column:2}.resolve-story:nth-child(3){grid-column:3}
 .resolve-art{margin-top:0}
}