/* Heading + intro */
.dt-head{text-align:center;margin:0 0 40px}
.dt-head__title,.dt-head__intro{text-align:inherit}
.dt-head--left .dt-head__intro{margin-left:0;margin-right:auto}
.dt-head--right .dt-head__intro{margin-left:auto;margin-right:0}
.dt-head__title{margin:0;font-size:clamp(24px,3.2vw,40px);font-weight:800;letter-spacing:.04em;line-height:1.15;text-transform:uppercase}
.dt-head__intro{margin:16px auto 0;max-width:760px;font-size:clamp(14px,1.2vw,17px);line-height:1.7;color:#444}

/* Designooor Team — container-query based, so it adapts to the column width (not the screen) */
.dt-team{
	--dt-cols:4;
	--dt-gap:24px;
	--dt-ratio:4 / 5;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;   /* last row stays centered */
	gap:var(--dt-gap);
	list-style:none;
	margin:0;
	padding:0;
}
.dt-team,
.dt-team li,
.dt-team__item{list-style:none !important;list-style-type:none !important;background-image:none}
.dt-team li::marker{content:none !important;font-size:0}
.dt-team li::before,
.dt-team li::after,
.dt-team__item::before,
.dt-team__item::after,
.dt-card::before,
.dt-card::after,
.dt-card__body::before,
.dt-card__body::after{content:none !important;display:none !important}
.dt-team__item{
	flex:0 0 auto;
	min-width:0;
	margin:0;
	padding:0;
	width:calc((100% - (var(--dt-cols) - 1) * var(--dt-gap)) / var(--dt-cols) - .5px);
}
.dt-card{
	container-type:inline-size;
	height:100%;
	background:#f9fafa;
	overflow:hidden;
}
.dt-card__media{
	display:block;
	overflow:hidden;
	aspect-ratio:var(--dt-ratio);
	background:#eee;
	line-height:0;
}
.dt-card__media img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center top;
	transition:transform .6s cubic-bezier(.2,.7,.2,1), filter .4s ease;
}
.dt-team--gray .dt-card__media img{filter:grayscale(1)}
.dt-team--zoom .dt-card:hover .dt-card__media img,
.dt-team--zoom .dt-card:focus-within .dt-card__media img{transform:scale(1.08)}
.dt-team--gray.dt-team--color-hover .dt-card:hover .dt-card__media img{filter:grayscale(0)}

.dt-card__body{padding:4cqw 4cqw 5cqw}
.dt-card__name,
.dt-card__job{
	margin:0;
	white-space:nowrap;      /* always one line */
	overflow:hidden;
	text-overflow:clip;
}
.dt-card__name{
	font-size:15px;
	font-size:clamp(11px, var(--dt-name-size, 6.6cqw), 22px);
	font-weight:700;
	line-height:1.25;
	letter-spacing:-.01em;
	color:#111;
}
.dt-card__job{
	margin-top:.5em;
	font-size:12px;
	font-size:clamp(10px, var(--dt-job-size, 5.2cqw), 15px);
	line-height:1.3;
	color:#333;
}
.dt-card__name a{color:inherit;text-decoration:none}
.dt-card__name a:hover{text-decoration:underline}

@media (max-width:1024px){ .dt-team{--dt-gap:20px} }
@media (prefers-reduced-motion:reduce){ .dt-card__media img{transition:none} }