body{overflow-x:hidden}
@media(max-width:620px){
  .demo-ribbon{font-size:9px;white-space:nowrap;overflow:hidden}
  .site-header{height:74px;padding:0 12px}
  .site-header>.brand{gap:7px;min-width:0}
  .site-header>.brand img{width:38px;height:38px}
  .site-header>.brand b{font-size:18px;white-space:nowrap}
  .header-actions{gap:1px}
  .taste-chip{display:none}
  .icon-button,.menu-button{width:38px}
  .hero,.hero-copy{min-width:0}
  .hero-note{flex-wrap:wrap}
}