/* Use the supplied RMIT artwork at its original aspect ratio and colours. */
.rmit-logo{display:block;width:112px;max-width:100%;height:auto;flex:0 0 auto;object-fit:contain}
.rmit-logo--hero{width:180px}
.rmit-logo--compact{width:86px}
/* Clear space is at least about 12% of the artwork width. */
.rmit-logo-surface{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:max-content;max-width:100%;padding:12px;background:#fff;border-radius:3px}
.rmit-logo-surface--hero{padding:22px}
.rmit-brand-caption{display:block;margin-top:10px;font-size:11px;font-weight:650;line-height:1.5;letter-spacing:.06em}
.rmit-dialog-brand{display:flex;align-items:center;gap:12px;margin:0 0 16px}
.rmit-dialog-brand .rmit-brand-caption{margin:0;color:inherit;font-size:10px;letter-spacing:.04em}
.brand-lockup{min-width:0}
.brand-lockup>div:last-child{min-width:0}
.brand-lockup .rmit-logo{width:100px}
.game-brand>.rmit-logo{width:108px}
.game-brand{min-width:0}
.welcome-panel>.rmit-dialog-brand{margin-bottom:16px}
.welcome-panel>.rmit-dialog-brand .rmit-logo{width:94px}
.welcome-panel>.rmit-dialog-brand .rmit-brand-caption{max-width:145px}
.task-head>.rmit-dialog-brand{margin-bottom:14px}
.tutor-board-brand>.rmit-logo{width:100px}
.tutor-board-brand>div{min-width:0}
#tutor-overlay{grid-template-columns:minmax(0,1fr)}
.tutor-overlay-titlebar>.rmit-logo-surface{padding:9px}
.tutor-overlay-titlebar .rmit-logo{width:76px}
@media(max-width:760px){
  .game-brand>.rmit-logo{width:76px}
  .game-brand .week-tag{display:none}
  .game-brand h1{font-size:19px;line-height:1.1}
  .game-brand h1 span{font-size:9px}
  .topbar .timer{display:none}
  .brand-lockup{gap:10px}
  .brand-lockup .rmit-logo{width:82px}
  .brand-lockup .rmit-logo-surface{padding:10px}
  .brand-lockup .brand{font-size:15px;line-height:1.35}
  .brand-lockup .brand span{display:block;font-size:12px}
  .brand-lockup small{font-size:10px}
}
@media(max-width:620px){
  .tutor-board-brand{gap:9px}
  .tutor-board-brand>.rmit-logo{width:68px}
  .tutor-overlay-titlebar>.rmit-logo-surface{padding:7px}
  .tutor-overlay-titlebar .rmit-logo{width:58px}
}
@media(max-width:400px){
  .game-brand>.rmit-logo{width:64px}
  .game-brand h1{font-size:17px}
  .game-brand h1 span{font-size:8px;letter-spacing:0}
  .topbar .brand-lockup .rmit-logo{width:70px}
  .topbar .brand-lockup .brand{font-size:13px}
  .topbar .brand-lockup .brand span{font-size:10px}
  .topbar .top-actions{gap:8px}
  .topbar .top-actions button{padding:8px;font-size:11px}
}