@font-face {
	font-family: "Manrope Variable";
	src: url("../fonts/manrope-variable.woff2") format("woff2");
	font-display: swap;
	font-style: normal;
	font-weight: 300 800;
}

@property --dse-hiring-mask-x {
	syntax: "<percentage>";
	inherits: false;
	initial-value: 12.2517%;
}

@property --dse-hiring-mask-y {
	syntax: "<percentage>";
	inherits: false;
	initial-value: 15%;
}

@property --dse-hiring-mask-stop {
	syntax: "<percentage>";
	inherits: false;
	initial-value: 0%;
}

.dse-team,
.dse-team * {
	box-sizing: border-box;
}

.dse-team {
	--dse-team-bg: #5dc39b;
	--dse-team-light: #fffefa;
	--dse-team-dark: #242424;
	--dse-team-hover: #f5f5e9;
	--dse-team-spring: cubic-bezier(0.22, 1.14, 0.33, 1);
	--dse-team-motion: cubic-bezier(0.16, 1, 0.3, 1);
	--dse-team-reveal-spring: linear(0 0%, 0.021 2.04%, 0.0757 4.08%, 0.153 6.12%, 0.2438 8.16%, 0.3408 10.2%, 0.4387 12.24%, 0.5331 14.29%, 0.6213 16.33%, 0.7014 18.37%, 0.7722 20.41%, 0.8335 22.45%, 0.8853 24.49%, 0.9279 26.53%, 0.9622 28.57%, 0.9889 30.61%, 1.0091 32.65%, 1.0235 34.69%, 1.0332 36.73%, 1.039 38.78%, 1.0417 40.82%, 1.042 42.86%, 1.0379 46.94%, 1.0304 51.02%, 1.0222 55.1%, 1.0147 59.18%, 1.0086 63.27%, 1.0042 67.35%, 1.0012 71.43%, 0.9988 77.55%, 0.9982 83.67%, 0.9985 89.8%, 1 93.88%, 1 100%);
	--dse-team-image-reveal: linear(0 0%, 0.0028 0.6%, 0.0115 1.2%, 0.0264 3.1%, 0.0413 5%, 0.0749 8.8%, 0.129 14.8%, 0.1927 20.6%, 0.2698 26.3%, 0.3719 32.2%, 0.4689 36%, 0.5389 37.9%, 0.624 39.9%, 0.7189 41.9%, 0.7845 43.8%, 0.8273 45.8%, 0.8907 50.9%, 0.9237 55.6%, 0.9499 61.3%, 0.9675 67.1%, 0.9796 72.9%, 0.9881 78.7%, 0.9937 84.5%, 0.9974 90.3%, 0.9994 96.1%, 1 100%);
	--dse-team-hover-speed: 860ms;
	--dse-team-radius-speed: 860ms;
	width: calc(100% - 40px);
	max-width: 1880px;
	margin: 20px auto;
	padding: 120px 0;
	border-radius: 40px;
	background: var(--dse-team-bg);
	color: var(--dse-team-light);
	font-family: "Manrope Variable", "Manrope Variable Placeholder", sans-serif;
	overflow: hidden;
}

.dse-team__inside {
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
	padding: 0 40px;
}

.dse-team__title {
	display: block;
	max-width: 750px;
	margin: 0 0 80px;
	color: rgba(255, 255, 255, 0.75);
	font-family: "Manrope Variable", "Manrope Variable Placeholder", sans-serif;
	font-size: 80px;
	font-weight: 400;
	font-variation-settings: "wght" 585;
	font-feature-settings: "liga" 0, "ss01" 1;
	line-height: 1.05;
	letter-spacing: 0;
	text-wrap: balance;
	opacity: 1;
	visibility: visible;
}

.dse-team-title-word {
	display: inline-block;
	white-space: pre;
}

.dse-team-title-word:nth-child(-n + 3) {
	color: var(--dse-team-light);
}

.dse-team__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 15px 30px;
	width: 100%;
}

