/*
 * Bloc Grande photo (29/09/2026, site/blocs/_grande_photo.html.twig) : une photo seule et entière, sans recadrage.
 * - .gp--bord : en paysage et d'au moins 1 280 px, la largeur du site (1 280 px, centrée ; bord à bord en deçà,
 *   décision d'Alexandre du 29/09/2026 : jamais la largeur de la fenêtre) ; la section n'a pas de marge verticale. Elle ne dépasse pas la hauteur de la fenêtre sous l'en-tête : au-delà, elle est
 *   recadrée au centre (object-fit), ce qui n'arrive qu'à une photo peu allongée sur un écran large et bas.
 * - sinon : à la largeur de la grille au plus, centrée ; une photo en hauteur a sa hauteur bornée (.gp--haute) ;
 *   la légende est centrée dessous.
 * La visionneuse vient de produit/visionneuse.css.
 */
.gp__f{margin-block:0}
.gp__i{display:block;border:0;padding:0;margin:0;background:none;cursor:zoom-in;width:100%}
.gp__i picture{display:block}
.gp__i img{display:block}
.gp--bord .gp__i img{width:100%;height:auto}
.gp__i:focus-visible{outline-offset:-4px;outline-color:#fff}
.gp figcaption{font-size:.84rem;line-height:1.5;color:var(--body);padding-top:12px;max-width:80ch}

.gp--bord{padding-block:0}
.gp--bord .gp__f{max-width:var(--max);margin-inline:auto}
.gp--bord .gp__i img{max-height:calc(100vh - 81px);object-fit:cover}
.gp--bord figcaption{padding-block:12px 18px;max-width:var(--max)}

/* Largeur de la grille : la taille vient des attributs width et height (une largeur « auto » laissait à 0 px une photo
   en chargement différé, qui ne se chargeait jamais), bornée par la grille. En hauteur (.gp--haute, 760 px de haut au
   moins, GrandePhoto::vue()), c'est la hauteur qui est bornée et la largeur suit. */
.gp:not(.gp--bord) .gp__i{width:fit-content;margin-inline:auto}
.gp:not(.gp--bord) .gp__i img{max-width:min(calc(var(--max) - 2 * var(--pad)),calc(100vw - 2 * var(--pad)));height:auto}
.gp.gp--haute .gp__i img{width:auto;height:min(80vh,760px);object-fit:contain}
.gp:not(.gp--bord) figcaption{margin-inline:auto;text-align:center}
@media (max-width:1140px){.gp--bord .gp__i img{max-height:calc(100vh - 67px)}}
/* Écran étroit : une photo en hauteur suit la largeur (sa hauteur fixe laissait des marges vides au-dessus et dessous) */
@media (max-width:700px){.gp.gp--haute .gp__i img{height:auto;max-height:80vh}}