#about-us-hero .hero-background-pane::after {
		content: "";
		position: absolute;
		inset: 0;
		background: linear-gradient(to right, transparent 0%, rgba(var(--bs-primary-rgb), 0.5), rgba(var(--bs-primary-rgb), 0.5), transparent);
}

#our-story {
		position: relative;
}

#closer-cta {
		--stitch-dot-rgb: 175,175,175;
		--stitch-dot-rgb: var(--bs-secondary-rgb);
}

#core-philosophy {
		position: relative;
		--stitch-dot-rgb: var(--bs-secondary-rgb);
}
#core-philosophy > .container {
		position: relative;
		z-index: 1;
}
#core-philosophy .card {
		background-color: rgba(var(--bs-light-rgb), 0.1);
		backdrop-filter: blur(3px);
		display: block;
}
#core-philosophy .card > * {
		color: var(--bs-light);
}
#core-philosophy .card p:has(svg) svg {
		display: block;
		width: 3.5rem;
		height: 3.5rem;
		overflow: visible;
		--path-accent-color: var(--bs-white);
		margin-block-end: 2rem;
}
#core-philosophy .card p:has(svg) svg #icon--user-group-regular {
		--path-accent-color: var(--bs-white);
}
#core-philosophy .card p:has(svg) svg #icon--user-group-regular g#user-group-fade-in {
		opacity: 0.25;
		translate: 12% 0;
		transition: all 0.33s ease;
}
#core-philosophy .card p:has(svg) svg #icon--user-group-regular g#user-group-fade-in path {
		fill: var(--path-accent-color);
}
#core-philosophy .card:hover #icon--user-group-regular {
		--path-accent-color: var(--bs-secondary);
}
#core-philosophy .card:hover #icon--user-group-regular g#user-group-fade-in {
		opacity: 1;
		translate: 0;
}

#core-philosophy .card p:has(svg) svg #icon--chart-pie-regular {
		--path-accent-color: var(--bs-white);
}
#core-philosophy .card p:has(svg) svg #icon--chart-pie-regular g#pie-slice {
		opacity: 0.25;
		translate: 0;
}
#core-philosophy .card p:has(svg) svg #icon--chart-pie-regular g#pie-slice path {
		fill: var(--path-accent-color);
}
#core-philosophy .card p:has(svg) svg #icon--chart-pie-regular g#pie-slice, #core-philosophy .card p:has(svg) svg #icon--chart-pie-regular g#pie-slice path {
		transition: all 0.33s ease;
}
#core-philosophy .card:hover #icon--chart-pie-regular {
		--path-accent-color: var(--bs-secondary);
}
#core-philosophy .card:hover #icon--chart-pie-regular g#pie-slice {
		opacity: 1;
		translate: 15% 9%;
}

.team-card-container {
		display: -ms-grid;
		display: grid;
		gap: 2rem;
		margin-block: 2rem;
}
@media (min-width: 768px) {
		.team-card-container {
				-ms-grid-columns: (1fr)[3];
				grid-template-columns: repeat(3, 1fr);
		}
}

.team-card {
		display: -ms-grid;
		display: grid;
		--section-tone: dark;
}
.team-card {
		-ms-grid-rows: auto 1fr auto auto;
		-ms-grid-columns: 1rem 1fr 1rem;
		    grid-template: auto 1fr auto auto/1rem 1fr 1rem;
		overflow: hidden;
		border: 0px solid transparent;
		border-radius: var(--bs-border-radius-xl);
		box-shadow: var(--bs-box-shadow);
}
.team-card > * {
		position: relative;
}
.team-card .team-card__photo {
		grid-area: 1/1/-1/-1;
		z-index: 0;
}
.team-card .team-card__photo img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
}
.team-card .team-card__label {
		-ms-grid-row: 3;
		-ms-grid-row-span: 2;
		grid-area: 3/2/span 2/-2;
		z-index: 1;
		background-color: var(--bs-primary);
		background-color: rgba(var(--bs-primary-rgb), 0.5);
		backdrop-filter: blur(10px);
		color: var(--bs-white);
		margin-block-end: 1rem;
		border-radius: var(--bs-border-radius-xl);
		transition: opacity 0.3s ease, scale 0.3s ease, translate 0.3s ease;
		opacity: 1;
}
@media (min-width: 768px) {
		.team-card .team-card__label {
				height: 6rem;
				display: flex;
				flex-direction: column;
				justify-content: center;
		}
}
.team-card .team-card__label p:last-of-type {
		font-size: 0.875rem;
}
.team-card .team-card__overlay {
		grid-area: 1/1/-1/-1;
		background-color: rgba(var(--bs-primary-rgb), 0.85);
		z-index: 2;
		padding: 1rem;
		opacity: 0;
		transition: opacity 0.3s ease;
		pointer-events: none;
		display: -ms-grid;
		display: grid;
		-ms-grid-rows: subgrid;
		-ms-grid-columns: subgrid;
		    grid-template: subgrid/subgrid;
		gap: 1rem 0;
}
.team-card .team-card__overlay .overlay-header {
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
		grid-area: 1/1/span 1/-1;
}
.team-card .team-card__overlay .overlay-header .row > .col {
		min-width: 0;
}
.team-card .team-card__overlay .overlay-body {
		-ms-grid-row: 2;
		-ms-grid-row-span: 2;
		grid-area: 2/1/span 2/-1;
		-ms-grid-row-align: stretch;
		    align-self: stretch;
		max-height: 15rem;
		max-height: calc(10lh + 0.25rem);
		overflow-y: auto;
		overscroll-behavior-y: contain;
}
.team-card .team-card__overlay .overlay-body::-webkit-scrollbar {
		width: 8px;
		height: 8px;
		background-color: var(--ccp-color-4);
		border-radius: 6px;
}
.team-card .team-card__overlay .overlay-body::-webkit-scrollbar-thumb {
		border-radius: 6px;
		background: var(--ccp-color-2);
}
.team-card .team-card__overlay .overlay-body::-webkit-scrollbar-thumb:hover {
		background: var(--ccp-color-1);
}
.team-card .team-card__overlay .overlay-body.dropdown-menu {
		overflow-y: auto;
		overflow-x: hidden;
		max-height: clamp(300px, 50vh, 500px);
}
.team-card .team-card__overlay .overlay-footer {
		-ms-grid-row: 4;
		-ms-grid-row-span: 1;
		grid-area: 4/1/span 1/-1;
		-ms-grid-row-align: end;
		    align-self: end;
}
.team-card:hover .team-card__label {
		opacity: 0;
		scale: 0.9;
		translate: 0 -1rem;
}
.team-card:hover .team-card__overlay {
		opacity: 1;
		pointer-events: auto;
}

.page .tooltip {
		--bs-tooltip-bg: var(--bs-primary);
		--bs-tooltip-color: var(--bs-white);
		--bs-tooltip-opacity: 1;
}

.overlay-header [data-bs-toggle=tooltip] {
		cursor: default;
}

.tooltip.tooltip-inverse {
		--bs-tooltip-bg: var(--bs-light);
		--bs-tooltip-color: var(--bs-primary);
		--bs-tooltip-border-color: var(--bs-primary);
}
.tooltip.tooltip-inverse .tooltip-inner {
		box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
		border: 1px solid var(--bs-tooltip-border-color);
}