:root{--heading-size:clamp(40px,3.65vw,70px);--heading-weight:300;--heading-color:rgba(255,255,255,.25);--body-size:clamp(15px,1.05vw,20px);--body-color:rgba(255,255,255,.5)}
h1,h2,h3{text-transform:lowercase}
.narrative-display h2,.statement-title{font-size:var(--heading-size);font-weight:var(--heading-weight);color:var(--heading-color);line-height:1.2;letter-spacing:-.035em}
.statement-copy{max-width:1100px;width:calc(100% - 2 * var(--grid-margin));text-align:center}
.statement-copy .small{font-size:var(--body-size);font-weight:400;color:var(--body-color);line-height:1.5;max-width:700px;margin:40px auto 0!important}
.city-outline{fill:#191c1a;stroke:#5b625d;stroke-width:1;stroke-linejoin:round}.city-streets{fill:none;stroke:#303732;stroke-width:.8}.city-river{fill:none;stroke:#66766b;stroke-width:2}.offer-map-scene .map-zone{fill:transparent;stroke:none;transition:fill .65s ease-in-out}.offer-map-scene .map-zone.active{fill:rgba(25,237,106,.025);stroke:none}.offer-map-scene .map-person{fill:#314638;opacity:.3;transition:fill .65s ease-in-out,opacity .65s ease-in-out}.offer-map-scene .map-person.active{fill:#3be781;opacity:1}
.people-choices{display:flex;flex-direction:column;align-items:flex-start;gap:10px;width:100%}.people-choice-icon{width:30px;height:30px;display:block}.scene-actions .people-choices .controls{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:16px;width:100%}
.scene-actions .people-choices .controls button{border:0;padding:0;margin:0;min-height:36px;color:rgba(255,255,255,.25);font-size:clamp(14px,1.1vw,21px);line-height:1.5;white-space:nowrap;background:none;transition:color .2s ease-in-out}
.scene-actions .people-choices .controls button[aria-pressed=true]{border:0;color:rgba(255,255,255,.75);background:none}.scene-actions .people-choices .controls button+button::before{content:'•';color:rgba(190,190,190,.1);margin-right:16px}.scene-actions .people-choices .controls button:hover{color:#aaa}
.step-compact{display:none}
@media(max-width:1500px) and (min-width:801px){.scene-actions .people-choices .controls{gap:10px}.scene-actions .people-choices .controls button{font-size:clamp(10px,1.05vw,15px)}.scene-actions .people-choices .controls button+button::before{margin-right:10px}}
@media(max-width:1050px) and (min-width:801px){.scene-actions .people-choices .controls{gap:6px}.scene-actions .people-choices .controls button{font-size:10px}.scene-actions .people-choices .controls button+button::before{margin-right:6px}}
@media(max-width:800px){:root{--heading-size:38px;--body-size:16px}.statement-copy{width:calc(100% - 40px)}.statement-copy .small{margin-top:32px!important}.scene-actions .people-choices .controls{gap:8px}.scene-actions .people-choices .controls button{font-size:clamp(10px,2.9vw,16px)}.scene-actions .people-choices .controls button+button::before{margin-right:8px}.people-choice-icon{width:24px;height:24px}}
@media(max-width:360px){.step-full{display:none}.step-compact{display:inline}.scene-actions .people-choices .controls button{font-size:12px}}