/* ==========================================================
   LE VI PERCE, SUR LA PAGE DE LA CARTE
   ==========================================================
   Demande de Raf : trois VI sur la page — un a gauche, un a
   droite plus bas, un a gauche plus bas encore — poses DANS LES
   ZONES NOIRES, avec entre elles des decoupes ou l'on voit la
   ville de la page d'accueil defiler.

   C'EST LE PRINCIPE DE L'ACCUEIL, REPRIS TEL QUEL. Les lettres
   ne sont pas dessinees : elles sont PERCEES. Chacune porte le
   meme fond que la page — hero-bg.jpg sous le voile du site — en
   « fixed », donc cale sur la fenetre et pas sur l'element. Ce
   qu'on voit dedans est donc exactement la ville qui se trouve
   derriere, et elle defile a travers les lettres quand on
   descend. Dans une bande assombrie, la lettre est plus claire
   que le mur : c'est ce qui la fait exister.

   POURQUOI CE FICHIER PLUTOT QU'UN PARTAGE AVEC site-extras.css :
   cette feuille-la est chargee par les vingt et une autres pages
   et porte deja les memes masques. Les mettre en commun voudrait
   dire reorganiser l'ordre de chargement des vingt-quatre pages
   pour economiser 6 Ko sur trois d'entre elles, avec un risque de
   regression sur les vingt et une autres. Les masques sont figes
   — extraits du logo officiel une fois pour toutes — donc la
   duplication ne peut pas se desynchroniser.

   LES FORMES VIENNENT DU LOGO, PAS D'UNE POLICE : le V de GTA est
   pointu, aucune fonte ne le donne. Les deux masques sont
   extraits du logo par separation en composantes connexes.

   EN data: URI, ET C'EST INDISPENSABLE : un masque CSS obeit a la
   politique d'origine. Une page ouverte depuis le disque (file://)
   traite chaque fichier comme une origine opaque, et un masque
   appele comme fichier est alors refuse — sans la moindre erreur
   en console. Les lettres existeraient, occuperaient leur place,
   et ne montreraient rien. Raf ouvre ses pages en double-cliquant.
   ========================================================== */

.vi-carte {
  position: absolute;
  z-index: 0;
  width: 327px;   /* 223 (le V) + 26 (l'ecart) + 78 (le I) */
  height: 242px;
  pointer-events: none;
  user-select: none;
}

/* LES PROPORTIONS sont celles du logo : le V fait 347 x 358 dans
   l'original, le I 122 x 377. Le I est donc plus haut que le V, et
   dans le logo leurs SOMMETS sont alignes — d'ou le meme top: 0 et
   deux hauteurs differentes.

   L'ECART DE 26 PX entre les deux lettres est une demande de Raf :
   dans le logo elles se touchent presque, il les voulait franchement
   separees.

   PAS DE transform ICI. Un transform cree un bloc englobant et annule
   « background-attachment: fixed » — le trou redeviendrait une image
   collee, decalee. Le centrage vertical passe donc par une marge
   negative, jamais par translateY. */
.vi-carte::before,
.vi-carte::after {
  content: "";
  position: absolute;
  top: 0;
  background-image:
    linear-gradient(var(--voile-haut, rgba(6, 8, 20, 0.62)),
                    var(--voile-bas,  rgba(11, 15, 43, 0.68))),
    var(--vi-fond, url("hero-bg.jpg"));
  background-attachment: fixed, fixed;
  background-position: center, center;
  background-size: cover, cover;
  background-repeat: no-repeat, no-repeat;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.vi-carte::before {
  left: 0;
  width: 223px;
  height: 230px;
  -webkit-mask-image: url("data:image/png;base64,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");
          mask-image: url("data:image/png;base64,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");
}
.vi-carte::after {
  left: 249px;
  width: 78px;
  height: 242px;
  -webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHoAAAF5CAYAAABQuj7+AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAANuSURBVHhe7dEBDQAwCMAw/JvmwcbXJlOw2d2Lz5kcYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXTEjTY7wOiEnQcGtf9CqDvzqAAAAABJRU5ErkJggg==");
          mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHoAAAF5CAYAAABQuj7+AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAANuSURBVHhe7dEBDQAwCMAw/JvmwcbXJlOw2d2Lz5kcYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXSE0RFGRxgdYXTEjTY7wOiEnQcGtf9CqDvzqAAAAABJRU5ErkJggg==");
}

/* ------------------------------------------------------------
   OU SE POSENT LES TROIS GROUPES
   ------------------------------------------------------------
   Un par bande, centre sur la hauteur de sa bande, et l'ordre
   alterne : gauche, droite, gauche. Trois VI alignes du meme cote
   feraient une colonne ; alternes, ils font un rythme.

   A GAUCHE, le groupe deborde de 110 px et la bande le coupe : on
   voit la fin du V et le I entier emerger du bord. C'est le parti
   pris de tout le site — une forme qui sort du bord vaut mieux
   qu'une forme posee au milieu d'une marge.

   A DROITE, pas de debordement : la colonne de texte fait 68
   caracteres et laisse plus de 500 px vides a sa droite.

   CHAQUE BANDE SE DONNE LA PLACE, comme le fait deja le pied de page
   du site : elle s.allonge d.une bande de 300 px sous son contenu, et
   les lettres s.y posent. Sans ca elles passeraient derriere les
   fiches et les bandeaux, qui sont opaques — mesure faite, il n.en
   restait que 15 % de visible sur le deuxieme groupe.

   PAS DE transform POUR LE PLACEMENT : il annulerait le fond fixe.

   LE DEBORDEMENT NE PEUT PAS CREER DE BARRE HORIZONTALE : la bande
   porte overflow: hidden.
   ------------------------------------------------------------ */
.vi-carte--gauche { left: -110px; bottom: 28px; }
.vi-carte--droite { right: 40px;  bottom: 28px; }

/* EN DESSOUS DE 1100 PX, ILS S'EFFACENT. Deux raisons, et la seconde
   suffirait : la colonne de texte occupe alors presque toute la
   largeur, il n'y a plus de vide a meubler ; et surtout
   « background-attachment: fixed » est au mieux couteux, au pire
   ignore sur les navigateurs mobiles — un trou qui ne suit plus le
   fond n'est plus un trou, c'est une tache. */
@media (max-width: 1099px) {
  .vi-carte { display: none; }
}