/* sobre.css — sobre.html only. Loaded after css/base.css. */

.split { padding: calc(3 * var(--leading)) 0 calc(2 * var(--leading)); }
.split-title { font-size: 36px; line-height: 1.15; }
.split-copy .note {
  font-size: 16px; max-width: 52ch;
  color: color-mix(in srgb, var(--color-text) 80%, transparent);
}

/* Seconde photo, comme sur le site d'origine. aspect-ratio + object-fit :
   le fichier est en portrait, le cadre est large — sans ça, l'image s'étire. */
.sobre-atelier { margin: 0 0 calc(2 * var(--leading)); }
.sobre-atelier img {
  width: 100%; aspect-ratio: 16 / 9; object-fit: cover; object-position: 50% 30%;
  border-radius: var(--radius-lg); display: block;
}
.sobre-atelier figcaption { margin-top: var(--space-2); font-size: 14px; }

.close { padding: calc(1.5 * var(--leading)) 0 calc(2.5 * var(--leading)); }