.g04{background:#EFE7D6;color:#23201A;font-family:'Familjen Grotesk',sans-serif}
.g04 .tag{background:#B5622A;color:#EFE7D6}
.g04 .hd{display:flex;align-items:baseline;justify-content:space-between;gap:1em;
  padding-bottom:.5em;margin-bottom:.8em}
.g04 .hd h3{font:700 1.5em/1 'Fraunces',Georgia,serif;margin:0}
.g04 .hd .dt{font:500 .6em/1 'IBM Plex Mono',monospace;letter-spacing:.26em;
  text-transform:uppercase;color:#B5622A;font-size:max(calc(2.2 * var(--u)),.6em)}
.g04 .hero{flex:none;border-top:calc(.53 * var(--u)) solid #23201A;border-bottom:1px solid rgba(35,32,26,.28);
  padding:.7em 0 .8em;margin-bottom:.9em;display:flex;align-items:flex-end;gap:.8em}
.g04 .hero .tx{flex:0 1 auto;min-width:0;order:1}
.g04 .hero::after{content:"";order:2;flex:1 1 auto;align-self:flex-end;
  margin-bottom:.42em;border-bottom:1px dotted rgba(35,32,26,.5)}
.g04 .hero i{order:3}
.g04 .hero .kd{font:500 .58em/1 'IBM Plex Mono',monospace;letter-spacing:.26em;
  text-transform:uppercase;color:#B5622A;display:block;margin-bottom:.3em}.g04 .hero b:not(.pdt){font:700 1.9em/1.06 'Fraunces',Georgia,serif;display:block}
.g04 .hero span{font-size:.82em;opacity:.75;display:block;margin-top:.2em}
.g04 .hero i{flex:none;font:700 1.9em/1 'Fraunces',Georgia,serif;font-style:normal;
  background:#B5622A;color:#EFE7D6;padding:.16em .3em;font-variant-numeric:tabular-nums}
.g04 .grp h4{font:500 .62em/1 'IBM Plex Mono',monospace;letter-spacing:.22em;text-transform:uppercase;
  color:#B5622A;margin:0;padding-bottom:.4em;border-bottom:1px solid rgba(35,32,26,.25);font-size:max(calc(2.5 * var(--u)),.62em)}
.g04 .ft{margin-top:.9em;padding-top:.6em;border-top:1px solid rgba(35,32,26,.25);text-align:center}
.g04 .ft .ad{font:500 .74em/1.4 'Familjen Grotesk',sans-serif;font-size:max(calc(2.2 * var(--u)),.74em)}
.g04 .ft .tt{font:500 .55em/1.4 'IBM Plex Mono',monospace;letter-spacing:.14em;
  text-transform:uppercase;color:#8A8070;margin-top:.35em;font-size:max(calc(2.2 * var(--u)),.55em)}
.g04.d-affiche-paysage .hero b{font-size:2.5em}
.g04.d-affiche-paysage .hero i{font-size:2.5em}
.g04.d-bandeau-vertical .hero{flex-direction:column;align-items:flex-start;gap:.4em}
.g04.d-bandeau-vertical .hero b{font-size:1.5em}
.g04.d-bandeau-vertical .hero i{font-size:1.4em;align-self:flex-end}
.g04.d-affiche-carree .hero b{font-size:2em}
.g04 .grp:has(>.fp)>h4{text-indent:.22em}
.g04.d-bandeau-vertical .hero::after{display:none}

/* LE PLI DU MILIEU NE DOIT RIEN COUPER. Un set de table se plie en deux dans la
   hauteur: la ligne verticale du milieu est une PLIURE, pas un axe de
   composition. Le QR y etait centre, donc coupe en deux, et la ligne d'adresse
   avec lui -- signale par le owner le 2026-08-01. Les deux passent dans la
   moitie gauche, franchement, et le pli retombe sur du blanc.
   Le calage n'est pose que sur la disposition PAYSAGE: c'est la seule qui se
   plie ainsi, et une regle sans disposition aurait decale le portrait pour
   rien. */
.g04.d-affiche-paysage .qrl,
.g04.d-affiche-paysage .ft{text-align:left}
.g04.d-affiche-paysage .qrl svg{margin-left:0}
.g04.d-affiche-paysage .ft .ad,
.g04.d-affiche-paysage .ft .tt{max-width:46%}

/* LA BASELINE SE RANGE SOUS LE NOM. Elle flottait au milieu d'un en-tete en
   `space-between`, entre le nom a gauche et la date a droite: un troisieme
   objet centre sur rien, que le owner a lu comme immonde. Elle appartient au
   nom, elle se pose donc dessous, et l'en-tete redevient deux blocs. */
.g04 .hd{flex-wrap:wrap}
.g04 .hd h3{flex:0 0 auto}
.g04 .hd .bl{flex:1 0 100%;order:3;margin:.15em 0 0;
  font:italic 500 .86em/1.35 'Familjen Grotesk',sans-serif;opacity:.75}
/* LE PRIX PORTE SA PASTILLE, DONC SON SUFFIXE RESTE DEDANS.
   Le moteur sort le suffixe de la largeur pour que le CHIFFRE tombe sur l'axe
   quand le prix est centre (m10, le disque). Ici le prix n'est pas centre: il
   est encadre, et un suffixe hors largeur sort de la pastille, a moitie sur le
   fond et a moitie sur le papier. L'exception appartient a l'habillage qui a
   dessine la pastille, pas au moteur, et elle gagne parce qu'elle est chargee
   apres lui. */
.g04 .hero i::after{width:auto;left:0;margin-left:.08em}