/* line.html only: all five applications keep the original theme controls. */
.hero[data-business-campus] .equipment-controls{max-width:620px;width:58vw}
.hero[data-business-campus] .equipment-focus{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:3px}
.hero[data-business-campus] .equipment-focus button{padding:10px 8px;white-space:nowrap;text-align:left;font-size:11px;letter-spacing:.035em}
.hero[data-business-campus] .equipment-focus button span{font-size:8px;opacity:.55;margin-right:4px;font-variant-numeric:tabular-nums}
.hero[data-business-campus] .equipment-note{font-size:8px;letter-spacing:.12em}
@media(min-width:901px){
  .hero[data-business-campus]{min-height:800px}
  .hero[data-business-campus] .material-canvas{top:21%;height:53%}
}
@media(min-width:901px) and (max-height:799px){
  html,body{height:auto;min-height:100%;overflow-y:auto}
  .hero[data-business-campus] .equipment-controls{position:absolute;bottom:4.6vh}
}
@media(max-width:900px){
  .hero[data-business-campus]{min-height:1130px}
  .hero[data-business-campus] .equipment-controls{left:22px;right:22px;bottom:118px;width:auto;max-width:none}
  .hero[data-business-campus] .equipment-focus button{padding:12px 5px;font-size:10px}
  .hero[data-business-campus] .material-canvas{top:357px;height:423px}
  .hero[data-business-campus] .equipment-themes button{font-size:9px}
}