.phorte-professor-221 {
	--phorte-professor-221-section-bg: #000;
	--phorte-professor-221-panel-bg: #fffaf4;
	--phorte-professor-221-text-color: #111827;
	--phorte-professor-221-copy-color: #52627b;
	--phorte-professor-221-accent: #d94a39;
	--phorte-professor-221-border: rgba(255, 255, 255, .16);
	--phorte-professor-221-name-size: 48px;
	--phorte-professor-221-role-size: 12px;
	--phorte-professor-221-body-size: 16px;
	--phorte-professor-221-panel-radius: 16px;
	--phorte-professor-221-panel-padding: 50px;
	--phorte-professor-221-content-gap: 38px;
	--phorte-professor-221-image-width: 310px;
	padding: 76px 0;
	background: var(--phorte-professor-221-section-bg);
	color: var(--phorte-professor-221-text-color);
}

.phorte-professor-221 { background: transparent !important; padding: 0 !important; width: 100% !important; max-width: none !important; }
.phorte-professor-221__inner { width: 100% !important; max-width: none !important; margin: 0 !important; }

.phorte-professor-221__inner {
	width: min(1120px, calc(100% - 40px));
	margin: 0 auto;
}

.phorte-professor-221__panel {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(360px, 47%);
	min-height: 480px;
	overflow: hidden;
	border: 1px solid rgba(20, 27, 42, .08);
	border-radius: var(--phorte-professor-221-panel-radius);
	background: var(--phorte-professor-221-panel-bg);
	box-shadow: 0 18px 50px rgba(0, 0, 0, .08);
}

.phorte-professor-221__image {
	grid-column: 2;
	grid-row: 1;
	min-height: 480px;
	background: #d7d9dd;
}

.phorte-professor-221__image img {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 480px;
	object-fit: cover;
}

.phorte-professor-221__content {
	grid-column: 1;
	grid-row: 1;
	align-self: center;
	padding: var(--phorte-professor-221-panel-padding);
}

.phorte-professor-221__eyebrow {
	display: inline-flex;
	align-items: center;
	margin: 0 0 25px;
	padding: 6px 13px;
	border: 1px solid rgba(82, 98, 123, .28);
	border-radius: 999px;
	color: var(--phorte-professor-221-copy-color) !important;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .18em;
	line-height: 1;
	text-transform: uppercase;
}

.phorte-professor-221__name {
	margin: 0;
	color: var(--phorte-professor-221-text-color) !important;
	font-size: var(--phorte-professor-221-name-size);
	font-weight: 900;
	letter-spacing: 0;
	line-height: .98;
}

.phorte-professor-221__role {
	max-width: 560px;
	margin: 19px 0 0;
	color: var(--phorte-professor-221-accent) !important;
	font-size: var(--phorte-professor-221-role-size);
	font-weight: 900;
	letter-spacing: .19em;
	line-height: 1.55;
	text-transform: uppercase;
}

.phorte-professor-221__rule {
	display: block;
	width: 64px;
	height: 1px;
	margin: 28px 0 28px;
	background: var(--phorte-professor-221-accent);
	opacity: .6;
}

.phorte-professor-221__description {
	max-width: 590px;
	color: var(--phorte-professor-221-copy-color) !important;
	font-size: var(--phorte-professor-221-body-size);
	font-weight: 500;
	line-height: 1.9;
}

.phorte-professor-221__description p {
	margin: 0;
	color: inherit !important;
}

.phorte-professor-221--immersive {
	--phorte-professor-221-section-bg: #050505;
	--phorte-professor-221-panel-bg: #0a0a0a;
	--phorte-professor-221-text-color: #fff;
	--phorte-professor-221-copy-color: rgba(255, 255, 255, .68);
	--phorte-professor-221-accent: #ef2f35;
	--phorte-professor-221-border: rgba(255, 255, 255, .14);
}

.phorte-professor-221--immersive .phorte-professor-221__panel {
	grid-template-columns: var(--phorte-professor-221-image-width) minmax(0, 1fr);
	min-height: 360px;
	border-color: var(--phorte-professor-221-border);
	background: var(--phorte-professor-221-panel-bg);
	box-shadow: none;
}

.phorte-professor-221--immersive .phorte-professor-221__image {
	grid-column: 1;
	min-height: 360px;
}

.phorte-professor-221--immersive .phorte-professor-221__image img {
	min-height: 360px;
	border-radius: 0;
}

.phorte-professor-221--immersive .phorte-professor-221__content {
	grid-column: 2;
	padding: 42px;
}

.phorte-professor-221--immersive .phorte-professor-221__eyebrow {
	margin-bottom: 17px;
	padding: 0;
	border: 0;
	border-radius: 0;
	color: var(--phorte-professor-221-accent) !important;
	font-size: 11px;
	letter-spacing: .15em;
}

.phorte-professor-221--immersive .phorte-professor-221__name {
	font-size: 34px;
}

.phorte-professor-221--immersive .phorte-professor-221__role {
	margin-top: 8px;
	letter-spacing: 0;
	text-transform: none;
}

.phorte-professor-221--immersive .phorte-professor-221__rule {
	display: none;
}

.phorte-professor-221--immersive .phorte-professor-221__description {
	margin-top: 19px;
	font-size: 14px;
	line-height: 1.75;
}

.phorte-professor-221--no-image .phorte-professor-221__panel {
	display: block;
	min-height: 0;
}

.phorte-professor-221--no-image .phorte-professor-221__content {
	padding: var(--phorte-professor-221-panel-padding);
}

.phorte-professor-221--standard,
.phorte-professor-221--commerce,
.phorte-professor-221--figma {
	--phorte-professor-221-section-bg: #000;
}

@media (max-width: 900px) {
	.phorte-professor-221__panel {
		grid-template-columns: minmax(0, 1fr) minmax(300px, 44%);
	}

	.phorte-professor-221__content {
		padding: 38px;
	}

	.phorte-professor-221__name {
		font-size: clamp(36px, 5vw, var(--phorte-professor-221-name-size));
	}
}

@media (max-width: 767px) {
	.phorte-professor-221 {
		padding: 52px 0;
	}

	.phorte-professor-221__inner {
		width: calc(100% - 32px);
	}

	.phorte-professor-221__panel,
	.phorte-professor-221--immersive .phorte-professor-221__panel {
		display: flex;
		flex-direction: column;
		min-height: 0;
	}

	.phorte-professor-221__image,
	.phorte-professor-221--immersive .phorte-professor-221__image {
		order: 1;
		min-height: 300px;
	}

	.phorte-professor-221__image img,
	.phorte-professor-221--immersive .phorte-professor-221__image img {
		min-height: 300px;
		max-height: 420px;
	}

	.phorte-professor-221__content,
	.phorte-professor-221--immersive .phorte-professor-221__content {
		order: 2;
		padding: 28px 22px;
	}

	.phorte-professor-221__name {
		font-size: clamp(32px, 10vw, 48px);
	}
}

@media (max-width: 480px) {
	.phorte-professor-221__image,
	.phorte-professor-221--immersive .phorte-professor-221__image,
	.phorte-professor-221__image img,
	.phorte-professor-221--immersive .phorte-professor-221__image img {
		min-height: 250px;
	}
}