.dse-team-card {
	position: relative;
	display: flex;
	align-items: center;
	gap: 30px;
	min-width: 0;
	height: 100px;
	min-height: 100px;
	width: 100%;
	padding: 10px;
	border: 0;
	border-bottom: 1px solid rgba(227, 227, 227, 0.45);
	border-radius: 0;
	background: transparent;
	color: var(--dse-team-light);
	font: inherit;
	text-align: left;
	text-decoration: none;
	appearance: none;
	cursor: pointer;
	isolation: isolate;
	overflow: hidden;
	transition: border-radius var(--dse-team-radius-speed) var(--dse-team-motion);
	-webkit-tap-highlight-color: transparent;
}

.dse-team-card:hover,
.dse-team-card:focus,
.dse-team-card:focus-visible,
.dse-team-card:active {
	border-top: 0;
	border-right: 0;
	border-left: 0;
	background-color: transparent;
	color: var(--dse-team-light);
	box-shadow: none;
	outline: 0;
}

.dse-team-card::after {
	display: none;
}

.dse-team-card__wash {
	position: absolute;
	top: auto;
	bottom: -50px;
	left: 50%;
	z-index: 0;
	display: block;
	width: 50px;
	height: 50px;
	border-radius: 50px;
	background: var(--dse-team-hover);
	translate: -50% 0;
	transform-origin: 50% 50%;
	will-change: transform;
	pointer-events: none;
}

.dse-team-card--motion .dse-team-card__wash {
	top: calc(50% - 25px);
	bottom: auto;
	left: calc(50% - 25px);
	width: 50px;
	height: 50px;
	translate: none;
}

.dse-team-card__avatar {
	position: relative;
	z-index: 1;
	display: block;
	flex: 0 0 80px;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background: #2f2f2f;
	overflow: hidden;
	transform: translateZ(0);
}

.dse-team-card__avatar img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.dse-team-card__info {
	position: relative;
	z-index: 1;
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	align-items: flex-start;
	gap: 7px;
	min-width: 0;
}

.dse-team-card__name,
.dse-team-card__role,
.dse-team-card__number {
	position: relative;
	z-index: 1;
	display: block;
	transition: color var(--dse-team-hover-speed) var(--dse-team-spring);
}

.dse-team-card--motion .dse-team-card__name,
.dse-team-card--motion .dse-team-card__role,
.dse-team-card--motion .dse-team-card__number {
	transition: none;
}

.dse-team-card__name {
	font-size: 20px;
	font-weight: 585;
	line-height: 1.35;
	letter-spacing: 0;
	color: var(--dse-team-light);
}

.dse-team-card__role {
	font-size: 15px;
	font-weight: 600;
	line-height: 1.5;
	letter-spacing: 0;
	color: rgba(255, 254, 250, 0.52);
	color: color-mix(in srgb, var(--dse-team-light) 52%, transparent);
}

.dse-team-card__number {
	flex: 0 0 auto;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.5;
	color: rgba(255, 254, 250, 0.52);
	color: color-mix(in srgb, var(--dse-team-light) 52%, transparent);
}

.dse-team-card__toggle {
	position: relative;
	z-index: 1;
	display: block;
	flex: 0 0 20px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: var(--dse-team-hover);
	color: var(--dse-team-dark);
	transition: background-color 480ms var(--dse-team-spring), color 480ms var(--dse-team-spring), transform var(--dse-team-hover-speed) var(--dse-team-spring);
}

.dse-team-card--motion .dse-team-card__toggle {
	transition: none;
}

.dse-team-card__toggle i {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 12px;
	height: 2px;
	border-radius: 2px;
	background: currentColor;
	transform: translate(-50%, -50%);
}

.dse-team-card__toggle i:last-child {
	transform: translate(-50%, -50%) rotate(90deg);
}

.dse-team-card:focus-visible {
	outline: 0;
	outline-offset: 0;
}

.dse-team-card:not(.dse-team-card--motion):focus-visible {
	border-radius: 50px;
	border-bottom-color: transparent;
}

.dse-team-card:not(.dse-team-card--motion):focus-visible .dse-team-card__wash {
	bottom: 0;
	width: 100%;
	height: 100%;
}

.dse-team-card:not(.dse-team-card--motion):focus-visible .dse-team-card__name,
.dse-team-card:not(.dse-team-card--motion):focus-visible .dse-team-card__role,
.dse-team-card:not(.dse-team-card--motion):focus-visible .dse-team-card__number {
	color: var(--dse-team-dark);
}

