Gantry : Comment faire 2 css différents ?

Bonjour,
j'aimerais que ma page d'accueil soit particulière par rapport aux autres pages. J'ai donc fait 2 overrides du Gantry. Et d'après ce que j'ai compris, pour customiser, j'ai le choix entre :
- créer un fichier gantry-custom.less (ce que j'ai fait), mieux que .css je crois ?
- installer 2 fichiers (mycustomstyle.css + mycustomstyle.php) - c'est ce qu'on faisait avant mais je ne sais pas si ça fonctionne toujours.

Comment faire un css différent pour ma page d'accueil et pour les autres pages sur un seul fichier ?? Ou sont les fichiers correspondants aux overrides ? A priori je ne vois qu'un seul Gantry dans Filezilla.

Ca doit être tout bête comme solution , la seule que j'ai trouvée est d'utiliser un autre template pour ma page d'accueil, mais ça m'embête vraiment, ça n'a plus de cohérence.

Pour info : Gantry bundle 4.1.18 sur Joomla 3.2 (tout neuf !)
Merci d'avance !!

Bonjour C-Jay et merci de ta réponse. En effet j'ai lu ton tuto qui m'a déjà bien servi, merci pour ce que tu partages !
Mais je ne sais pas comment faire pour que si sur une page j'ai un style css particulier, le même soit différent sur des pages différents. Pour reprendre ton exemple:
"#content .sidebar .module li a" doit être différent sur la page d'accueil et sur les autres pages.
Je pensais que la solution était de créer 2 overrides de Gantry en y attribuant 2 presets, mais je ne sais pas comment personnaliser ces presets avec un seul fichier less. Il doit bien y avoir une solution ? C'est juste pour avoir une page d'accueil vraiment différente du reste du site.
Merci de ton aide