.g3w-speaker-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: clamp(2rem, 4vw, 3.5rem) clamp(1.25rem, 2.5vw, 2rem);
	color: var(--ssq-ink);
}

.g3w-speaker-grid .g3w-speaker-card {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	min-inline-size: 0;
}

.g3w-speaker-grid .g3w-speaker-card__photo {
	display: block;
	inline-size: 100%;
	block-size: auto;
	aspect-ratio: 1;
	border-radius: 15px;
	object-fit: cover;
	object-position: center 20%;
}

.g3w-speaker-grid .g3w-speaker-card__header {
	display: grid;
	gap: 0.25rem;
}

.g3w-speaker-grid .g3w-speaker-card__name,
.g3w-speaker-grid .g3w-speaker-card__role {
	margin: 0;
	padding: 0;
}

.g3w-speaker-grid .g3w-speaker-card__name {
	font-size: 1.15rem;
	line-height: 1.2;
}

.g3w-speaker-grid .g3w-speaker-card__role {
	color: var(--ssq-ink-muted);
	font-size: 0.9rem;
	line-height: 1.45;
}

.g3w-speaker-grid .g3w-speaker-card__meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	margin-block-start: auto;
	padding-block-start: 0.875rem;
	border-block-start: 1px solid var(--ssq-line);
}

.g3w-speaker-grid .g3w-speaker-card__logo {
	display: flex;
	align-items: center;
	min-block-size: 2.75rem;
	max-inline-size: 65%;
}

.g3w-speaker-grid .g3w-speaker-card__logo img {
	display: block;
	inline-size: auto;
	max-inline-size: 100%;
	block-size: auto;
	max-block-size: 2.25rem;
	object-fit: contain;
	object-position: left center;
}

.g3w-speaker-grid :is(.g3w-speaker-card__logo--groupe-seb, .g3w-speaker-card__logo--groupe-dubreuil) {
	min-block-size: 3.75rem;
	max-inline-size: 80%;
}

.g3w-speaker-grid :is(.g3w-speaker-card__logo--groupe-seb, .g3w-speaker-card__logo--groupe-dubreuil) img {
	max-block-size: 3.5rem;
}

.g3w-speaker-grid .g3w-speaker-card__socials {
	display: flex;
}

.g3w-speaker-grid .g3w-speaker-card__social {
	display: grid;
	place-items: center;
	inline-size: 2.75rem;
	block-size: 2.75rem;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.08);
	transition: background-color 150ms ease-out;
}

.g3w-speaker-grid .g3w-speaker-card__social::before {
	content: "";
	inline-size: 1rem;
	block-size: 1rem;
	background: var(--ssq-cyan);
	-webkit-mask: no-repeat center / contain;
	mask: no-repeat center / contain;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.45 20.45h-3.56v-5.57c0-1.33-.02-3.04-1.85-3.04-1.85 0-2.14 1.45-2.14 2.94v5.67H9.35V9h3.41v1.56h.05a3.74 3.74 0 0 1 3.37-1.85c3.6 0 4.27 2.37 4.27 5.46zM5.34 7.43a2.06 2.06 0 1 1 0-4.13 2.06 2.06 0 0 1 0 4.13M7.12 20.45H3.55V9h3.57zM22.22 0H1.77C.79 0 0 .77 0 1.72v20.56C0 23.23.79 24 1.77 24h20.45c.98 0 1.78-.77 1.78-1.72V1.72C24 .77 23.2 0 22.22 0'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.45 20.45h-3.56v-5.57c0-1.33-.02-3.04-1.85-3.04-1.85 0-2.14 1.45-2.14 2.94v5.67H9.35V9h3.41v1.56h.05a3.74 3.74 0 0 1 3.37-1.85c3.6 0 4.27 2.37 4.27 5.46zM5.34 7.43a2.06 2.06 0 1 1 0-4.13 2.06 2.06 0 0 1 0 4.13M7.12 20.45H3.55V9h3.57zM22.22 0H1.77C.79 0 0 .77 0 1.72v20.56C0 23.23.79 24 1.77 24h20.45c.98 0 1.78-.77 1.78-1.72V1.72C24 .77 23.2 0 22.22 0'/%3E%3C/svg%3E");
}

.g3w-speaker-grid .g3w-speaker-card__social:hover {
	background: rgba(91, 214, 223, 0.18);
}

@media (max-width: 980px) {
	.g3w-speaker-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.g3w-speaker-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 640px) {
	.g3w-speaker-grid .g3w-speaker-card {
		display: grid;
		grid-template-columns: 5.5rem minmax(0, 1fr);
		gap: 0.75rem 1rem;
		align-items: start;
	}

	.g3w-speaker-grid .g3w-speaker-card__photo {
		grid-row: 1 / span 2;
		inline-size: 5.5rem;
		block-size: 5.5rem;
	}

	.g3w-speaker-grid .g3w-speaker-card__meta {
		grid-column: 2;
		padding-block-start: 0.5rem;
	}
}