.dse-team-card:not(.dse-team-card--motion):focus-visible .dse-team-card__toggle {
	background: var(--dse-team-bg);
	color: var(--dse-team-light);
	transform: rotate(360deg);
}

.dse-team-hiring {
	display: grid;
	grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr);
	align-items: end;
	gap: 50px;
	width: 100%;
	margin-top: 80px;
}

.dse-team-hiring__media {
	position: relative;
	width: 100%;
	aspect-ratio: 1.5;
	border-radius: 30px;
	background: #438f72;
	background: color-mix(in srgb, var(--dse-team-bg) 75%, #202020);
	overflow: hidden;
	transform: translateZ(0);
}

.dse-team-hiring__media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 900ms cubic-bezier(0.22, 1, 0.36, 1);
}

.dse-team-hiring__content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 30px;
	min-width: 0;
}

.dse-team-hiring__copy {
	display: grid;
	gap: 20px;
}

.dse-team-hiring__copy h3 {
	max-width: 330px;
	margin: 0;
	font-family: "Manrope Variable", "Manrope Variable Placeholder", sans-serif;
	font-size: 45px;
	font-weight: 400;
	font-variation-settings: "wght" 585;
	font-feature-settings: "liga" 0, "ss01" 1;
	line-height: 1.1;
	letter-spacing: 0;
	color: var(--dse-team-light);
	text-wrap: balance;
}

.dse-team-hiring__copy p,
.dse-team-hiring__desc,
.dse-team-hiring__desc p {
	margin: 0;
	max-width: 485px;
	font-family: "Manrope Variable", "Manrope Variable Placeholder", sans-serif;
	font-size: 17px;
	font-weight: 600;
	font-feature-settings: "ss01" 1;
	line-height: 1.5;
	letter-spacing: 0;
	color: var(--dse-team-light);
}

.dse-team-hiring__button {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 25px;
	min-height: 42px;
	padding: 10px 15px;
	border-radius: 40px;
	background: var(--dse-team-dark);
	color: var(--dse-team-light);
	font-size: 15px;
	font-weight: 600;
	line-height: 1.45;
	text-decoration: none;
	isolation: isolate;
	overflow: hidden;
}

.dse-team-hiring__button::before {
	position: absolute;
	top: 50%;
	right: 18px;
	z-index: 0;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: var(--dse-team-hover);
	content: "";
	transform: translateY(-50%) scale(0);
	transition: transform 560ms cubic-bezier(0.16, 1, 0.3, 1);
	will-change: transform;
}

.dse-team-hiring__label {
	position: relative;
	z-index: 1;
	display: grid;
	height: 1.45em;
	overflow: hidden;
}

.dse-team-hiring__label span {
	grid-area: 1 / 1;
	display: block;
	transition: transform 560ms cubic-bezier(0.22, 1, 0.36, 1);
}

.dse-team-hiring__label span:first-child {
	color: var(--dse-team-light);
	transform: translateY(0);
}

.dse-team-hiring__label span:last-child {
	color: var(--dse-team-dark);
	transform: translateY(120%);
}

.dse-team-hiring__button i {
	position: relative;
	z-index: 1;
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: var(--dse-team-light);
	transition: background-color 350ms ease;
}

.dse-team-hiring__button:focus-visible {
	outline: 2px solid var(--dse-team-light);
	outline-offset: 3px;
}

.dse-team-hiring__button:focus-visible::before {
	transform: translateY(-50%) scale(28);
}

.dse-team-hiring__button:focus-visible .dse-team-hiring__label span:first-child {
	transform: translateY(-120%);
}

.dse-team-hiring__button:focus-visible .dse-team-hiring__label span:last-child {
	transform: translateY(0);
}

.dse-team-hiring__button:focus-visible i {
	background: var(--dse-team-dark);
}

.dse-team-modal,
.dse-team-modal * {
	box-sizing: border-box;
}

.dse-team-modal[hidden] {
	display: none !important;
}

