/* ----------- Média œuvre : 3 colonnes ----------- */

/* Mobile : image en haut, puis label / valeur */
.oeuvre__grid {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 1.5rem;
  align-items: start;
}

.oeuvre__data {
  display: contents; /* dt/dd deviennent enfants directs de la grille */
  margin: 0;
}

.oeuvre__image {
  grid-column: 1 / -1;
  order: -1;
  margin-block-end: 1.25rem;
}
.oeuvre__image img {
  display: block;
  max-width: 100%;
  height: auto;
}

.oeuvre__label,
.oeuvre__value {
  margin: 0;
  padding-block: 0.25rem;
  line-height: 1.6;
}
.oeuvre__label {
  grid-column: 1;
  color: var(--color-text-neutral-soft);
}
.oeuvre__value {
  grid-column: 2;
  color: var(--color-text-neutral-medium);
}
.oeuvre__value a {
  color: inherit;
  text-decoration: underline !important;
}
.oeuvre__value h1  {
  font-size: inherit;
  font-weight:500;
  letter-spacing:0.01rem !important;
  line-height: inherit;
  margin-block:0;
  padding:0;
}

.oeuvre__value a:hover,
.oeuvre__value a:focus {
  text-decoration: underline;
}

/* Desktop : labels | valeurs | image sur tous les rangs */
@media (min-width: 43.75rem) {
  .oeuvre__grid {
    grid-template-columns: auto 1fr minmax(0, 45%);
    column-gap: 2rem;
    /* 8 rangs max + 1 rang souple pour absorber la hauteur de l'image */
    grid-template-rows: repeat(8, auto) 1fr;
  }

  .oeuvre__image {
    grid-column: 3;
    grid-row: 1 / -1;
    order: 0;
    margin-block-end: 0;
  }
}

/* Unité (cm) sur la même ligne que la valeur */
.oeuvre__value .field,
.oeuvre__value .field__item {
  display: inline;
}

/* Alignement haut : image = première ligne (artiste) */
.oeuvre .oeuvre__image,
.oeuvre .oeuvre__image .field,
.oeuvre .oeuvre__image .field__item,
.oeuvre .oeuvre__image .media,
.oeuvre .oeuvre__image picture,
.oeuvre .oeuvre__image a {
  margin-block-start: 0;
  padding-block-start: 0;
}
.oeuvre .oeuvre__image a,
.oeuvre .oeuvre__image picture {
  display: block;
}

/* Première ligne (label + artiste) sans décalage haut */
.oeuvre__data > :nth-child(-n + 2) {
  padding-block-start: 0;
  line-height: 1.2;
}