:root{color-scheme:light;--ink:#19392e;--sub:#697d70;--line:#dce4dd;--orange:#d65331}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:#f5f6f8;color:var(--ink);font:16px/1.55 'Segoe UI',Arial,sans-serif}.shell{max-width:1480px;margin:auto;padding:0 48px}header{height:92px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:750;letter-spacing:-1px;color:var(--ink);text-decoration:none}.mark{display:grid;place-items:center;width:42px;height:44px;background:#203e32;color:#e9efc7;border-radius:11px;font-size:17px;letter-spacing:-1px}.brand small{font-size:12px;font-weight:500;letter-spacing:1.7px;margin-left:20px;color:var(--sub)}.viewer{font-size:13px;color:var(--sub);display:flex;align-items:center;gap:8px}.viewer i{display:block;width:6px;height:6px;background:#c18d47;border-radius:50%}.intro{display:flex;justify-content:space-between;align-items:flex-end;padding:35px 0 29px;gap:20px}.eyebrow{font-size:12px;font-weight:650;letter-spacing:1.5px;color:var(--sub);margin:0 0 12px}h1{font-size:44px;line-height:1.15;letter-spacing:-1.7px;font-weight:620;margin:0}h1 em{font-style:normal;color:#7b8e81}.intro>p{font-size:14px;color:var(--sub);text-align:right;margin:0 0 3px}h2{font-size:21px;line-height:1.35;font-weight:650;letter-spacing:-.5px;margin:0 0 16px}h3{font-size:17px;font-weight:650;margin:0}nav{display:flex;gap:28px;border-bottom:1px solid var(--line);margin-bottom:24px}nav a{padding:12px 0;color:var(--sub);text-decoration:none;font-size:14px}nav a:first-child{color:#ba4d31;border-bottom:2px solid var(--orange)}nav a:hover{color:var(--orange)}.city-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px}.map{position:relative;min-height:456px;background:#193c33;overflow:hidden;border-radius:17px;color:white}.map>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 53%}.shade{position:absolute;inset:0;background:linear-gradient(180deg,#13281f35,transparent 30%,transparent 75%,#13281fc9)}.map-top,.map-bottom{position:absolute;left:20px;right:20px;display:flex;justify-content:space-between;gap:10px;z-index:2;font-size:12px}.map-top{top:20px}.map-top span{background:#1a392ac4;border:1px solid #cad5ae50;border-radius:6px;padding:6px 10px;letter-spacing:1px}.map-bottom{bottom:16px}.pin{position:absolute;display:flex;align-items:center;gap:9px;padding:9px;background:#ffffffed;border:1px solid #fffa;border-radius:10px;box-shadow:0 6px 22px #10221844;text-decoration:none;color:var(--ink);font-size:14px;transition:transform .15s}.pin:hover{transform:translateY(-4px)}.pin b,.avatar{display:grid;place-items:center;flex-shrink:0;background:#f5e7dd;color:#bd5b39;width:35px;height:37px;border-radius:10px;font-size:22px;font-weight:650}.pin small{display:block;font-size:12px;color:var(--sub)}.astra{left:12%;top:60%}.gemini{left:14%;top:25%}.gemini b,.blue{background:#e6ecfb;color:#5c79c3}.fable{left:67%;top:59%}.fable b,.pink{background:#f2e7f2;color:#aa6b9c}aside{padding:25px;border:1px solid var(--line);border-radius:14px;background:white}aside .eyebrow{font-size:12px;letter-spacing:1px}aside h2{font-size:20px}.money{font-size:45px;font-weight:600;letter-spacing:-1.7px;line-height:1.3;display:block;margin:16px 0 5px}.money span{color:#a8b4aa}.muted{font-size:13px;color:var(--sub);line-height:1.5;margin:0}.coins{display:flex;gap:7px;margin:18px 0}.coins span{font-size:12px;padding:3px 8px;border:1px solid var(--line);border-radius:6px}hr{border:0;border-top:1px solid var(--line);margin:23px 0}.row{display:flex;justify-content:space-between;gap:15px;margin:13px 0;font-size:14px}.row span{color:var(--sub)}.fine{font-size:12px;color:#7d8c80;line-height:1.5;margin:20px 0 0}.heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:31px 0 16px}.heading h2{font-size:20px;margin:0}.heading h2 small{font-size:13px;color:#8b998e;margin-left:7px;font-weight:400}.heading>span{font-size:13px;color:var(--sub)}.residents{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.residents article{display:flex;align-items:center;gap:12px;padding:21px 18px;background:white;border:1px solid var(--line);border-radius:12px;flex-wrap:wrap}.residents p{font-size:13px;color:var(--sub);margin:3px 0 0}.residents article>small{font-size:12px;color:#7c8679;margin-left:auto;background:#f1f3ee;border-radius:5px;padding:4px 7px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metrics article{padding:22px;border:1px solid var(--line);border-radius:12px;background:white}.metrics span{font-size:14px;color:var(--sub)}.metrics b{display:block;font-size:35px;font-weight:600;line-height:1.5;margin-top:6px}.metrics small{font-size:12px;color:#859285}.growth{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;padding:28px;background:#eaf0eb;border:1px solid #d7e2d7;border-radius:13px;margin-top:27px}.growth h2{font-size:25px}.growth>div>p:not(.eyebrow){font-size:14px;color:var(--sub);max-width:530px}.growth-card{padding:18px 24px;border-radius:11px;background:#ffffffaa;align-self:center}.growth-card p{font-size:13px}progress{width:100%;height:9px;accent-color:#567b54;border:0;border-radius:10px;overflow:hidden}progress::-webkit-progress-bar{background:#dbe4d7}progress::-webkit-progress-value{background:#597e56}.notice{display:flex;gap:20px;padding:21px 4px;margin-top:9px;font-size:13px;color:var(--sub)}.notice b{font-weight:600;white-space:nowrap}.notice span{max-width:750px}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:24px 0;font-size:12px;color:#798b7d;align-items:center}footer button{font:inherit;white-space:nowrap;border:0;background:none;color:#476a50;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #db694d;outline-offset:5px}@media(min-width:1550px){.map{min-height:500px}}@media(max-width:1150px){.shell{padding:0 27px}.brand small{display:none}.city-grid{grid-template-columns:minmax(0,1fr) 280px}.fable{left:57%}.pin{padding:7px}.pin small{max-width:120px}.residents article>small{margin-left:0}.growth{gap:25px}.notice{flex-direction:column;gap:7px}}@media(max-width:850px){.city-grid{grid-template-columns:1fr}aside{display:none}.intro>p{max-width:230px}.residents{grid-template-columns:1fr}.residents article>small{margin-left:auto}.metrics{grid-template-columns:repeat(2,1fr)}.growth{grid-template-columns:1fr}.map{min-height:440px}.pin small{max-width:none}.fable{left:63%}.heading>span{max-width:40%;text-align:right}footer{flex-wrap:wrap}}@media(max-width:520px){.shell{padding:0 16px}header{height:75px}.brand{font-size:22px}.viewer{font-size:12px;max-width:115px}h1{font-size:33px}.intro{padding:27px 0 24px}.intro>p{display:none}nav{gap:23px}.map{min-height:365px}.map-top,.map-bottom{left:12px;right:12px;font-size:12px}.map-bottom{flex-direction:column;gap:2px}.pin{font-size:13px;gap:6px}.pin small{font-size:12px;max-width:110px}.pin b{width:27px;height:30px;font-size:18px}.astra{left:6%;top:57%}.gemini{left:8%;top:28%}.fable{left:53%;top:62%}.map-top span{padding:5px 7px;font-size:11px}.heading{align-items:flex-start}.heading h2{font-size:18px}.heading>span{font-size:12px}.metrics{gap:10px}.metrics article{padding:18px}.growth{padding:21px;gap:10px}.growth-card{padding:14px 17px}.growth h2{font-size:22px}.notice b{white-space:normal}footer{gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}