.dse-team-modal {
	--dse-modal-dark: #242424;
	--dse-modal-muted: #616161;
	--dse-modal-accent: #5dc39b;
	--dse-modal-shell: #f5f5e9;
	--dse-modal-panel: #fffffa;
	--dse-modal-spring: linear(0 0%, 0.021 2.04%, 0.0757 4.08%, 0.153 6.12%, 0.2438 8.16%, 0.3408 10.2%, 0.4387 12.24%, 0.5331 14.29%, 0.6213 16.33%, 0.7014 18.37%, 0.7722 20.41%, 0.8335 22.45%, 0.8853 24.49%, 0.9279 26.53%, 0.9622 28.57%, 0.9889 30.61%, 1.0091 32.65%, 1.0235 34.69%, 1.0332 36.73%, 1.039 38.78%, 1.0417 40.82%, 1.042 42.86%, 1.0379 46.94%, 1.0304 51.02%, 1.0222 55.1%, 1.0147 59.18%, 1.0086 63.27%, 1.0042 67.35%, 1.0012 71.43%, 0.9988 77.55%, 0.9982 83.67%, 0.9985 89.8%, 1 93.88%, 1 100%);
	position: fixed;
	inset: 0;
	z-index: 2147483000;
	display: grid;
	place-items: center;
	padding: 30px;
	font-family: "Manrope Variable", "Manrope Variable Placeholder", sans-serif;
	overflow-x: hidden;
	overflow-y: auto;
	overscroll-behavior: contain;
}

.dse-team-modal__backdrop {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.45);
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
	opacity: 0;
	cursor: pointer;
}

.dse-team-modal__stage {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 100%;
	pointer-events: none;
}

.dse-team-modal__motion {
	position: relative;
	width: min(800px, calc(100vw - 60px));
	opacity: 0;
	transform: translateY(100px) scale(0.8) rotate(-3deg);
	transform-origin: 50% 50%;
	will-change: transform, opacity;
	pointer-events: none;
}

.dse-team-modal__dialog {
	position: relative;
	display: grid;
	grid-template-columns: 237px minmax(0, 1fr);
	gap: 10px;
	width: 100%;
	min-height: 402px;
	padding: 10px;
	border-radius: 40px;
	background: var(--dse-modal-shell);
	color: var(--dse-modal-dark);
	overflow: hidden;
	opacity: 0;
	transform: translateY(100px) scale(0.8) rotate(-3deg);
	transform-origin: 50% 50%;
	will-change: transform, opacity;
	pointer-events: auto;
}

.dse-team-modal__dialog--no-photo {
	grid-template-columns: 1fr;
	max-width: 560px;
	margin-inline: auto;
}

.dse-team-modal__photo {
	position: relative;
	min-height: 382px;
	border-radius: 30px;
	background: #deded5;
	overflow: hidden;
	opacity: 0;
	transform: translateY(25px) scale(0.9) rotate(-3deg);
	transform-origin: 50% 50%;
	will-change: transform, opacity;
}

.dse-team-modal__photo img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center top;
}

.dse-team-modal__body {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 24px;
	min-width: 0;
	min-height: 382px;
	padding: 30px;
	border-radius: 30px;
	background: var(--dse-modal-panel);
	overflow: hidden;
	opacity: 0;
	transform: translateY(25px) scale(0.9) rotate(-3deg);
	transform-origin: 50% 50%;
	will-change: transform, opacity;
}

.dse-team-modal__content {
	display: grid;
	gap: 20px;
	min-width: 0;
	opacity: 0;
	transform: translateY(25px) scale(0.9) rotate(-3deg);
	transform-origin: 50% 50%;
	will-change: transform, opacity;
}

.dse-team-modal__heading {
	display: grid;
	gap: 3px;
	padding-right: 34px;
}

.dse-team-modal__role,
.dse-team-modal__name,
.dse-team-modal__bio p,
.dse-team-modal__email span,
.dse-team-modal__email a {
	margin: 0;
	letter-spacing: 0;
}

.dse-team-modal__role {
	color: var(--dse-modal-muted);
	font-size: 15px;
	font-weight: 600;
	line-height: 1.5;
}

.dse-team-modal__name {
	color: var(--dse-modal-dark);
	font-size: 30px;
	font-weight: 400;
	font-variation-settings: "wght" 500;
	line-height: 1.3;
}

.dse-team-modal__bio {
	color: var(--dse-modal-muted);
	font-size: 15px;
	font-weight: 600;
	line-height: 1.5;
}

.dse-team-modal__bio p + p {
	margin-top: 12px;
}

