@media (max-width:900px){
  .hero{grid-template-columns:1fr;min-height:0}
  .orbit{width:min(80%,420px)}
}
@media (max-width:760px){
  .brand img{height:32px}
  .menu-btn{display:inline-flex;padding:8px 14px;font-size:.9rem;line-height:1.2;border:1.5px solid var(--bronze);background:transparent;border-radius:2px}
  .site-header{gap:10px}
  #nav{display:none;position:absolute;top:var(--header-h);left:0;right:0;flex-direction:column;gap:18px;padding:20px var(--pad);background:var(--umber);border-bottom:1px solid var(--bronze-deep)}
  #nav.open{display:flex}
  #nav{margin-left:0}
  .cart-btn,.menu-btn{margin-left:auto}
  .cart-btn~.menu-btn{margin-left:0}
}