:root{--ink:#071827;--paper:#f4f2e9;--lime:#d8ff52;--mint:#3ff4d2;--coral:#ff6b62;--yellow:#ffe66d;--blue:#2a55ff;--pad:clamp(1.25rem,4vw,4.5rem);--display:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;--body:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:clamp(1rem,.45vw + .85rem,1.25rem);line-height:1.55;overflow-x:hidden}button,a{font:inherit}button{color:inherit}a{color:inherit}img,svg{display:block;max-width:100%}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:1000;background:var(--lime);padding:.7rem 1rem}.skip-link:focus{top:1rem}.progress{position:fixed;inset:0 0 auto;height:4px;background:#ffffff18;z-index:200}.progress span{display:block;width:0;height:100%;background:var(--lime)}
.topbar{position:fixed;z-index:150;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:1rem var(--pad);color:#fff;mix-blend-mode:difference}.brand{display:flex;align-items:center;gap:.65rem;text-decoration:none;font-size:.92rem;letter-spacing:.06em}.brand svg{width:2rem;fill:currentColor}.brand strong{color:var(--lime);font-weight:900}.topbar nav{display:flex;align-items:center;gap:1rem}.topbar ol{display:flex;list-style:none;gap:1.5rem;margin:0;padding:0;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}.topbar ol a{text-decoration:none;opacity:.7}.topbar ol a:hover,.topbar ol a:focus{opacity:1}.topbar button{border:1px solid;background:transparent;color:inherit;padding:.45rem .7rem;text-transform:uppercase;font-size:.66rem;letter-spacing:.08em}.menu-button{display:none}.chapter{position:relative;min-height:100vh;padding:clamp(6rem,9vw,9rem) var(--pad);overflow:hidden}.dark{background:var(--ink);color:#fff}.chapter-label{position:absolute;top:7rem;left:var(--pad);display:flex;align-items:center;gap:.7rem;text-transform:uppercase;letter-spacing:.12em;font-size:.7rem}.chapter-label span{display:grid;place-items:center;width:2.4rem;height:2.4rem;border:1px solid;border-radius:50%;font-weight:800}.chapter-label p{margin:0}.kicker{font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;font-weight:800;margin:0 0 1rem}.lead{font-size:clamp(1.1rem,1.3vw,1.55rem);max-width:40rem}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--display);font-weight:900;text-transform:uppercase;line-height:.9;letter-spacing:-.025em}h1{font-size:clamp(4rem,10vw,10rem);margin:.2em 0}h2{font-size:clamp(3.2rem,7.3vw,7.6rem);margin:.15em 0 .35em}h3{font-size:clamp(1.5rem,3vw,3rem)}mark{color:var(--coral);background:none}.reveal{opacity:0;transform:translateY(35px);transition:.7s}.reveal.visible{opacity:1;transform:none}
.hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);align-items:center;padding-top:7rem;background:radial-gradient(circle at 75% 45%,#143b4e,#071827 42%);isolation:isolate}.hero-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#ffffff0d 1px,transparent 1px),linear-gradient(90deg,#ffffff0d 1px,transparent 1px);background-size:60px 60px}.hero h1 em{color:var(--lime);font-style:normal}.eyebrow{display:flex;align-items:center;gap:.7rem;text-transform:uppercase;font-size:.7rem;letter-spacing:.14em}.eyebrow span{background:var(--lime);color:var(--ink);padding:.35rem .55rem}.scroll-cue{display:flex;align-items:center;gap:1rem;width:max-content;margin-top:3rem;text-decoration:none;text-transform:uppercase;font-size:.7rem;letter-spacing:.14em}.scroll-cue i{display:grid;place-items:center;width:3rem;height:3rem;border:1px solid;border-radius:50%;font-size:1.4rem;font-style:normal;animation:bob 1.4s infinite}.hero-object{position:relative;justify-self:center;width:min(30vw,340px);transform:rotate(7deg);filter:drop-shadow(0 30px 45px #0007);animation:float 5s ease-in-out infinite}.object-tag{position:absolute;right:-2rem;bottom:12%;background:#fff;color:var(--ink);padding:.65rem .8rem;border:2px solid;font:600 .65rem/1.4 monospace;transform:rotate(-7deg)}.object-tag b{color:#e53935}.vertical-note{position:absolute;right:-6rem;bottom:13rem;transform:rotate(90deg);font-size:.65rem;letter-spacing:.28em;opacity:.35}
.origin{display:grid;grid-template-columns:.8fr 1.2fr;gap:6vw;align-items:center;padding-top:10rem;background:linear-gradient(120deg,#f4f2e9 60%,#e6e2d6)}.origin-copy{max-width:42rem}.origin-copy p:not(.kicker){font-size:clamp(1.05rem,1.35vw,1.35rem)}.material-lab{display:grid;grid-template-columns:repeat(4,1fr);align-items:end}.material{border:0;border-top:2px solid;background:transparent;padding:1rem .3rem;text-align:left;cursor:pointer;opacity:.4}.material span{display:block;font:700 .65rem monospace}.material b{font-size:.8rem;text-transform:uppercase}.material.active{opacity:1;background:var(--lime)}.material-stage{grid-column:1/-1;min-height:380px;display:grid;grid-template-columns:1fr .7fr;align-items:center;background:#fff;border:2px solid;padding:1.5rem}.material-stage .blob{fill:var(--mint)}.material-icon *{fill:none;stroke:var(--ink);stroke-width:9;stroke-linecap:round;stroke-linejoin:round}.material-stage p{font-family:var(--display);font-size:clamp(2rem,4vw,4rem);line-height:.9;text-transform:uppercase}.material-stage small{display:block;margin-top:1rem;font:400 .9rem/1.5 var(--body);text-transform:none}
.scale{display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:center}.scale-head h2{font-size:clamp(2.2rem,4.5vw,5rem)}.big-stat{display:flex;align-items:center;gap:1.3rem;color:var(--lime)}.big-stat strong{font:900 clamp(7rem,18vw,18rem)/.8 var(--display)}.big-stat span{text-transform:uppercase;font-weight:800}.source-note{font-size:.68rem;opacity:.65}.week-machine{min-height:500px;position:relative;background:#102a39;border:1px solid #ffffff26;overflow:hidden;padding:2rem}.week-copy{position:relative;z-index:2;max-width:20rem}.week-copy span{font-size:.7rem;text-transform:uppercase}.week-copy strong{display:block;color:var(--yellow);font:900 4.5rem/1 var(--display)}.week-copy p{font-size:.9rem}.bag-field{position:absolute;inset:0}.trash-bag{position:absolute;width:62px;height:72px;background:var(--coral);clip-path:polygon(28% 0,72% 0,66% 13%,87% 100%,10% 100%,34% 13%);transform:rotate(var(--r));left:var(--x);bottom:var(--y)}.world-stat{grid-column:1/-1;display:grid;grid-template-columns:auto auto 1fr;gap:2rem;align-items:center;border-top:1px solid #ffffff40;padding-top:2rem}.world-stat>p{font:900 2rem var(--display);text-transform:uppercase;margin:0}.world-stat strong{font:900 clamp(3rem,6vw,7rem)/1 var(--display);color:var(--mint)}.world-stat span{text-transform:uppercase;font-weight:800}.world-stat .source-note{grid-column:2/-1;margin:0}
.journey{padding-top:10rem;background:var(--yellow)}.journey-head,.impact-intro{display:grid;grid-template-columns:.6fr 1.4fr;gap:3rem}.journey-head h2{font-size:clamp(3.4rem,8vw,9rem)}.route-map{position:relative;height:520px;margin:2rem calc(var(--pad)*-1);background:#fff;border-block:2px solid}.route-lines{position:absolute;width:100%;height:100%}.route-lines path{fill:none;stroke:var(--ink);stroke-width:2;stroke-dasharray:8 8}.route-start{position:absolute;left:4%;top:50%;transform:translateY(-50%);text-transform:uppercase;font-size:.7rem}.route-point{position:absolute;right:4%;width:190px;text-align:left;border:2px solid;padding:.8rem 1rem;cursor:pointer;box-shadow:5px 5px var(--ink);transition:.2s}.route-point:hover,.route-point:focus{transform:translate(-3px,-3px);box-shadow:8px 8px var(--ink)}.route-point span{display:block;font-size:.6rem;text-transform:uppercase}.route-point b{text-transform:uppercase}.recycle{top:6%;background:var(--mint)}.compost{top:29%;background:var(--lime)}.landfill{top:57%;background:#d0d4d3}.leak{top:84%;background:var(--coral)}.route-explainer{position:relative;max-width:720px;margin:-7rem auto 4rem;background:var(--ink);color:#fff;padding:2rem 2.5rem;box-shadow:10px 10px var(--coral)}.route-explainer span{color:var(--lime);font:700 .65rem monospace}.route-explainer h3{margin:.2rem 0;text-transform:uppercase}.route-explainer p{margin:0}.collection-fact{display:grid;grid-template-columns:auto 1fr;max-width:900px;gap:.5rem 2rem;align-items:center}.collection-fact strong{font:900 clamp(5rem,11vw,11rem)/.8 var(--display)}.collection-fact p{font-size:1.4rem;font-weight:750;margin:0}.collection-fact small{grid-column:2;font-size:.7rem}
.impacts{padding-top:10rem}.impact-intro h2{font-size:clamp(3rem,6vw,6.5rem)}.impact-scene{position:relative;margin-top:3rem;border:1px solid #ffffff33;background:#102a39;min-height:500px}.impact-scene img{width:100%;height:clamp(500px,65vw,800px);object-fit:cover}.hotspots{position:absolute;inset:0}.hotspots button{position:absolute;left:var(--x);top:var(--y);display:flex;align-items:center;gap:.5rem;border:0;background:transparent;color:#fff;cursor:pointer}.hotspots span{display:grid;place-items:center;width:3.2rem;height:3.2rem;border-radius:50%;background:var(--lime);color:var(--ink);border:4px solid #ffffff77;box-shadow:0 0 0 12px #d8ff5230;font-weight:900}.hotspots b{background:var(--ink);padding:.4rem .6rem;text-transform:uppercase;font-size:.68rem}.impact-readout{position:relative;width:min(600px,85%);margin:-7rem 0 0 auto;background:#fff;color:var(--ink);padding:2rem 2.5rem}.impact-readout span{font:700 .65rem monospace;color:var(--blue)}.impact-readout h3{margin:.3rem 0}.impact-readout p{margin:0}.image-credit{text-align:right;font-size:.65rem;opacity:.55}
.sorting{padding-top:10rem;background:var(--mint)}.quiz-shell{display:grid;grid-template-columns:.65fr 1.35fr;max-width:1440px;margin:3rem auto 0;border:2px solid;background:var(--paper);box-shadow:14px 14px var(--ink)}.quiz-copy{padding:3rem;border-right:2px solid}.quiz-copy h2{font-size:clamp(3rem,5vw,5.5rem)}.score{margin-top:4rem;border-top:1px solid;padding-top:1rem}.score span{display:block;text-transform:uppercase;font-size:.65rem}.score strong{font:900 4rem var(--display)}.sort-game{padding:3rem;display:flex;flex-direction:column;justify-content:center}.item-zone{display:grid;place-items:center;min-height:220px}.quiz-item{text-align:center}.quiz-item .emoji{font-size:5rem}.quiz-item strong{display:block;font:900 2rem var(--display);text-transform:uppercase}.bins{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.bins button{min-height:110px;border:2px solid;background:#fff;padding:.75rem;cursor:pointer;text-transform:uppercase;font-size:.66rem;font-weight:800}.bins i{display:block;font:900 2rem var(--display)}.bins button:hover,.bins button:focus{background:var(--yellow)}.feedback{text-align:center;font-weight:700;min-height:2em}.feedback.good{color:#08784a}.feedback.bad{color:#bf2c24}
.choices{padding-top:10rem}.choices-head{text-align:center;max-width:1100px;margin:auto}.choices-head mark{color:var(--lime)}.hierarchy{max-width:1100px;margin:5rem auto;display:flex;flex-direction:column;gap:.65rem}.hierarchy div{display:grid;grid-template-columns:60px 1fr 1fr;align-items:center;margin:auto;padding:.9rem 1.4rem;background:var(--c);color:var(--ink);width:var(--w);min-width:55%;clip-path:polygon(3% 0,97% 0,100% 50%,97% 100%,3% 100%,0 50%)}.hierarchy div:nth-child(1){--w:55%;--c:var(--lime)}.hierarchy div:nth-child(2){--w:63%;--c:#baf07e}.hierarchy div:nth-child(3){--w:71%;--c:var(--mint)}.hierarchy div:nth-child(4){--w:79%;--c:#58cfc7}.hierarchy div:nth-child(5){--w:87%;--c:var(--yellow)}.hierarchy div:nth-child(6){--w:95%;--c:#9aabae}.hierarchy p{margin:0;font-size:.8rem}.action-builder{max-width:1100px;margin:7rem auto 0;display:grid;grid-template-columns:.65fr 1.35fr;gap:4rem;border-top:1px solid #ffffff40;padding-top:4rem}.action-builder h2{font-size:4rem}.action-builder form{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.action-builder input{position:absolute;opacity:0}.action-builder label span{display:block;height:100%;padding:1rem;border:1px solid #ffffff55}.action-builder input:checked+span{background:var(--lime);color:var(--ink)}.action-builder button{grid-column:1/-1;background:var(--coral);border:0;padding:1rem;text-align:left;font-weight:850;text-transform:uppercase}.pledge-card{grid-column:2;background:#fff;color:var(--ink);padding:2rem;transform:rotate(-1deg);box-shadow:10px 10px var(--coral)}.pledge-card span{font:700 .65rem monospace;color:var(--blue)}.pledge-card strong{display:block;font:900 3rem/.95 var(--display);text-transform:uppercase;color:var(--blue)}.pledge-card small{display:block;margin-top:2rem}
.finale{display:grid;grid-template-columns:1.15fr .85fr;gap:4vw;align-items:center}.final-art{margin-left:calc(var(--pad)*-1)}.final-art img{width:100%;height:min(78vh,760px);object-fit:cover;border:2px solid}.final-copy h2{font-size:clamp(4rem,7vw,8rem)}.final-copy a{display:inline-flex;margin-top:2rem;background:var(--ink);color:#fff;padding:1rem;text-decoration:none;text-transform:uppercase;font-size:.75rem}.sources{padding:6rem var(--pad);background:#d9dedb;display:grid;grid-template-columns:.7fr 1.3fr;gap:4rem}.sources h2{font-size:clamp(2.5rem,4vw,4.5rem)}.sources ol{list-style:none;margin:0;padding:0}.sources li{padding:1rem 0;border-top:1px solid}.sources li a,.sources li span{display:block}.sources li a{font-weight:800}.sources li span,.method{font-size:.75rem}.method{grid-column:2}footer{display:flex;align-items:center;justify-content:space-between;padding:2rem var(--pad);background:var(--ink);color:#fff;font-size:.7rem}footer p{margin:0}
@keyframes bob{50%{transform:translateY(7px)}}@keyframes float{50%{transform:translateY(-20px) rotate(3deg)}}
@media(max-width:900px){.topbar ol{position:absolute;top:4.2rem;right:var(--pad);display:none;flex-direction:column;background:var(--ink);padding:1rem 1.5rem}.topbar ol.open{display:flex}.menu-button{display:block}.topbar nav>button:first-child{display:none}.hero,.origin,.scale,.finale{grid-template-columns:1fr}.hero{min-height:100svh}.hero-object{position:absolute;right:-2rem;top:16%;width:38vw;opacity:.58}.origin,.scale{padding-top:10rem}.world-stat{grid-column:auto}.journey-head,.impact-intro{grid-template-columns:1fr}.quiz-shell{grid-template-columns:1fr}.quiz-copy{border-right:0;border-bottom:2px solid}.bins{grid-template-columns:1fr 1fr}.action-builder{grid-template-columns:1fr}.pledge-card{grid-column:1}.final-art{margin:0}.sources{grid-template-columns:1fr}.method{grid-column:1}.hierarchy div{min-width:90%;width:100%!important}}
@media(max-width:600px){.chapter{padding:7.5rem 1.15rem 5rem}.chapter-label{top:5.5rem;left:1.15rem}.topbar{padding:.8rem 1rem}.hero h1{font-size:clamp(3.7rem,16vw,7rem)}.hero-object{top:13%;width:52vw}.vertical-note{display:none}.material-lab{grid-template-columns:1fr 1fr}.material-stage{grid-template-columns:1fr;min-height:300px}.material-stage svg{height:180px}.big-stat{display:block}.big-stat strong{font-size:9rem}.world-stat{gap:.8rem}.world-stat strong{font-size:3.5rem}.route-map{height:560px;margin-inline:-1.15rem}.route-lines{display:none}.route-start{top:5%;left:50%;transform:translateX(-50%)}.route-point{right:auto;left:10%;width:80%}.route-point:hover{transform:none}.recycle{top:17%}.compost{top:36%}.landfill{top:55%}.leak{top:74%}.route-explainer{margin:-4rem auto 3rem;padding:1.5rem}.collection-fact{grid-template-columns:1fr}.collection-fact small{grid-column:1}.impact-scene{margin-inline:-1.15rem}.hotspots b{display:none}.impact-readout{margin-top:-3rem;width:94%;padding:1.3rem}.quiz-shell{box-shadow:7px 7px}.quiz-copy,.sort-game{padding:1.25rem}.bins button{min-height:90px}.choices-head{text-align:left}.hierarchy p{display:none}.action-builder{gap:1rem}.action-builder form{grid-template-columns:1fr}.final-art{margin-inline:-1.15rem}.sources{padding:4rem 1.15rem;gap:1rem}footer{align-items:flex-start;gap:1rem;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}.reveal{opacity:1;transform:none}}body.reduce-motion *{animation-duration:.001ms!important;transition-duration:.001ms!important}body.reduce-motion .reveal{opacity:1;transform:none}

/* Ajustes de legibilidade: preservam áreas livres ao redor dos dados e diagramas. */
.scale-head .big-stat{padding-bottom:2.75rem}
.scale-head>.source-note{position:relative;z-index:3;display:block;max-width:42rem;margin:0;padding:.45rem .7rem;background:var(--ink);line-height:1.55}
.week-copy{max-width:23rem;padding:0 1.5rem 1rem 0;background:linear-gradient(90deg,#102a39 80%,transparent)}
.bag-field{left:48%}
.route-start{z-index:2;display:flex;align-items:center;gap:.8rem;padding:.55rem .75rem;background:#fff;white-space:nowrap}
.route-start span{font-size:1.35rem;line-height:1}

@media(max-width:900px){
  .scale-head .big-stat{padding-bottom:2rem}
  .week-copy{max-width:34rem;padding-right:0;background:#102a39}
  .bag-field{inset:210px 0 0}
  .route-lines{display:none}
  .route-map{height:560px;margin-inline:calc(var(--pad)*-.6)}
  .route-start{top:5%;left:50%;transform:translateX(-50%)}
  .route-point{right:auto;left:10%;width:80%}
  .route-point:hover,.route-point:focus{transform:none;box-shadow:5px 5px var(--ink)}
  .recycle{top:17%}.compost{top:36%}.landfill{top:55%}.leak{top:74%}
}

@media(max-width:600px){
  .scale-head .big-stat{padding-bottom:1.5rem}
  .scale-head>.source-note{margin-top:.25rem;padding:.5rem 0}
  .week-machine{min-height:520px}
  .week-copy{padding-bottom:1.75rem}
  .bag-field{inset:230px 0 0}
  .route-map{margin-inline:-1.15rem}
}