.skib-teacher-showcase {
	--skib-orange: #ec6608;
	--skib-navy: #283583;
	--skib-ink: #111827;
	--skib-muted: #646464;
	width: 100%;
	clear: both;
	margin: 38px 0;
	container-type: inline-size;
	color: var(--skib-ink);
	font-family: Urbanist, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.skib-teacher-profiles-fallback {
	display: flow-root;
	width: 100%;
	max-width: none;
	margin: 0;
}
.skib-teacher-profiles-fallback .skib-teacher-showcase { margin-top: 16px; }
.skib-teacher-showcase *, .skib-teacher-showcase *::before, .skib-teacher-showcase *::after { box-sizing: border-box; }
.skib-teacher-showcase-heading { margin-bottom: 22px; border-left: 5px solid var(--skib-orange); padding-left: 16px; }
.skib-teacher-showcase-heading > span, .skib-teacher-role { color: var(--skib-orange); font-size: 11px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.skib-teacher-showcase-heading h2 { margin: 3px 0 0; color: #111; font-family: "Unica One", "Arial Narrow", sans-serif; font-size: clamp(30px,4vw,44px); font-weight: 500; text-transform: uppercase; }
.skib-teacher-tablist { display: flex; overflow-x: auto; gap: 4px; padding-bottom: 4px; border-bottom: 3px solid var(--skib-navy); scrollbar-width: thin; }
.skib-teacher-tab { flex: 0 0 auto; min-height: 44px; padding: 9px 17px; color: var(--skib-navy); background: #f1f3f6; border: 0; border-radius: 0; cursor: pointer; font-size: 12px; font-weight: 850; text-transform: uppercase; }
.skib-teacher-tab:hover, .skib-teacher-tab:focus { color: #fff; background: #315f9f; outline: 0; }
.skib-teacher-tab[aria-selected="true"] { color: #fff; background: var(--skib-orange); }
.skib-teacher-panel { display: grid; grid-template-columns: minmax(190px,.75fr) minmax(0,1.25fr); min-height: 430px; background: #fff; border: 1px solid #d9dde2; border-top: 0; box-shadow: 0 12px 32px rgba(40,53,131,.075); }
.skib-teacher-panel[hidden] { display: none; }
.skib-teacher-photo { min-height: 430px; background: #e9edf1; }
.skib-teacher-photo-image { display: block; width: 100%; height: 100%; min-height: 430px; object-fit: cover; }
.skib-teacher-copy { display: flex; padding: clamp(28px,5vw,58px); justify-content: center; flex-direction: column; }
.skib-teacher-copy h3 { margin: 7px 0 20px; color: #111; font-family: "Unica One", "Arial Narrow", sans-serif; font-size: clamp(36px,5vw,58px); font-weight: 500; line-height: 1; text-transform: uppercase; }
.skib-teacher-experience { display: flex; max-width: 280px; gap: 12px; align-items: center; margin-bottom: 24px; padding: 13px 16px; color: #fff; background: var(--skib-navy); }
.skib-teacher-experience strong { color: #fff; font-size: 30px; line-height: 1; }
.skib-teacher-experience span { font-size: 12px; font-weight: 800; text-transform: uppercase; }
.skib-teacher-experience-pending { max-width: 280px; margin: 0 0 24px; padding: 13px 16px; color: var(--skib-muted); background: #f1f3f6; font-size: 12px; font-weight: 800; text-transform: uppercase; }
.skib-teacher-presentation { color: var(--skib-muted); font-size: 16px; line-height: 1.7; }
.skib-teacher-presentation p { margin: 0 0 1em; }
.skib-teacher-book-button { align-self: flex-start; min-height: 48px; margin-top: 9px; padding: 11px 20px; color: #fff; background: var(--skib-orange); border: 0; border-radius: 2px; cursor: pointer; font-size: 12px; font-weight: 850; text-transform: uppercase; }
.skib-teacher-book-button:hover, .skib-teacher-book-button:focus { color: #fff; background: #c94f00; outline: 3px solid rgba(236,102,8,.2); }
@container (max-width: 620px) {
	.skib-teacher-panel { display: block; min-height: 0; }
	.skib-teacher-photo, .skib-teacher-photo-image { min-height: 300px; height: 300px; }
	.skib-teacher-copy { padding: 28px 22px; }
}
@media (max-width: 720px) {
	.skib-teacher-panel { display: block; min-height: 0; }
	.skib-teacher-photo, .skib-teacher-photo-image { min-height: 320px; height: 320px; }
	.skib-teacher-copy { padding: 28px 22px; }
}