/* One person in focus (patterns/kit-person.php). Portrait on slanted yellow, as about-team. */
.sp-kit-person .sp-kit-person__grid { display: grid; gap: 40px; align-items: center; }
@media (min-width: 1024px) {
	.sp-kit-person .sp-kit-person__grid { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 80px; }
}
.sp-kit-person .sp-kit-person__media { aspect-ratio: 4 / 5; max-width: 480px; background: var(--wp--preset--color--primary); clip-path: polygon(0 0, 100% 0, calc(100% - 48px) 100%, 0 100%); }
.sp-kit-person.is-style-sp-yellow .sp-kit-person__media { background: var(--wp--preset--color--black-light); }
.sp-kit-person .sp-kit-person__photo { height: 100%; margin: 0; }
.sp-kit-person .sp-kit-person__photo img { width: 100%; height: 100%; object-fit: cover; }
.sp-kit-person .sp-kit-person__role { margin: 12px 0 24px; font-family: var(--wp--preset--font-family--poppins); font-size: var(--wp--preset--font-size--medium); color: var(--kit-muted); }
.sp-kit-person .sp-kit__text { max-width: 640px; }
.sp-kit-person .sp-kit-person__link { margin-top: 24px; font-size: var(--wp--preset--font-size--x-small); font-weight: 600; letter-spacing: 2px; text-transform: uppercase; }
.sp-kit-person .sp-kit-person__link a { color: var(--kit-fg); text-decoration: none; border-bottom: 1px solid currentColor; padding-bottom: 2px; }
.sp-kit-person .sp-kit-person__link a::after { content: " ↗"; }