/* JB Pastor : Nos entreprises (XD « Desktop – 24 »). Nécessite jbp.css. */

/* Tuiles de rubriques : image + dégradé noir (opacité 0,6) + libellé en bas à gauche */
.jbp-pagehead .page-tabs { margin-top: 40px; }
.jbp-pagehead .page-tabs__link { font-family: var(--jbp-font); font-weight: 500; text-transform: uppercase; letter-spacing: .02em; }
.jbp-tiles { margin-top: 40px; row-gap: 38px; }
.jbp-tile { position: relative; display: block; overflow: hidden; color: #fff; text-decoration: none; }
.jbp-tile img { width: 100%; aspect-ratio: 416 / 302; object-fit: cover; transition: transform .4s; }
.jbp-tile--tall img { aspect-ratio: 416 / 304; }
.jbp-tile--empty { background: var(--jbp-grey); }
.jbp-tile--empty::before { content: ""; display: block; padding-bottom: calc(302 / 416 * 100%); }
.jbp-tile--tall.jbp-tile--empty::before { padding-bottom: calc(304 / 416 * 100%); }
.jbp-tile::after { content: ""; position: absolute; inset: auto 0 0; height: var(--shade, 99px); background: linear-gradient(transparent, #000); opacity: .598; }
.jbp-tile__label { position: absolute; z-index: 1; left: var(--x, 17px); bottom: var(--b, 12px); font: 900 18px/21px var(--jbp-font); letter-spacing: .02em; text-transform: uppercase; }
.jbp-tile:hover img, .jbp-tile:focus-visible img { transform: scale(1.04); }

@media (max-width: 991.98px) {
	.jbp-tiles { row-gap: 24px; }
}