html,body{max-width:100%;overflow-x:hidden}
@media(max-width:600px){
  .shell{width:calc(100% - 28px)}
  .nav{position:relative;gap:1rem}
  .brand{max-width:calc(100% - 64px)}
  .menu-button{position:absolute;right:0;top:17px;display:block;flex:0 0 48px}
  .hero-content{min-width:0}
  .hero h1,.page-hero h1{font-size:2.8rem;overflow-wrap:break-word}
}