.dse-team-modal__footer {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(180px, 1fr);
	align-items: end;
	gap: 20px;
	opacity: 0;
	transform: translateY(25px) scale(0.9) rotate(-3deg);
	transform-origin: 50% 50%;
	will-change: transform, opacity;
}

.dse-team-modal__socials {
	display: flex;
	align-items: center;
	gap: 9px;
}

.dse-team-modal__social {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 38px;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: var(--dse-modal-shell);
	color: var(--dse-modal-dark);
	font-size: 20px;
	font-weight: 600;
	line-height: 1;
	text-decoration: none;
	isolation: isolate;
	overflow: hidden;
	-webkit-tap-highlight-color: transparent;
}

.dse-team-modal__social--linkedin,
.dse-team-modal__social--facebook {
	font-size: 17px;
	font-weight: 800;
}

.dse-team-modal__social-bg {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 0;
	display: block;
	width: 44px;
	height: 44px;
	margin: -22px 0 0 -22px;
	border-radius: 50%;
	background: var(--dse-modal-accent);
	transform: translate(21px, 40.5px) scale(0.0455);
	transform-origin: 0 0;
	transition: transform 420ms var(--dse-modal-spring);
	will-change: transform;
	pointer-events: none;
}

.dse-team-modal__social-viewport {
	position: relative;
	z-index: 1;
	display: block;
	width: 18px;
	height: 18px;
	overflow: hidden;
	pointer-events: none;
}

.dse-team-modal__social-icon {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--dse-modal-dark);
	transform: translateY(0) scale(1) rotate(0);
	transition: transform 420ms var(--dse-modal-spring);
	will-change: transform;
}

.dse-team-modal__social-icon--bottom {
	color: var(--dse-modal-panel);
	transform: translateY(21px) scale(0.8) rotate(-30deg);
}

.dse-team-modal__instagram-mark {
	position: relative;
	display: block;
	width: 16px;
	height: 16px;
	border: 2px solid currentColor;
	border-radius: 5px;
}

.dse-team-modal__instagram-mark::before,
.dse-team-modal__instagram-mark::after {
	position: absolute;
	border-radius: 50%;
	content: "";
}

.dse-team-modal__instagram-mark::before {
	top: 3px;
	left: 3px;
	width: 6px;
	height: 6px;
	border: 2px solid currentColor;
}

.dse-team-modal__instagram-mark::after {
	top: 2px;
	right: 2px;
	width: 2px;
	height: 2px;
	background: currentColor;
}

.dse-team-modal__social:hover,
.dse-team-modal__social:focus-visible {
	border-color: transparent;
	background-color: var(--dse-modal-shell) !important;
	color: var(--dse-modal-dark) !important;
	box-shadow: none;
	text-decoration: none;
}

.dse-team-modal__social:hover .dse-team-modal__social-bg,
.dse-team-modal__social:focus-visible .dse-team-modal__social-bg {
	transform: none;
}

.dse-team-modal__social:hover .dse-team-modal__social-icon--top,
.dse-team-modal__social:focus-visible .dse-team-modal__social-icon--top {
	transform: translateY(-21px) scale(0.8) rotate(30deg);
}

.dse-team-modal__social:hover .dse-team-modal__social-icon--bottom,
.dse-team-modal__social:focus-visible .dse-team-modal__social-icon--bottom {
	transform: none;
}

.dse-team-modal__social:focus,
.dse-team-modal__social:focus-visible,
.dse-team-modal__close:focus,
.dse-team-modal__close:focus-visible {
	outline: none !important;
	box-shadow: none !important;
}

.dse-team-modal__email {
	display: grid;
	gap: 2px;
	min-width: 0;
}

.dse-team-modal__email span {
	color: var(--dse-modal-muted);
	font-size: 13px;
	font-weight: 600;
	line-height: 1.5;
}

.dse-team-modal__email a {
	color: var(--dse-modal-dark) !important;
	font-size: 17px;
	font-weight: 600;
	line-height: 1.5;
	text-decoration: none !important;
	overflow-wrap: anywhere;
}

.dse-team-modal__email a:hover,
.dse-team-modal__email a:focus-visible {
	color: var(--dse-modal-accent) !important;
	text-decoration: none !important;
}

