@media(max-width:480px){
  .site-header nav{flex-wrap:wrap;overflow:visible;column-gap:14px;row-gap:0}
  .site-header .navlink{display:inline-flex;align-items:center;min-height:36px}
  #controls{grid-template-columns:minmax(0,1fr)}
  #controls>#rangeBand,#search{grid-column:1/-1}
  #controls select,#controls input:not([type=range]):not([type=checkbox]){font-size:16px}
  .hero h1{font-size:clamp(42px,13vw,53px)}
}