@media (min-width:761px) and (max-width:1024px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  .shell{width:calc(100% - 28px);max-width:none}
  header{width:calc(100% - 12px)!important}
  .nav{gap:8px!important;padding-inline:10px!important}
  .brandLogo{min-width:0}
  .brandWords{font-size:15px!important;letter-spacing:.09em!important}
  .brandWords small{display:none!important}
  .navlinks{min-width:0;max-width:58vw;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}
  .navlinks::-webkit-scrollbar{display:none}
  .navlinks:after{display:none}
  .navlinks button{flex:0 0 auto;font-size:12px!important;padding:8px 7px!important}
  .navlinks button.active{background:rgba(255,255,255,.10)!important}
  .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .gearGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  [data-view="music"] .toolbar,
  [data-view="world"] .toolbar,
  [data-view="originals"] .toolbar{
    grid-template-columns:repeat(2,minmax(0,1fr));
    align-items:stretch;
  }
  [data-view="music"] .toolbar>input,
  [data-view="world"] .toolbar>input,
  [data-view="originals"] .toolbar>input{grid-column:1/-1}
  [data-view="music"] .toolbar>select,
  [data-view="world"] .toolbar>select,
  [data-view="originals"] .toolbar>select{width:100%;min-width:0}

  .hero{padding-inline:0;gap:28px}
  .pageHero h1{overflow-wrap:anywhere}
  .portalGrid{grid-template-columns:1fr}
  .rail,.latestRail{grid-auto-columns:minmax(270px,48vw)!important}
  .statsGrid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media (min-width:761px) and (max-width:1024px) and (orientation:portrait){
  .hero{grid-template-columns:1fr!important;min-height:auto!important;padding-top:64px!important}
  .heroVisual{min-height:430px}
  .latestStage{grid-template-columns:1fr}
  .artistHero{grid-template-columns:1fr!important}
  .artistStage{height:auto!important;min-height:560px!important}
}

@media (min-width:761px) and (max-width:900px){
  .lang{display:none!important}
  .navlinks{max-width:62vw}
}