@charset "utf-8";

/* PROFILES */
	.profiles {
		display: flex;
		flex-wrap: wrap;
		gap: var(--gap);
		justify-content: center;
		margin: var(--margin-gap) auto;
		}
	.profiles-item {
		flex: 0 0 calc((100% / var(--columns)) - var(--gap) + (var(--gap) / var(--columns)));
		text-align: center;
		}
	.profiles-holder {
		display: block;
		}
	.profiles-image,
	.profiles-img {
		border-radius: var(--radius);
		display: block;
		overflow: hidden;
		}
	.profiles-image {
		border: 0.1rem solid var(--background-borders);
		margin: 0 auto 1rem;
		padding: 1rem;
		}
	.profiles-name {
		font-size: var(--head-6);
		font-weight: 700;
		}
	.profiles-title {
		font-size: var(--text-sub-1);
		font-style: italic;
		margin-top: 0.5rem;
		opacity: 0.7;
		}
	.profiles-meta {
		font-size: var(--text-sub-2);
		margin-top: 0.5rem;
		}
	@media (min-width: 30em) {
		.profiles {
			--columns: 2;
			}
	}
	@media (min-width: 45em) {
		.profiles.w {
			--columns: 3;
			}
	}
	@media (min-width: 60em) {
		.profiles.w {
			--columns: 4;
			}
	}
	@media (min-width: 80em) {
		.profiles.n {
			--columns: 2;
			}
		.profiles.w {
			--columns: 5;
			margin: var(--margin-block) auto;
			}
	}