.page-intro{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;align-items:center}.about-city{background:var(--surface);padding:35px}.about-city .footer-city{width:100%;height:auto;margin:0}.about-city p{font-size:13px;color:var(--muted)}.about-story{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:start}.about-principles{background:var(--rose);padding:10px 30px;color:var(--rose-ink)}.about-principles h2{color:var(--ink)}.about-bottom{max-width:840px;padding-top:25px}.about-bottom img{max-width:180px}
@media(max-width:850px){.page-intro,.about-story{grid-template-columns:1fr;gap:25px}.about-city{max-width:440px}.about-principles{padding:10px 24px}.about-bottom{padding-top:15px}}