/* O mesmo cenário cresce da ideia inicial ao projeto completo. */
:root{--copy-duration:180ms}
.chapter{opacity:1;transform:none;visibility:hidden}
.chapter.active{visibility:visible}
.chapter[hidden]{display:none!important}
.journey{height:1300svh}
.stage{height:100svh;min-height:0}
.story-copy{top:31svh;width:37%}
.map-visual{top:4svh;left:39%;height:92svh;width:61%;overflow:hidden;contain:paint}
.map-visual svg{overflow:visible}
.map-node rect{filter:none}
.map-node text{font-weight:510;fill:#39463e}
.root-node text{fill:#fff}
.connector{stroke-width:3;stroke-linecap:round}
#world{will-change:auto}
.light{filter:none;width:68vw;height:68vw}
.light-mint{background:radial-gradient(ellipse,#dcecdc 0%,#e7f0df88 30%,#e7f0df00 68%);right:-16vw;top:0}
.light-lilac{background:radial-gradient(ellipse,#ebe5f3 0%,#ebe5f355 35%,#ebe5f300 68%)}
.map-caption{bottom:7%;left:8%;right:8%;text-align:center;white-space:normal;color:#6e806d;line-height:1.5}
.chapter p{max-width:330px}
.detail-label{font-family:Inter,system-ui,sans-serif;letter-spacing:-.025em}
.association{fill:none;stroke-width:5;stroke-linecap:round}
.association-label text,.group-title text{font-family:Inter,system-ui,sans-serif;letter-spacing:-.03em}
.steps button[hidden]{display:none}
.map-action{cursor:pointer;pointer-events:auto;outline:none}
.map-action[aria-hidden="true"]{pointer-events:none}
.map-action .action-surface{transition:fill 160ms ease}
.map-action:focus-visible .action-focus{opacity:1}
.action-focus{opacity:0;fill:none;stroke:#7fa18e;stroke-width:7}
.action-label{font-family:Inter,system-ui,sans-serif;letter-spacing:-.035em;font-weight:510;fill:#fff}
.action-subtitle{font-family:Inter,system-ui,sans-serif;letter-spacing:-.02em;fill:#c3d0c4}
.action-eyebrow{font-family:Inter,system-ui,sans-serif;letter-spacing:.14em;fill:#778b77;font-weight:550}
@media(hover:hover) and (pointer:fine){.map-action:hover .action-surface{fill:#3a443b}}
@media(min-width:1600px){.story-copy{top:32svh}}
@media(max-width:760px){
 .journey{height:1280svh}
 .story-copy{top:max(112px,14svh);width:calc(100% - 48px)}
 .chapter p{max-width:none}
 .map-visual{top:40svh;left:0;width:100%;height:51svh}
 .light{width:110vw;height:110vw;filter:none}
 .light-mint{top:31svh;right:-32vw}
 .light-lilac{bottom:5svh;right:-16vw}
 .map-caption{bottom:0;font-size:10px}
 .journey-bottom{bottom:16px;gap:8px}
 .scroll-line{display:none}
 .scroll-cue{font-size:9px;gap:5px}
 .steps button{width:27px}
 .steps{gap:0;min-width:81px;justify-content:center}
}
@media(max-width:360px){.scroll-cue #cue-text{display:none}.scroll-cue{min-width:24px;font-size:14px}.steps button{width:30px}}
@media(max-height:680px) and (max-width:760px){
 .story-copy{top:max(100px,16svh)}.eyebrow{margin-bottom:12px}
 .chapter h1,.chapter h2{font-size:32px;margin-bottom:12px}
 .chapter p{font-size:11px;line-height:1.55}
 .map-visual{top:48svh;height:39svh}
 .map-caption{display:none}
 .journey-bottom{bottom:6px}
}
@media(prefers-reduced-motion:reduce){.journey{height:420svh}.light{display:none}.action-surface{transition:none}}
@media(max-height:680px) and (max-width:360px){.chapter h1,.chapter h2{font-size:26px}}