{"id":95,"date":"2026-03-11T00:56:42","date_gmt":"2026-03-11T00:56:42","guid":{"rendered":"https:\/\/modernmetropolis.org\/?page_id=95"},"modified":"2026-03-19T21:43:52","modified_gmt":"2026-03-19T21:43:52","slug":"hello-theme-95","status":"publish","type":"page","link":"https:\/\/modernmetropolis.org\/","title":{"rendered":"Hello Theme #95"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"95\" class=\"elementor elementor-95\">\n\t\t\t\t<div class=\"elementor-element elementor-element-178a91f e-con-full e-flex e-con e-parent\" data-id=\"178a91f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c560a18 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"c560a18\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\" class=\"dark\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>The Institute for the Modern Metropolis<\/title>\n    <!-- Tailwind CSS 3 CDN -->\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <!-- Google Fonts -->\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;600;700;800&amp;family=Work+Sans:wght@300;400;500;600&amp;display=swap\" rel=\"stylesheet\">\n    <!-- Lucide Icons -->\n    <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\n    \n    <script>\n        tailwind.config = {\n            darkMode: 'class',\n            theme: {\n                extend: {\n                    colors: {\n                        background: '#002855',\n                        surface: '#002d5f',\n                        'surface-high': '#00326b',\n                        primary: '#59dad1',\n                        secondary: '#59dad1',\n                        tertiary: '#aac7fd',\n                        'on-surface': '#e1e3e4',\n                        'on-surface-variant': '#c4c6d0',\n                    },\n                    fontFamily: {\n                        headline: ['Manrope', 'sans-serif'],\n                        body: ['Work Sans', 'sans-serif'],\n                    },\n                }\n            }\n        }\n    <\/script>\n    <style type=\"text\/css\">\n        .blueprint-grid {\n            background-image: radial-gradient(circle, #59dad1 1px, transparent 1px);\n            background-size: 40px 40px;\n        }\n        .blueprint-large {\n            background-image: \n                linear-gradient(rgba(89, 218, 209, 0.05) 1px, transparent 1px),\n                linear-gradient(90deg, rgba(89, 218, 209, 0.05) 1px, transparent 1px);\n            background-size: 80px 80px;\n        }\n        .hero-gradient-overlay {\n            background: linear-gradient(to right, rgba(0, 40, 85, 0.95) 0%, rgba(0, 40, 85, 0.7) 40%, rgba(0, 40, 85, 0.2) 100%);\n        }\n        .glass-effect {\n            background: rgba(0, 40, 85, 0.7);\n            backdrop-filter: blur(12px);\n            border: 1px solid rgba(89, 218, 209, 0.2);\n        }\n        .vertical-axis::before {\n            content: '';\n            position: absolute;\n            left: 23px;\n            top: 0;\n            bottom: 0;\n            width: 2px;\n            background: rgba(89, 218, 209, 0.2);\n        }\n        html {\n            scroll-behavior: smooth;\n        }\n    <\/style>\n<\/head>\n<body class=\"bg-background text-on-surface font-body\">\n\n    <!-- Navbar -->\n    <nav class=\"sticky top-0 z-50 bg-background\/80 backdrop-blur-md border-b border-primary\/10\">\n        <div class=\"max-w-7xl mx-auto px-6 py-4 flex justify-between items-center\">\n            <div class=\"flex items-center gap-3\">\n                <div class=\"w-10 h-10 bg-primary\/20 rounded-lg flex items-center justify-center border border-primary\/30\">\n                    <i data-lucide=\"building-2\" class=\"text-primary w-6 h-6\"><\/i>\n                <\/div>\n                <span class=\"text-lg font-extrabold tracking-tighter font-headline text-white leading-tight\">\n                    The Institute for the <br> Modern Metropolis\n                <\/span>\n            <\/div>\n            <div class=\"hidden md:flex items-center gap-8 font-headline font-bold text-sm tracking-tight\">\n                <a href=\"#problem\" class=\"text-on-surface-variant hover:text-primary transition-colors\">The Problem<\/a>\n                <a href=\"#solution\" class=\"text-on-surface-variant hover:text-primary transition-colors\">Our Solution<\/a>\n                <a href=\"#focus\" class=\"text-on-surface-variant hover:text-primary transition-colors\">Focus Areas<\/a>\n                <button class=\"bg-primary text-background px-6 py-2 rounded-lg font-bold hover:opacity-90 transition-opacity\">\n                    Support Us\n                <\/button>\n            <\/div>\n            <button class=\"md:hidden text-on-surface\">\n                <i data-lucide=\"menu\"><\/i>\n            <\/button>\n        <\/div>\n    <\/nav>\n\n    <!-- Hero Section -->\n    <section class=\"relative min-h-[90vh] flex items-center overflow-hidden\">\n        <div class=\"absolute inset-0 z-0\">\n            <img decoding=\"async\" \n                src=\"https:\/\/images.unsplash.com\/photo-1449824913935-59a10b8d2000?auto=format&amp;fit=crop&amp;q=80&amp;w=1920\"\n                alt=\"Cityscape\" \n                class=\"w-full h-full object-cover\"\n            >\n            <div class=\"absolute inset-0 hero-gradient-overlay\"><\/div>\n            <div class=\"absolute inset-0 blueprint-grid opacity-10 pointer-events-none\"><\/div>\n        <\/div>\n        \n        <div class=\"max-w-7xl mx-auto px-6 relative z-10 w-full pt-20\">\n            <div class=\"max-w-4xl\">\n                <div class=\"inline-flex items-center px-4 py-1.5 bg-primary\/10 backdrop-blur-sm text-primary border border-primary\/20 rounded-full text-xs font-bold tracking-[0.2em] mb-8 uppercase\">\n                    Independent Policy Research\n                <\/div>\n                <h1 class=\"text-5xl md:text-7xl lg:text-8xl font-headline font-extrabold text-white leading-[1.05] tracking-tighter mb-8\">\n                    Giving City Councils <br>\n                    <span class=\"text-primary\">Independent Power<\/span> to Lead.\n                <\/h1>\n                <p class=\"text-xl md:text-2xl text-on-surface-variant max-w-2xl leading-relaxed mb-12 font-light\">\n                    We build proactive, ready-to-use legislative playbooks and policy toolkits. Equipping pragmatic leaders with economically literate solutions to the toughest urban problems.\n                <\/p>\n                \n                <div class=\"flex flex-wrap gap-6 mb-20\">\n                    <button class=\"bg-primary text-background px-10 py-5 rounded-xl font-headline font-bold text-xl shadow-2xl shadow-primary\/20 hover:scale-[1.02] transition-transform\">\n                        Support Our Work\n                    <\/button>\n                    <button class=\"bg-white\/5 backdrop-blur-md border border-white\/20 px-10 py-5 rounded-xl font-headline font-bold text-xl text-tertiary hover:bg-white\/10 transition-colors\">\n                        View the Playbooks\n                    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Problem Section -->\n    <section id=\"problem\" class=\"bg-surface py-32 relative overflow-hidden\">\n        <div class=\"absolute inset-0 blueprint-large opacity-20 pointer-events-none\"><\/div>\n        <div class=\"max-w-7xl mx-auto px-6 relative z-10\">\n            <div class=\"max-w-3xl mb-24\">\n                <span class=\"text-primary font-bold tracking-[0.2em] uppercase text-sm mb-4 block\">The Problem<\/span>\n                <h2 class=\"text-4xl md:text-6xl font-headline font-extrabold tracking-tighter text-white mb-8\">\n                    The Legislators Who <br> Don't Legislate\n                <\/h2>\n                <p class=\"text-xl text-on-surface-variant leading-relaxed\">\n                    In America's blue cities, we face a critical democratic gap. City councils are expected to solve immense problems, but they are set up to fail due to a structural power imbalance.\n                <\/p>\n            <\/div>\n\n            <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\n                <div class=\"bg-background p-10 rounded-2xl border border-primary\/10 hover:border-primary\/40 transition-all group relative overflow-hidden\">\n                    <div class=\"absolute top-0 left-0 w-12 h-1 bg-primary group-hover:w-full transition-all duration-500\"><\/div>\n                    <div class=\"mb-6\"><i data-lucide=\"scale\" class=\"w-10 h-10 text-tertiary\"><\/i><\/div>\n                    <h3 class=\"text-2xl font-headline font-bold text-white mb-4\">The Resource Gap<\/h3>\n                    <p class=\"text-on-surface-variant leading-relaxed\">Council offices lack the specialized legal and economic staff needed to draft complex, transformative legislation without outside help.<\/p>\n                <\/div>\n                <div class=\"bg-background p-10 rounded-2xl border border-primary\/10 hover:border-primary\/40 transition-all group relative overflow-hidden\">\n                    <div class=\"absolute top-0 left-0 w-12 h-1 bg-primary group-hover:w-full transition-all duration-500\"><\/div>\n                    <div class=\"mb-6\"><i data-lucide=\"shield-alert\" class=\"w-10 h-10 text-tertiary\"><\/i><\/div>\n                    <h3 class=\"text-2xl font-headline font-bold text-white mb-4\">The Power Imbalance<\/h3>\n                    <p class=\"text-on-surface-variant leading-relaxed\">Mayoral administrations hold the monopoly on data and departmental expertise, leaving legislators reactive rather than proactive.<\/p>\n                <\/div>\n                <div class=\"bg-background p-10 rounded-2xl border border-primary\/10 hover:border-primary\/40 transition-all group relative overflow-hidden\">\n                    <div class=\"absolute top-0 left-0 w-12 h-1 bg-primary group-hover:w-full transition-all duration-500\"><\/div>\n                    <div class=\"mb-6\"><i data-lucide=\"alert-triangle\" class=\"w-10 h-10 text-tertiary\"><\/i><\/div>\n                    <h3 class=\"text-2xl font-headline font-bold text-white mb-4\">The Result<\/h3>\n                    <p class=\"text-on-surface-variant leading-relaxed\">A vacuum filled by activists and lobbyists, resulting in performative politics over economically sound municipal governance.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Solution Section -->\n    <section id=\"solution\" class=\"py-32 bg-background\">\n        <div class=\"max-w-7xl mx-auto px-6\">\n            <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-24 items-start\">\n                <div class=\"lg:sticky lg:top-32\">\n                    <span class=\"text-primary font-bold tracking-[0.2em] uppercase text-sm mb-4 block\">Our Solution<\/span>\n                    <h2 class=\"text-4xl md:text-6xl font-headline font-extrabold tracking-tighter text-white mb-8\">\n                        Proactive, Proven <br> Policy Playbooks\n                    <\/h2>\n                    <p class=\"text-xl text-on-surface-variant leading-relaxed mb-12\">\n                        IMM acts as an opinionated, proactive \"central publisher.\" We are the missing piece for the pragmatic left, countering far-left influence by providing moderate councils with the expertise they need.\n                    <\/p>\n\n                    <div class=\"space-y-12 relative pl-12 vertical-axis\">\n                        <div class=\"relative\">\n                            <div class=\"absolute -left-[50px] w-12 h-12 rounded-xl bg-surface flex items-center justify-center border border-primary\/20 z-10 shadow-lg\">\n                                <i data-lucide=\"search\" class=\"text-primary w-6 h-6\"><\/i>\n                            <\/div>\n                            <h4 class=\"font-headline font-bold text-xl text-white mb-2\">Find What Works<\/h4>\n                            <p class=\"text-on-surface-variant\">We source proven legislative success stories from across the globe, vetting them for economic impact.<\/p>\n                        <\/div>\n                        <div class=\"relative\">\n                            <div class=\"absolute -left-[50px] w-12 h-12 rounded-xl bg-surface flex items-center justify-center border border-primary\/20 z-10 shadow-lg\">\n                                <i data-lucide=\"construction\" class=\"text-primary w-6 h-6\"><\/i>\n                            <\/div>\n                            <h4 class=\"font-headline font-bold text-xl text-white mb-2\">Build the Playbook<\/h4>\n                            <p class=\"text-on-surface-variant\">Our legal and economic teams translate success into turn-key legislative packages tailored for American city councils.<\/p>\n                        <\/div>\n                        <div class=\"relative\">\n                            <div class=\"absolute -left-[50px] w-12 h-12 rounded-xl bg-surface flex items-center justify-center border border-primary\/20 z-10 shadow-lg\">\n                                <i data-lucide=\"megaphone\" class=\"text-primary w-6 h-6\"><\/i>\n                            <\/div>\n                            <h4 class=\"font-headline font-bold text-xl text-white mb-2\">Equip the Legislator<\/h4>\n                            <p class=\"text-on-surface-variant\">We provide the draft text, defense strategy, and public-facing messaging kits needed for a successful vote.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"space-y-12\">\n                    <div class=\"bg-surface-high p-12 rounded-3xl border border-primary\/10 shadow-2xl relative overflow-hidden\">\n                        <div class=\"absolute -top-12 -right-12 opacity-5\">\n                            <i data-lucide=\"file-text\" class=\"w-64 h-64 text-primary\"><\/i>\n                        <\/div>\n                        <h3 class=\"text-3xl font-headline font-bold text-white mb-8\">The Legislative Playbook<\/h3>\n                        <div class=\"space-y-4\">\n                            <div class=\"bg-background\/40 backdrop-blur-sm p-6 rounded-2xl flex items-center gap-6 border border-white\/5 hover:border-primary\/30 transition-all cursor-pointer group\">\n                                <div class=\"w-14 h-14 rounded-xl bg-primary\/10 flex items-center justify-center border border-primary\/20 group-hover:bg-primary\/20 transition-all\">\n                                    <i data-lucide=\"file-text\" class=\"text-primary w-7 h-7\"><\/i>\n                                <\/div>\n                                <div class=\"flex-1\">\n                                    <span class=\"font-headline font-bold text-white text-lg block\">Draft Legislation<\/span>\n                                    <span class=\"text-xs text-on-surface-variant uppercase tracking-wider\">Ready to file code<\/span>\n                                <\/div>\n                            <\/div>\n                            <div class=\"bg-background\/40 backdrop-blur-sm p-6 rounded-2xl flex items-center gap-6 border border-white\/5 hover:border-primary\/30 transition-all cursor-pointer group\">\n                                <div class=\"w-14 h-14 rounded-xl bg-primary\/10 flex items-center justify-center border border-primary\/20 group-hover:bg-primary\/20 transition-all\">\n                                    <i data-lucide=\"git-branch\" class=\"text-primary w-7 h-7\"><\/i>\n                                <\/div>\n                                <div class=\"flex-1\">\n                                    <span class=\"font-headline font-bold text-lg text-white block\">Implementation Guide<\/span>\n                                    <span class=\"text-xs text-on-surface-variant uppercase tracking-wider\">Departmental Roadmap<\/span>\n                                <\/div>\n                            <\/div>\n                            <div class=\"bg-background\/40 backdrop-blur-sm p-6 rounded-2xl flex items-center gap-6 border border-white\/5 hover:border-primary\/30 transition-all cursor-pointer group\">\n                                <div class=\"w-14 h-14 rounded-xl bg-primary\/10 flex items-center justify-center border border-primary\/20 group-hover:bg-primary\/20 transition-all\">\n                                    <i data-lucide=\"message-square\" class=\"text-primary w-7 h-7\"><\/i>\n                                <\/div>\n                                <div class=\"flex-1\">\n                                    <span class=\"font-headline font-bold text-lg text-white block\">Communications Kit<\/span>\n                                    <span class=\"text-xs text-on-surface-variant uppercase tracking-wider\">Messaging & Press<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Focus Areas -->\n    <section id=\"focus\" class=\"bg-surface py-32 border-y border-primary\/10 relative overflow-hidden\">\n        <div class=\"absolute inset-0 blueprint-grid opacity-5 pointer-events-none\"><\/div>\n        <div class=\"max-w-7xl mx-auto px-6 relative z-10\">\n            <div class=\"text-center mb-24\">\n                <span class=\"text-primary font-bold tracking-[0.2em] uppercase text-sm mb-4 block\">Our Focus Areas<\/span>\n                <h2 class=\"text-4xl md:text-6xl font-headline font-extrabold tracking-tighter text-white mb-8\">\n                    Tackling the <br class=\"md:hidden\"> Unsolvable Issues\n                <\/h2>\n                <p class=\"text-xl text-on-surface-variant max-w-3xl mx-auto leading-relaxed\">\n                    We apply structural economic analysis and legislative rigor to the crises that traditional politics has failed to resolve.\n                <\/p>\n            <\/div>\n\n            <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\n                <div class=\"bg-background p-10 rounded-3xl border border-primary\/10 hover:border-primary\/40 transition-all shadow-xl relative overflow-hidden group\">\n                    <div class=\"w-16 h-16 rounded-2xl bg-primary\/10 flex items-center justify-center border border-primary\/20 mb-8 group-hover:bg-primary\/20 transition-all\">\n                        <i data-lucide=\"home\" class=\"text-primary w-8 h-8\"><\/i>\n                    <\/div>\n                    <h3 class=\"text-2xl font-headline font-bold text-white mb-4\">Systemic Homelessness<\/h3>\n                    <p class=\"text-on-surface-variant leading-relaxed mb-8\">Moving beyond expensive specialty housing and towards root cause solutions on an individual level.<\/p>\n                    <div class=\"flex items-center gap-2 text-tertiary font-bold text-sm uppercase tracking-widest\">\n                        <span>Learn More<\/span>\n                        <i data-lucide=\"arrow-right\" class=\"w-4 h-4\"><\/i>\n                    <\/div>\n                <\/div>\n                <div class=\"bg-background p-10 rounded-3xl border border-primary\/10 hover:border-primary\/40 transition-all shadow-xl relative overflow-hidden group\">\n                    <div class=\"w-16 h-16 rounded-2xl bg-primary\/10 flex items-center justify-center border border-primary\/20 mb-8 group-hover:bg-primary\/20 transition-all\">\n                        <i data-lucide=\"building-2\" class=\"text-primary w-8 h-8\"><\/i>\n                    <\/div>\n                    <h3 class=\"text-2xl font-headline font-bold text-white mb-4\">Affordable Housing<\/h3>\n                    <p class=\"text-on-surface-variant leading-relaxed mb-8\">Implementing innovative models to maximize the public benifit from limited public dollars.<\/p>\n                    <div class=\"flex items-center gap-2 text-tertiary font-bold text-sm uppercase tracking-widest\">\n                        <span>Learn More<\/span>\n                        <i data-lucide=\"arrow-right\" class=\"w-4 h-4\"><\/i>\n                    <\/div>\n                <\/div>\n                <div class=\"bg-background p-10 rounded-3xl border border-primary\/10 hover:border-primary\/40 transition-all shadow-xl relative overflow-hidden group\">\n                    <div class=\"w-16 h-16 rounded-2xl bg-primary\/10 flex items-center justify-center border border-primary\/20 mb-8 group-hover:bg-primary\/20 transition-all\">\n                        <i data-lucide=\"activity\" class=\"text-primary w-8 h-8\"><\/i>\n                    <\/div>\n                    <h3 class=\"text-2xl font-headline font-bold text-white mb-4\">Public Drug Use Crisis<\/h3>\n                    <p class=\"text-on-surface-variant leading-relaxed mb-8\">Intervention policies that prioritize public safety while addressing the human toll of addiction.<\/p>\n                    <div class=\"flex items-center gap-2 text-tertiary font-bold text-sm uppercase tracking-widest\">\n                        <span>Learn More<\/span>\n                        <i data-lucide=\"arrow-right\" class=\"w-4 h-4\"><\/i>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- CTA Section -->\n    <section class=\"max-w-7xl mx-auto px-6 py-32\">\n        <div class=\"bg-gradient-to-br from-primary via-surface-high to-background rounded-[2.5rem] p-12 md:p-20 text-center relative overflow-hidden shadow-2xl\">\n            <div class=\"absolute inset-0 blueprint-grid opacity-20\"><\/div>\n            <div class=\"relative z-10\">\n                <h2 class=\"text-5xl md:text-7xl font-headline font-extrabold mb-8 tracking-tighter leading-none\">\n                    Ready to Build the <br> Modern Metropolis?\n                <\/h2>\n                <p class=\"text-xl md:text-2xl text-white\/90 max-w-2xl mx-auto mb-12 font-light\">\n                    Support our team of experts creating the framework for functional, prosperous cities.\n                <\/p>\n                <div class=\"flex flex-col sm:flex-row gap-6 justify-center\">\n                    <button class=\"bg-white text-background px-12 py-5 rounded-2xl font-headline font-bold text-lg hover:bg-tertiary transition-all shadow-xl\">\n                        Support Our Work\n                    <\/button>\n                    <button class=\"bg-transparent border-2 border-white\/30 px-12 py-5 rounded-2xl font-headline font-bold text-lg hover:bg-white\/10 transition-all text-white\">\n                        View the Playbooks\n                    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Footer -->\n    <footer class=\"border-t border-primary\/10 bg-background pt-20 pb-12\">\n        <div class=\"max-w-7xl mx-auto px-6\">\n            <div class=\"grid grid-cols-1 md:grid-cols-4 gap-12 mb-20\">\n                <div class=\"col-span-1 md:col-span-2\">\n                    <div class=\"flex items-center gap-3 mb-6\">\n                        <div class=\"w-8 h-8 bg-primary\/20 rounded flex items-center justify-center border border-primary\/30\">\n                            <i data-lucide=\"building-2\" class=\"text-primary w-5 h-5\"><\/i>\n                        <\/div>\n                        <span class=\"text-xl font-extrabold text-white tracking-tighter font-headline\">IMM<\/span>\n                    <\/div>\n                    <p class=\"text-on-surface-variant leading-relaxed max-w-sm\">\n                        The Institute for the Modern Metropolis is an independent, non-partisan policy research organization dedicated to empowering city legislators with actionable, economically sound solutions.\n                    <\/p>\n                <\/div>\n                <div>\n                    <h5 class=\"text-white font-headline font-bold uppercase tracking-widest text-xs mb-6\">Playbooks<\/h5>\n                    <ul class=\"space-y-3 text-on-surface-variant text-sm\">\n                        <li><a href=\"#\" class=\"hover:text-primary transition-colors\">Homelessness<\/a><\/li>\n                        <li><a href=\"#\" class=\"hover:text-primary transition-colors\">Affordable Housing<\/a><\/li>\n                        <li><a href=\"#\" class=\"hover:text-primary transition-colors\">Public Drug Use<\/a><\/li>\n                    <\/ul>\n                <\/div>\n                <div>\n                    <h5 class=\"text-white font-headline font-bold uppercase tracking-widest text-xs mb-6\">About Us<\/h5>\n                    <ul class=\"space-y-3 text-on-surface-variant text-sm\">\n                        <li><a href=\"#\" class=\"hover:text-primary transition-colors\">Board<\/a><\/li>\n                        <li><a href=\"#\" class=\"hover:text-primary transition-colors\">Team<\/a><\/li>\n                        <li><a href=\"#\" class=\"hover:text-primary transition-colors\">Contact<\/a><\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n            \n            <div class=\"pt-8 border-t border-primary\/10 flex flex-col md:flex-row justify-between items-center gap-6\">\n                <p class=\"text-on-surface-variant\/60 text-xs font-bold tracking-widest uppercase\">\n                    \u00a9 2026 The Institute for the Modern Metropolis. \n                <\/p>\n                <div class=\"flex gap-6 text-on-surface-variant\/60\">\n                    <a href=\"#\" class=\"hover:text-primary transition-colors\"><i data-lucide=\"share-2\" class=\"w-5 h-5\"><\/i><\/a>\n                    <a href=\"#\" class=\"hover:text-primary transition-colors\"><i data-lucide=\"mail\" class=\"w-5 h-5\"><\/i><\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/footer>\n\n    <script>\n        \/\/ Initialize Lucide icons\n        lucide.createIcons();\n    <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>The Institute for the Modern Metropolis The Institute for the Modern Metropolis The Problem Our Solution Focus Areas Support Us Independent Policy Research Giving City Councils Independent Power to Lead. We build proactive, ready-to-use legislative playbooks and policy toolkits. Equipping pragmatic leaders with economically literate solutions to the toughest urban problems. Support Our Work View [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-95","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/modernmetropolis.org\/index.php?rest_route=\/wp\/v2\/pages\/95","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/modernmetropolis.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/modernmetropolis.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/modernmetropolis.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/modernmetropolis.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=95"}],"version-history":[{"count":13,"href":"https:\/\/modernmetropolis.org\/index.php?rest_route=\/wp\/v2\/pages\/95\/revisions"}],"predecessor-version":[{"id":124,"href":"https:\/\/modernmetropolis.org\/index.php?rest_route=\/wp\/v2\/pages\/95\/revisions\/124"}],"wp:attachment":[{"href":"https:\/\/modernmetropolis.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=95"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}