:root{--green:#4d761d;--green2:#78b82a;--ink:#111;--muted:#626762;--line:#dfe3dc;--soft:#f5f7f2;--soft2:#edf3e7}
*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}button,a{font:inherit}.app{max-width:1420px;margin:0 auto;padding:28px}.ey{font-size:12px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:var(--green)}h1{font-size:clamp(36px,5vw,64px);line-height:.98;margin:8px 0 10px;letter-spacing:-.035em}.intro{color:var(--muted);max-width:800px;line-height:1.55;margin:0}.stats{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.stat{border:1px solid var(--line);border-radius:999px;padding:8px 11px;font-size:12px;font-weight:700;background:#fff}.countries{display:flex;gap:8px;overflow-x:auto;padding:18px 0 4px;scrollbar-width:thin}.country{flex:0 0 auto;border:1px solid #cfd4ca;background:#fff;border-radius:999px;padding:10px 14px;cursor:pointer;font-weight:700;color:#363a34}.country.active{background:var(--green);border-color:var(--green);color:#fff}.timeline{margin-top:18px;border:1px solid var(--line);background:#fff}.stage{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);min-height:540px}.media{position:relative;overflow:hidden;background:#e9eee4;height:540px;min-height:540px;max-height:540px}.media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;display:block}.media.contain img{object-fit:contain;background:#111}.mediaFallback{position:absolute;inset:0;display:flex;align-items:flex-end;padding:38px;background:linear-gradient(145deg,#f8faf5 0 55%,#e5efd9 55% 100%)}.mediaFallback strong{font-size:clamp(42px,7vw,94px);line-height:.85;color:var(--green);letter-spacing:-.06em;text-transform:uppercase}.caption{position:absolute;left:16px;bottom:14px;max-width:calc(100% - 32px);background:rgba(0,0,0,.72);color:#fff;padding:7px 10px;border-radius:3px;font-size:11px;line-height:1.35}.fitToggle{position:absolute;right:14px;top:14px;border:0;background:rgba(0,0,0,.7);color:#fff;border-radius:999px;padding:9px 11px;font-size:11px;font-weight:800;cursor:pointer}.story{padding:44px;display:flex;flex-direction:column;justify-content:center;min-width:0}.date{font-size:12px;font-weight:800;letter-spacing:.08em;color:var(--green);text-transform:uppercase}.story h2{font-size:clamp(30px,3.2vw,48px);line-height:1.02;margin:12px 0 18px;letter-spacing:-.03em}.story p{font-size:16px;line-height:1.62;color:#515650;margin:0;max-width:650px}.tag{display:inline-flex;width:max-content;max-width:100%;background:var(--soft2);color:var(--green);border-radius:999px;padding:8px 11px;font-size:11px;font-weight:800;margin-top:18px}.source{display:inline-block;color:#111;font-weight:700;text-decoration:none;border-bottom:2px solid var(--green2);width:max-content;max-width:100%;margin:18px 0}.nav{display:flex;gap:10px;align-items:center}.nav button{width:46px;height:46px;border-radius:50%;border:1px solid #bfc5ba;background:#fff;font-size:25px;cursor:pointer}.nav button:disabled{opacity:.35;cursor:not-allowed}.count{font-size:12px;color:#777;margin-left:4px}.rail{background:var(--soft);border-top:1px solid var(--line);padding:15px}.strip{display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin;padding-bottom:3px}.event{flex:0 0 190px;border:1px solid #ccd2c7;background:#fff;border-radius:8px;padding:10px;text-align:left;cursor:pointer;min-height:74px}.event.active{border:2px solid var(--green2);background:#fbfdf8;padding:9px}.event b{display:block;font-size:9px;color:var(--green);text-transform:uppercase;margin-bottom:5px}.event span{display:block;font-size:12px;font-weight:700;line-height:1.25}.progress{height:3px;background:#d6dbd2;margin-top:12px}.progress i{display:block;height:100%;background:var(--green2);transition:width .2s}.loading{padding:48px;text-align:center;color:var(--muted)}.loading strong{display:block;color:var(--green);font-size:20px;margin-bottom:8px}.embedHelp{margin-top:22px;border:1px solid var(--line);background:var(--soft);padding:24px}.embedHelp h3{margin:0 0 8px;font-size:22px}.embedHelp p{margin:0 0 14px;color:var(--muted);line-height:1.55}.embedUrl{font:12px/1.45 Consolas,monospace;background:#fff;border:1px solid var(--line);padding:10px;border-radius:5px;word-break:break-all;margin-bottom:12px}.embedCode{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start}.embedCode pre{margin:0;background:#111;color:#f4f6f1;padding:16px;border-radius:6px;overflow:auto;font:12px/1.55 Consolas,monospace;white-space:pre-wrap;word-break:break-word}.copyBtn{border:0;background:var(--green);color:#fff;border-radius:999px;padding:11px 15px;font-weight:800;cursor:pointer;min-height:44px}.status{font-size:10px;color:#8a8f87;text-align:right;padding:8px 0 0}body.embed .app{padding:0;max-width:none}body.embed .header,body.embed .embedHelp,body.embed .status{display:none}body.embed .timeline{margin:0;border:0}@media(max-width:900px){.app{padding:18px}.stage{grid-template-columns:1fr;min-height:0}.media{height:340px;min-height:340px;max-height:340px}.story{padding:30px}}@media(max-width:700px){.embedCode{grid-template-columns:1fr}.copyBtn{width:100%}}@media(max-width:540px){.media{height:270px;min-height:270px;max-height:270px}.story{padding:24px 20px}.story h2{font-size:29px}.event{flex-basis:158px}.caption{font-size:10px}}.event.featured{box-shadow:inset 3px 0 0 var(--green2)}.mediaFallback small{display:block;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.mediaFallback>div{max-width:90%}.source:empty{display:none}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.syncState{font-size:11px;color:#7c8279;margin-top:8px;text-align:right}.embed .syncState{display:none}.manualEntry{margin:14px 0 0}.manualEntry a{color:var(--green);font-size:12px;font-weight:800;text-decoration:none;border-bottom:2px solid var(--green2)}body.embed .manualEntry{display:none}