/* Symbole de marque Costratégie, utilisé comme signature visuelle ponctuelle. */
.brand-emblem {
  display: inline-grid;
  flex: 0 0 auto;
  width: 76px;
  height: 76px;
  padding: 10px;
  place-items: center;
  justify-self: start;
  overflow: hidden;
  border: 1px solid rgba(12, 47, 80, .13);
  background: rgba(255, 255, 255, .88);
  box-shadow: 0 14px 32px rgba(12, 47, 80, .1);
}

.brand-emblem img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.brand-emblem--small {
  width: 52px;
  height: 52px;
  padding: 7px;
}

.brand-emblem--dark {
  border-color: rgba(255, 255, 255, .25);
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 16px 38px rgba(0, 0, 0, .18);
}

.brand-emblem--quiet {
  background: rgba(255, 255, 255, .72);
  box-shadow: none;
}

.brand-emblem--hero {
  margin-bottom: 22px;
}

.brand-copy {
  min-width: 0;
  flex: 1 1 auto;
}

.masthead-brand {
  display: inline-flex;
  align-items: center;
  gap: 13px;
}

@media (max-width: 600px) {
  .brand-emblem {
    width: 66px;
    height: 66px;
    padding: 9px;
  }

  .brand-emblem--small {
    width: 46px;
    height: 46px;
    padding: 6px;
  }
}