@font-face{font-family:Areal;src:url("/assets/fonts/Areal.woff2") format("woff2");font-weight:400 700;font-style:normal;font-display:swap}
:root{color-scheme:dark;--bg:#000;--panel:#0b0b0b;--line:#303034;--ink:#fff;--accent:#eee;--mast:76px;font-family:Areal,Arial,sans-serif}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink)}a{color:inherit}button,input,select{font:inherit}[hidden]{display:none!important}.skip{position:fixed;top:-60px;z-index:100;background:white;color:black;padding:12px}.skip:focus{top:0}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid white;outline-offset:4px}.masthead{min-height:var(--mast);display:flex;align-items:center;gap:22px;padding:16px 3vw;border-bottom:1px solid var(--line);background:var(--bg);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;flex-shrink:0;font-size:16px;font-weight:700;line-height:1.12}.brand small{display:block;font-weight:400;font-size:11px;margin-top:5px}.masthead nav{display:flex;align-items:center;gap:20px;margin-left:auto}.masthead nav a{text-decoration:none;font-size:14px;white-space:nowrap;position:relative;padding:9px 0}.masthead nav a:hover:after,.masthead nav a[aria-current]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--accent)}.archive-link{font-size:11px;white-space:nowrap;text-decoration:none;border-left:1px solid var(--line);padding-left:17px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:570px;border-bottom:1px solid var(--line)}.hero-copy{padding:78px 5vw 58px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.07em;margin:0 0 24px}.hero h1{font-size:clamp(38px,4.5vw,72px);line-height:1.04;letter-spacing:-.045em;font-weight:500;margin:0 0 27px}.dek{font-size:19px;line-height:1.55;max-width:480px;margin-bottom:33px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap}.button{display:inline-block;padding:14px 18px;text-decoration:none;border:1px solid #666;font-size:13px}.button.primary{background:var(--accent);border-color:var(--accent);color:#000}.button:hover{border-color:white}.hero-image{position:relative;display:block;overflow:hidden;background:#000;min-height:420px;text-decoration:none}.hero-image img{width:100%;height:100%;object-fit:contain;position:absolute;inset:0;opacity:.85}.hero-image span{position:absolute;left:28px;bottom:30px;right:28px;padding:16px 20px;background:#000d;font-size:15px}.hero-image b{display:block;margin-top:10px;font-size:13px}.intro{display:grid;grid-template-columns:.7fr 1.1fr 1.3fr;gap:35px;padding:55px 5vw 35px;align-items:start}.intro h2,.research-intro h2{font-size:30px;line-height:1.13;letter-spacing:-.03em;font-weight:500;margin:0}.intro>p:last-child{line-height:1.6;margin:0;font-size:16px}.cards{display:grid;grid-template-columns:repeat(3,1fr);padding:0 5vw 60px;gap:22px}.card{border-top:2px solid white;padding:25px 0 0;text-decoration:none}.card:hover{border-color:var(--accent)}.number{font-size:12px}.card h3{font-size:25px;line-height:1.15;font-weight:500;letter-spacing:-.02em;max-width:270px}.card p{font-size:15px;line-height:1.6;max-width:350px}.card b{display:block;font-size:13px;margin-top:24px}.research-intro{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);gap:60px;padding:55px 5vw}.research-intro p{line-height:1.6}.research-intro a{display:inline-block;margin:15px 24px 0 0;font-size:14px}footer{padding:25px 5vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:12px}.subnav{display:flex;gap:24px;align-items:center;padding:10px 3vw;border-bottom:1px solid var(--line);height:55px;background:var(--panel);flex-shrink:0}.subnav>span{font-size:13px;font-weight:700;margin-right:10px}.subnav a{text-decoration:none;font-size:13px;padding:7px 0;border-bottom:2px solid transparent}.subnav a[aria-current]{border-bottom-color:var(--accent)}#explorer{height:calc(100dvh - var(--mast));display:flex;flex-direction:column}.frame-wrap{flex:1;min-height:0;position:relative}.frame-wrap iframe{width:100%;height:100%;border:0;display:block;background:var(--bg)}#frame-loading{position:absolute;top:30px;left:30px;font-size:14px}.city-toolbar{gap:15px}.city-toolbar select,.city-toolbar button{border:1px solid #57575e;background:#19191d;color:white;padding:6px 9px;border-radius:0}.city-toolbar label{font-size:12px}.city-toolbar button{cursor:pointer;font-size:12px}.city-toolbar button[aria-pressed=true]{background:white;color:black}.city-toolbar>div{display:flex;gap:5px;margin-left:auto}.city-heading{padding:50px 5vw 24px}.city-heading h1{font-size:44px;font-weight:500;letter-spacing:-.04em;margin:0 0 20px}.city-heading p{line-height:1.6;max-width:720px}.city-heading label{display:block;font-size:13px;margin:28px 0 10px}.city-heading input{padding:13px 15px;background:var(--panel);border:1px solid #626268;color:white;width:min(440px,100%);border-radius:0}.small{font-size:12px}.city-grid{padding:0 5vw 40px;display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.city-card{border:1px solid var(--line);padding:22px;text-decoration:none;background:var(--panel)}.city-card:hover{border-color:white}.city-card h2{font-size:20px;margin:0 0 28px;font-weight:500}.city-card span{font-size:12px}.city-card strong{float:right;font-weight:400}.city-note{margin:0 5vw 40px;font-size:13px;line-height:1.6}.embedded-error{padding:30px}@media(min-width:1500px){.masthead{gap:35px}.masthead nav{gap:28px}}@media(max-width:1100px){:root{--mast:117px}.masthead{flex-wrap:wrap;gap:12px}.masthead nav{order:3;width:100%;margin:0;overflow:auto;gap:24px}.archive-link{margin-left:auto}.hero-copy{padding:50px 5vw}.intro{grid-template-columns:1fr 1fr}.intro .eyebrow{grid-column:1/-1;margin-bottom:0}.city-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.hero{grid-template-columns:1fr}.hero-copy{padding:42px 6vw 25px}.hero-image{min-height:340px}.hero h1{font-size:43px}.intro{display:block;padding:40px 6vw 20px}.intro h2{margin:18px 0}.cards{display:block;padding:0 6vw 30px}.card{display:block;margin:25px 0 35px}.card h3{max-width:none;margin:16px 0}.card p{max-width:none}.research-intro{display:block;padding:35px 6vw}.city-heading{padding:35px 6vw 20px}.city-heading h1{font-size:34px}.city-grid{grid-template-columns:repeat(2,1fr);padding:0 6vw 30px;gap:10px}.city-card{padding:17px}.subnav{gap:16px;padding:9px 4vw;overflow:auto;white-space:nowrap;height:55px}.subnav>span{display:none}.city-toolbar label{display:none}.city-toolbar select{max-width:140px}.city-toolbar{gap:9px}.city-toolbar button{padding:7px 5px}.city-toolbar a{font-size:0}.city-toolbar a:before{content:'← Cities';font-size:12px}footer{gap:20px;line-height:1.5}.masthead nav a{font-size:13px}.masthead nav{gap:20px}}

.evidence-details{margin:1rem 0;border-top:1px solid #303030;padding:1rem 0}.panel-explanation{font-size:13px;line-height:1.5;color:#bbb;margin:.5rem 0 1rem}.diagnostic-reading-note{max-width:85ch;color:#bbb}

.landscape-definition{display:grid;grid-template-columns:.7fr 2.4fr;gap:35px;margin:0;padding:38px 5vw;border-bottom:1px solid var(--line)}
.landscape-definition .eyebrow{margin:6px 0 0}
.landscape-definition blockquote{margin:0;max-width:960px;font-size:clamp(21px,2.1vw,30px);line-height:1.35;letter-spacing:-.015em}
.landscape-definition figcaption{margin-top:18px;font-size:12px;color:#aaa}
.landscape-definition figcaption a{text-underline-offset:4px}
.hero-copy{padding-top:50px;padding-bottom:40px}
.hero h1{font-size:clamp(34px,3.4vw,54px);line-height:1.08;letter-spacing:-.035em}
.hero h1 span{display:block;margin-top:.3em}
.hero .dek{margin-bottom:18px}
.hero-context{max-width:480px;font-size:16px;line-height:1.6;color:#c5c5c5;margin:0 0 28px}
.cards{padding-top:45px}
@media(max-width:700px){.landscape-definition{grid-template-columns:1fr;gap:18px;padding:30px 6vw}.landscape-definition blockquote{font-size:23px}.hero-copy{padding-top:35px;padding-bottom:25px}.hero h1{font-size:38px}.cards{padding-top:10px}}

/* Give the premise and both opening questions equal visual weight. */
.hero .hero-premise,.hero h1{font-size:clamp(26px,2.35vw,34px);line-height:1.2;letter-spacing:-.025em;font-weight:500}
.hero .hero-premise{margin:0 0 .65em}
.hero h1{margin:0 0 27px}
.hero h1 span{display:block;margin-top:.65em}

.landscape-definition{display:block}
.landscape-definition blockquote{max-width:960px}

/* The measured hero is composited on the same true black as the site. */
.hero-image,.hero-image img{background:#000}.hero-image img{opacity:1;object-fit:contain}.hero{min-height:510px}.hero .dek{font-size:17px;line-height:1.55;margin-bottom:26px}.research-intro{padding-top:40px;padding-bottom:40px}

.card h3{max-width:30ch}