/* Full-width homepage tuning and keyboard fixes. */
.shell{width:min(1680px,calc(100% - 48px));max-width:none}
.hero-grid{grid-template-columns:minmax(410px,.82fr) minmax(0,1.18fr);min-height:720px}
.sound-lab{grid-template-columns:330px minmax(0,1fr)}
.sound-lab .keys{grid-template-columns:repeat(8,minmax(0,1fr));min-height:178px}
.sound-lab .sound-key::before{display:none}
.sound-lab .sound-key:nth-child(1)::before,.sound-lab .sound-key:nth-child(2)::before,.sound-lab .sound-key:nth-child(4)::before,.sound-lab .sound-key:nth-child(5)::before,.sound-lab .sound-key:nth-child(6)::before{display:block;width:42%;height:56%;right:-21%;top:0}
@media (max-width:900px){
  .shell{width:calc(100% - 28px)}
  .hero-grid{grid-template-columns:1fr;min-height:0}
  .hero-stage{min-height:520px}
  .sound-lab{grid-template-columns:1fr}
  .sound-copy{border-right:0;border-bottom:1px solid rgba(255,255,255,.25)}
}
@media (max-width:560px){
  .sound-lab .keys{min-height:135px}
  .sound-lab .note-name{font-size:25px}
  .sound-lab .key-hint{font-size:7px}
}