.brand {
  display: inline-block;
  font-size: 1.3rem;
  font-weight: 900;
  letter-spacing: -.045em;
}

.brand-accent { color: #C56A16; }

.mascot-stage {
  align-items: flex-start;
  background: linear-gradient(90deg, #edf7f6 0%, #edf7f600 72%);
  border-radius: 14px;
  display: flex;
  height: 132px;
  justify-content: flex-end;
  margin: 0 0 14px;
  overflow: hidden;
}

.mascot-stage img {
  display: block;
  height: 220px;
  max-width: 62%;
  object-fit: contain;
  object-position: top right;
}

.mascot-stage-bonjour img { height: 312px; }
.mascot-stage-photos img { height: 220px; max-width: 76%; }
.mascot-stage-analyse img,
.mascot-stage-capacite img { height: 214px; max-width: 70%; }
.mascot-stage-confirmation { background: linear-gradient(90deg, #edf7f6 0%, #fff8ea 100%); }

@media (max-width: 480px) {
  .mascot-stage { height: 112px; margin-bottom: 12px; }
  .mascot-stage img { height: 190px; }
  .mascot-stage-bonjour img { height: 280px; }
  .mascot-stage-photos img { height: 196px; }
}