/* Adjust only the two information cards. Preserve the original scene and artery geometry. */
@media (min-width:701px){
  main>.hero .scene:not(:fullscreen):not(.sco-artery-fullscreen) .sco-board-side:not([data-custom]){
    top:clamp(76px,10.5%,98px);
    max-height:calc(100% - 164px);
  }
  main>.hero .scene:not(:fullscreen):not(.sco-artery-fullscreen) .sco-board-code:not([data-custom]){
    height:min(540px,calc(100% - 164px));
  }
}
main>.hero .scene:fullscreen .sco-board-side:not([data-custom]),
main>.hero .scene.sco-artery-fullscreen .sco-board-side:not([data-custom]){
  top:clamp(68px,8.5vh,100px);
  max-height:calc(100% - 164px);
}
main>.hero .scene:fullscreen .sco-board-code:not([data-custom]),
main>.hero .scene.sco-artery-fullscreen .sco-board-code:not([data-custom]){
  height:min(620px,calc(100% - 164px));
}
@media (max-height:760px){
  main>.hero .scene:fullscreen .sco-board-side:not([data-custom]),
  main>.hero .scene.sco-artery-fullscreen .sco-board-side:not([data-custom]){top:62px;max-height:calc(100% - 144px)}
  main>.hero .scene:fullscreen .sco-board-code:not([data-custom]),
  main>.hero .scene.sco-artery-fullscreen .sco-board-code:not([data-custom]){height:calc(100% - 144px)}
}