.dse-team-modal__close {
	position: absolute;
	top: 24px;
	right: 24px;
	z-index: 3;
	display: block;
	width: 30px;
	height: 30px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: var(--dse-modal-shell);
	color: var(--dse-modal-dark);
	cursor: pointer;
	transition: transform 300ms ease, background-color 300ms ease;
}

.dse-team-modal__close i {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 15px;
	height: 2px;
	border-radius: 2px;
	background: currentColor;
	transform: translate(-50%, -50%) rotate(45deg);
}

.dse-team-modal__close i:last-child {
	transform: translate(-50%, -50%) rotate(-45deg);
}

.dse-team-modal__close:hover {
	background: #e9e9dc;
	transform: rotate(90deg);
}

.dse-team-modal.is-open .dse-team-modal__backdrop {
	animation: dse-team-modal-backdrop-in 400ms cubic-bezier(0.44, 0, 0.56, 1) both;
}

.dse-team-modal.is-open .dse-team-modal__motion,
.dse-team-modal.is-open .dse-team-modal__dialog {
	animation: dse-team-modal-in 360ms var(--dse-modal-spring) both;
}

.dse-team-modal.is-open .dse-team-modal__photo,
.dse-team-modal.is-open .dse-team-modal__content,
.dse-team-modal.is-open .dse-team-modal__footer {
	animation: dse-team-modal-detail-in 360ms var(--dse-modal-spring) 100ms both;
}

.dse-team-modal.is-open .dse-team-modal__body {
	animation: dse-team-modal-detail-in 360ms var(--dse-modal-spring) 50ms both;
}

.dse-team-modal.is-closing .dse-team-modal__backdrop {
	animation: dse-team-modal-backdrop-out 400ms cubic-bezier(0.44, 0, 0.56, 1) both;
}

.dse-team-modal.is-closing .dse-team-modal__motion {
	animation: dse-team-modal-out 360ms var(--dse-modal-spring) both;
}

.dse-team-modal.is-closing .dse-team-modal__dialog,
.dse-team-modal.is-closing .dse-team-modal__photo,
.dse-team-modal.is-closing .dse-team-modal__body,
.dse-team-modal.is-closing .dse-team-modal__content,
.dse-team-modal.is-closing .dse-team-modal__footer {
	opacity: 1;
	transform: none;
}

@keyframes dse-team-modal-backdrop-in {
	from { opacity: 0; }
	to { opacity: 1; }
}

@keyframes dse-team-modal-backdrop-out {
	from { opacity: 1; }
	to { opacity: 0; }
}

@keyframes dse-team-modal-in {
	from {
		opacity: 0.001;
		transform: translateY(100px) scale(0.8) rotate(-3deg);
	}
	to {
		opacity: 1;
		transform: translateY(0) scale(1) rotate(0);
	}
}

@keyframes dse-team-modal-detail-in {
	from {
		opacity: 0.001;
		transform: translateY(25px) scale(0.9) rotate(-3deg);
	}
	to {
		opacity: 1;
		transform: translateY(0) scale(1) rotate(0);
	}
}

@keyframes dse-team-modal-out {
	from {
		opacity: 1;
		transform: translateY(0) scale(1) rotate(0);
	}
	to {
		opacity: 0;
		transform: translateY(100px) scale(0.8) rotate(-3deg);
	}
}

.dse-team--pending .dse-team__title,
.dse-team--pending .dse-team-card {
	opacity: 1;
}

.dse-team.is-enhanced .dse-team-card {
	opacity: 0;
	transform: translateY(10px) scale(0.9);
}

.dse-team.is-enhanced .dse-team-title-word {
	opacity: 0.001;
	filter: blur(5px);
	transform: translateY(2px) scale(0.9);
}

.dse-team.is-enhanced .dse-team-card {
	transition: border-radius var(--dse-team-radius-speed) var(--dse-team-motion);
}

