/* Keep the introduction and sky controls separate on narrow screens. */
@media(max-width:520px){
 .hero-copy{top:120px}
 .hero h1{font-size:clamp(32px,9vw,43px);letter-spacing:-1.5px}
 .hero-copy p{font-size:13px;line-height:1.8;max-width:300px}
 .hero-copy p br{display:initial}
 .map{top:460px;left:13%;right:20%;height:210px}
 .star span{font-size:8px}
 .preview-card{top:695px}
 .preview-card p{font-size:11px}
 .goods{font-size:9px;max-width:49%;text-align:center;bottom:20px}
}