.artiste {
  display: grid;
  gap: clamp(2rem, 5vw, 4rem);
  grid-template-columns: minmax(0, 3fr) minmax(0, 7fr);
  align-items: start;
}
.portrait {
  aspect-ratio: 4 / 5;
  display: grid;
  place-items: center;
  background: var(--sapin);
  border: 1px solid var(--or);
  outline: 1px solid rgba(184, 155, 74, 0.4);
  outline-offset: 8px;
  color: var(--sauge);
  font-style: italic;
}
.actions {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
@media (max-width: 760px) {
  .artiste {
    grid-template-columns: 1fr;
  }
  .portrait {
    max-width: 22rem;
  }
  .actions {
    flex-direction: column;
  }
  .actions .bouton {
    text-align: center;
  }
}