@media(max-width:700px){.site-header{align-items:flex-start;gap:22px;flex-direction:column}.nav{gap:15px;flex-wrap:wrap}.hero,.page{padding-top:70px}.hero h1{font-size:clamp(48px,17vw,76px)}.population-card{padding:24px 14px}.population-card strong{font-size:clamp(31px,11vw,52px)}footer{gap:10px;flex-direction:column}}