.dse-team--pending .dse-team-hiring__media,
.dse-team.is-enhanced .dse-team-hiring__media {
	--dse-hiring-mask-x: 12.2517%;
	--dse-hiring-mask-y: 15%;
	--dse-hiring-mask-stop: 0%;
	-webkit-mask-image: radial-gradient(var(--dse-hiring-mask-x) var(--dse-hiring-mask-y) at 50% 0%, #000 var(--dse-hiring-mask-stop), transparent calc(var(--dse-hiring-mask-stop) + 0.01%));
	mask-image: radial-gradient(var(--dse-hiring-mask-x) var(--dse-hiring-mask-y) at 50% 0%, #000 var(--dse-hiring-mask-stop), transparent calc(var(--dse-hiring-mask-stop) + 0.01%));
	transform: perspective(1200px) rotate(3deg) scale(0.9);
	will-change: transform, mask-image;
}

.dse-team.is-enhanced.is-visible .dse-team-title-word {
	animation: dse-team-title-reveal 500ms var(--dse-team-reveal-spring) both;
	animation-delay: calc(var(--dse-index, 0) * 75ms);
}

.dse-team.is-enhanced.is-visible .dse-team-card {
	animation: dse-team-card-reveal 500ms var(--dse-team-reveal-spring) both;
}

.dse-team.is-enhanced .dse-team-hiring.is-visible .dse-team-hiring__media {
	animation: dse-team-hiring-reveal 860ms var(--dse-team-image-reveal) 100ms both;
}

@keyframes dse-team-title-reveal {
	from {
		opacity: 0.001;
		filter: blur(5px);
		transform: translateY(2px) scale(0.9);
	}

	to {
		opacity: 1;
		filter: blur(0);
		transform: translateY(0) scale(1);
	}
}

@keyframes dse-team-card-reveal {
	from {
		opacity: 0;
		transform: translateY(10px) scale(0.9);
	}

	to {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

@keyframes dse-team-hiring-reveal {
	from {
		--dse-hiring-mask-x: 12.2517%;
		--dse-hiring-mask-y: 15%;
		--dse-hiring-mask-stop: 0%;
		transform: perspective(1200px) rotate(3deg) scale(0.9);
	}

	to {
		--dse-hiring-mask-x: 101.281%;
		--dse-hiring-mask-y: 124%;
		--dse-hiring-mask-stop: 99.99%;
		transform: perspective(1200px) rotate(0) scale(1);
	}
}

@media (hover: hover) and (pointer: fine) {
	.dse-team-card:not(.dse-team-card--motion):hover {
		border-radius: 50px;
		border-bottom-color: transparent;
	}

	.dse-team-card:not(.dse-team-card--motion):hover .dse-team-card__wash {
		bottom: 0;
		width: 100%;
		height: 100%;
		transform: none;
	}

	.dse-team-card:not(.dse-team-card--motion):hover .dse-team-card__name,
	.dse-team-card:not(.dse-team-card--motion):hover .dse-team-card__role,
	.dse-team-card:not(.dse-team-card--motion):hover .dse-team-card__number {
		color: var(--dse-team-dark);
	}

	.dse-team-card:not(.dse-team-card--motion):hover .dse-team-card__toggle {
		background: var(--dse-team-bg);
		color: var(--dse-team-light);
		transform: rotate(360deg);
	}

	.dse-team-hiring__media:hover img {
		transform: scale(1.035);
	}

	.dse-team-hiring__button:hover::before {
		transform: translateY(-50%) scale(28);
	}

	.dse-team-hiring__button:hover .dse-team-hiring__label span:first-child {
		transform: translateY(-120%);
	}

	.dse-team-hiring__button:hover .dse-team-hiring__label span:last-child {
		transform: translateY(0);
	}

	.dse-team-hiring__button:hover i {
		background: var(--dse-team-dark);
	}
}

@media (max-width: 1199px) {
	.dse-team {
		padding: 90px 0;
	}

	.dse-team__title {
		margin-bottom: 50px;
		max-width: 550px;
		font-size: 60px;
	}

	.dse-team__grid {
		grid-template-columns: 1fr;
	}

	.dse-team-card {
		gap: 20px;
		height: 80px;
		min-height: 80px;
		padding: 10px 10px 9px;
	}

	.dse-team-card__avatar {
		flex-basis: 60px;
		width: 60px;
		height: 60px;
		border-radius: 50%;
	}

	.dse-team-card__name {
		font-size: 19px;
	}

	.dse-team-card__role {
		font-size: 14px;
	}

	.dse-team-hiring {
		grid-template-columns: minmax(0, 1fr) 320px;
		gap: 30px;
		margin-top: 50px;
	}

	.dse-team-hiring__content {
		gap: 25px;
	}

	.dse-team-hiring__copy {
		gap: 15px;
	}

	.dse-team-hiring__copy h3 {
		max-width: 230px;
		font-size: 30px;
	}

	.dse-team-hiring__copy p,
	.dse-team-hiring__desc,
	.dse-team-hiring__desc p {
		font-size: 15px;
	}
}

@media (max-width: 809px) {
	.dse-team {
		width: calc(100% - 20px);
		margin: 10px auto;
		padding: 60px 0;
		border-radius: 30px;
	}

	.dse-team__inside {
		padding: 0 20px;
	}

	.dse-team__title {
		margin-bottom: 30px;
		font-size: 35px;
	}

	.dse-team__grid {
		gap: 15px;
	}

	.dse-team-card {
		gap: 20px;
		height: 80px;
		min-height: 80px;
		padding: 10px 10px 9px;
	}

	.dse-team-card__avatar {
		flex-basis: 60px;
		width: 60px;
		height: 60px;
		border-radius: 50%;
	}

	.dse-team-card__name {
		font-size: 17px;
	}

	.dse-team-card__role {
		font-size: 14px;
	}

	.dse-team-card__number {
		display: none;
	}

	.dse-team-hiring {
		grid-template-columns: 1fr;
		gap: 30px;
		margin-top: 30px;
	}

	.dse-team-hiring__content {
		width: 100%;
		gap: 20px;
	}

	.dse-team-hiring__copy h3 {
		max-width: 100%;
		font-size: 25px;
	}

	.dse-team-hiring__copy p,
	.dse-team-hiring__desc,
	.dse-team-hiring__desc p {
		font-size: 14px;
	}

	.dse-team-modal {
		place-items: start center;
		padding: 10px;
	}

	.dse-team-modal__stage {
		align-items: flex-start;
	}

	.dse-team-modal__motion {
		width: min(370px, calc(100vw - 20px));
		margin: auto;
	}

	.dse-team-modal__dialog,
	.dse-team-modal__dialog--no-photo {
		grid-template-columns: 1fr;
		width: 100%;
		min-height: 0;
		margin: auto;
	}

	.dse-team-modal__photo {
		width: 100%;
		min-height: 0;
		aspect-ratio: 1;
	}

	.dse-team-modal__body {
		gap: 30px;
		min-height: 453px;
		padding: 20px;
	}

	.dse-team-modal__content {
		gap: 24px;
	}

	.dse-team-modal__heading {
		padding-right: 0;
	}

	.dse-team-modal__name {
		font-size: 22px;
	}

	.dse-team-modal__bio {
		font-size: 15px;
		line-height: 1.4;
	}

	.dse-team-modal__footer {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	.dse-team-modal__close {
		top: 24px;
		right: 24px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.dse-team *,
	.dse-team *::before,
	.dse-team *::after {
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
	}

	.dse-team-modal__social-bg,
	.dse-team-modal__social-icon {
		transition: none !important;
	}

	.dse-team.is-enhanced .dse-team-hiring__media {
		--dse-hiring-mask-x: 101.281%;
		--dse-hiring-mask-y: 124%;
		--dse-hiring-mask-stop: 99.99%;
		animation: none !important;
		transform: perspective(1200px);
	}

	.dse-team-modal__backdrop {
		opacity: 1;
	}

	.dse-team-modal__motion,
	.dse-team-modal__dialog,
	.dse-team-modal__photo,
	.dse-team-modal__body,
	.dse-team-modal__content,
	.dse-team-modal__footer,
	.dse-team-modal.is-open .dse-team-modal__motion,
	.dse-team-modal.is-open .dse-team-modal__dialog,
	.dse-team-modal.is-open .dse-team-modal__photo,
	.dse-team-modal.is-open .dse-team-modal__body,
	.dse-team-modal.is-open .dse-team-modal__content,
	.dse-team-modal.is-open .dse-team-modal__footer,
	.dse-team-modal.is-closing .dse-team-modal__motion,
	.dse-team-modal.is-closing .dse-team-modal__dialog {
		animation: none !important;
		opacity: 1;
		transform: none;
	}
}