/* .hero-societe { background-size: cover; background-position: right center; position: relative; }
.grad-societe-1 { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: linear-gradient( 90deg, #fff 0%, #e5ded4 60%, #e5ded4BB 80%, #e5ded400 100%);}

.specialblocpvaria {}
.specialblocpvaria p:nth-child(2) { font-size: 1em;}

.grid-societe,
.mecenat-grid-cercle,
.mecenat-grid-9raisons, */
.press-grid {
	display: grid; gap: 24px; grid-template-columns: 1fr;

	& > div.press-cell {
		position: relative; --cols: 1; --rows: 1;
		background-color: white; padding: 2rem 0;
		box-shadow: 0 3px 8px #0002;

		& div.cell-header {
			display: flex; flex-direction: row; justify-content: space-between; align-items: center;
			padding: 0 1rem 1rem 2rem;
			& > h2 { }
			& > svg { width: 64px; }
		}






		&:nth-child(1) {
			grid-column: 1 / span 1;
			& div.cell-header {
				/* & > svg { width: 128px; } */
			}
		}



		& a {
			font-size: 1.0rem; color: #222; display: block; line-height: 20px; padding: 1rem 2rem 0.5rem 2rem;
			border-top: 1px solid #0002;
			/* width: clamp(200px, 100%, 640px ); */

			&:nth-child(1) {
				grid-column: 1 / span 1;
			}


			& small {
				opacity: 0.5;
				& span { opacity: 0.5; }
			}
			& svg {  width: 20px; }

			&:hover {
				text-decoration: none; color: var(--vert-salon);
				background-color: whitesmoke;
				& svg { fill: var(--vert-salon); }
			}

		}
	}
}






@media screen and (min-width: 45em) {}

/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	.press-grid {
		grid-template-columns: repeat(2, 1fr);
		& > div.press-cell:nth-child(1) {
			grid-column: 1 / span 2;
		}

	}
}

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.press-grid {
		grid-template-columns: repeat(3, 1fr);
		& > div.press-cell:nth-child(1) {
			grid-column: 1 / span 2;
		}
	}
}

/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.press-grid {
		grid-template-columns: repeat(3, 1fr);

	}
}

/* // Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.press-grid {
		grid-template-columns: repeat(3, 1fr);

	}
}