/* Show the original colourful mascot without modifying the source artwork.
   The square crop excludes the white wordmark, which remains real accessible text. */
.colour-mascot {
  display: inline-block;
  flex: 0 0 auto;
  width: 76px;
  height: 76px;
  background: #232a2e url("../img/logo.png") 8.783784% 47.297297% / 384.615385% auto no-repeat;
  border-radius: 20px;
}
.colour-mascot-header { width: 76px; height: 76px; }
.f-header .f-brand { gap: 14px; font-size: 25px; }
.colour-mascot-journey { width: 96px; height: 96px; border-radius: 25px; }
.colour-mascot-footer { width: 60px; height: 60px; border-radius: 16px; }
.colour-mascot-document { width: 56px; height: 56px; border-radius: 15px; }
@media (max-width: 600px) {
  .colour-mascot-header { width: 64px; height: 64px; border-radius: 17px; }
  .f-header .f-brand { gap: 11px; font-size: 23px; }
  .colour-mascot-journey { width: 84px; height: 84px; border-radius: 22px; }
}