/**
 * Ancho de las fotografías según su orientación.
 *
 * Quién decide la orientación no es el CSS: no hay forma de consultar la
 * proporción real de un fichero desde una hoja de estilos. La escribe el
 * snippet site/snippets/image.php en un data-orientation, a partir de
 * las dimensiones que Kirby ya conoce.
 *
 * El tope es de la imagen, no del hueco donde cae: una fotografía mide
 * lo mismo sola que acompañada en una galería, y es el contenedor el que
 * se adapta. Lo único que queda fuera del sistema es el reel, que va a
 * sangre.
 */
:is(.project-card, .block) img {
  &[data-orientation="landscape"] {
    max-width: var(--width-landscape);
  }

  &[data-orientation="square"] {
    max-width: var(--width-square);
  }

  &[data-orientation="portrait"] {
    max-width: var(--width-portrait);
  }
}