@charset "UTF-8";
.team .top {
		position: relative;
		--bottom: 30px;
}
@media only screen and (min-width: 1000px) {
		.team .top {
				--bottom: 40px;
		}
}
.team .top .logo-bg:after {
		background-image: radial-gradient(circle at 37% -53%, #B7FF42 0%, #C253D5 20%, #B7FF42 60%, #19FCFE 100%);
}
@media only screen and (max-width: 999px) {
		.team .top .logo-bg:before {
				width: 530px;
				bottom: -290px;
				left: -140px;
				transform: scale(-1, -1);
		}
		.team .top .logo-bg:after {
				width: 611px;
				top: -293px;
				right: -294px;
		}
}
@media only screen and (min-width: 1000px) {
		.team .top .logo-bg:before, .team .top .logo-bg:after {
				left: 50%;
		}
		.team .top .logo-bg:before {
				width: 1051px;
				top: 50%;
				left: 50%;
				transform: translate3d(-941px, -50%, 0) scale(-1, -1);
		}
		.team .top .logo-bg:after {
				width: 773px;
				top: -213px;
				transform: translate3d(239px, 0, 0);
		}
}
.team .top .container {
		position: relative;
		z-index: 3;
		padding-top: var(--vspace-small);
		padding-bottom: var(--vspace-small);
		min-height: 100vh;
		min-height: 100svh;
		display: flex;
		flex-direction: column;
		justify-content: center;
}
.team .top .line-down {
		bottom: var(--bottom);
}
.team .top .h1 {
		text-align: center;
		font-size: 70px;
		line-height: 1.1;
		font-weight: 600;
		margin: 0;
		flex: 0 0 auto;
		width: 100%;
}
@media only screen and (max-width: 390px) {
		.team .top .h1 {
				font-size: 4.375rem;
		}
}
@media only screen and (min-width: 1000px) {
		.team .top .h1 {
				font-size: 11.3125rem;
		}
		.team .top .h1 > *:first-child {
				text-align: left;
		}
		.team .top .h1 > *:last-child:after {
				content: attr(data-num);
				display: inline-flex;
				align-items: center;
				justify-content: center;
				vertical-align: top;
				font-weight: 600;
				font-size: 18px;
				width: 3.75rem; /*60px*/
				height: 3.75rem;
				border-radius: 50%;
				background: rgba(255, 255, 255, 0.20);
				transform: translateZ(0);
				-webkit-backdrop-filter: blur(23px);
				backdrop-filter: blur(23px);
				position: relative;
				top: 0.9rem;
				left: -0.5rem;
		}
}
.team .top .h1 > * {
		display: block;
}
.team .top .h1 > *:not(:first-child) {
		margin-top: -0.2em;
}
.team .top ul {
		list-style: none;
		margin: 0;
		padding: 0;
		display: flex;
		gap: 40px;
}
.team .top ul.js_scroll-opacity {
		transition-delay: 0.3s !important;
}
.team .top li:before {
		display: none;
}
@media only screen and (orientation: portrait) {
		.team .top ul {
				margin-top: 46px;
				justify-content: center;
		}
}
@media only screen and (orientation: landscape) {
		.team .top ul {
				position: absolute;
				bottom: var(--bottom);
				right: var(--side-padding);
		}
}
.team .top li {
		flex: 0 0 auto;
		margin: 0;
		padding: 0;
		list-style: none;
}
.team .top li > * {
		display: flex;
		align-items: center;
		height: 30px;
		gap: 15px;
}
.team .top li > *:after {
		content: '';
		flex: 0 0 auto;
		width: 30px;
		height: 30px;
		background: var(--grey-bg) url("../img/arrow-long-upright.svg") no-repeat 50% 50%;
		background-size: auto 26px;
		border-radius: 50%;
}
.team .top li img {
		flex: 0 0 auto;
		width: auto;
		height: auto;
		max-height: 30px;
}
.team .slider {
		overflow: hidden;
}
.team .slider .container {
		position: relative;
		height: 100vh;
		height: 100svh;
		min-height: 700px;
		display: flex;
		flex-direction: column;
		justify-content: center;
}
@media only screen and (min-width: 1000px) {
		.team .slider .container {
				min-height: 800px;
		}
}
.team .moving-gradient-wrap {
		position: absolute;
		bottom: 0;
		left: var(--side-padding);
		right: var(--side-padding);
		margin-bottom: 30px;
}
@media only screen and (orientation: landscape) {
		.team .moving-gradient-wrap {
				margin-bottom: 20px;
		}
}
.team-slider {
		width: 100%;
		text-align: center;
		color: var(--white);
		position: relative;
		z-index: 3;
		overflow: visible !important;
}
.team-slider .swiper-slide {
		width: 100%;
}
.team-slider .photo {
		position: relative;
		margin: 0 auto 20px auto;
		width: 80px;
		height: 80px;
		border-radius: 50%;
}
.team-slider .photo .wrap {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border-radius: 50%;
		backface-visibility: hidden;
		transform: translateZ(0);
		overflow: hidden;
}
.team-slider .photo .wrap img {
		width: 100%;
		height: 100%;
		border-radius: 50%;
		object-fit: cover;
		object-position: center;
		position: absolute;
		top: 0;
		left: 0;
		backface-visibility: hidden;
		transition: opacity 1s var(--move-timing);
		opacity: 0;
}
.team-slider .swiper-slide-active .photo .wrap img {
		opacity: 1;
}
.team-slider .soc {
		position: absolute;
		bottom: -10px;
		right: -10px;
		width: 40px;
		height: 40px;
		box-shadow: 0 0 0 3px var(--black);
}
.team-slider .soc img {
		width: 100%;
		height: 100%;
		border-radius: 50%;
		object-fit: cover;
		object-position: center;
}
.team-slider .info {
		z-index: 2;
		margin: 0;
		padding: 0;
		min-width: 0;
		position: absolute;
		bottom: -10px;
		left: -20px;
		width: 40px;
		height: 40px;
		border-radius: 50%;
		background: var(--grad-vert);
}
@media only screen and (orientation: portrait) {
		.team-slider .info {
				display: none;
		}
}
.team-slider .h2 {
		font-size: 60px;
		line-height: 1.2;
		margin: 0 0 25px 0;
}
@media only screen and (max-width: 390px) {
		.team-slider .h2 {
				font-size: 3.75rem;
		}
}
.team-slider .h2 > * {
		display: block;
		overflow: hidden;
		white-space: nowrap;
		transform: translateZ(0);
		margin-bottom: -0.2em;
}
.team-slider .h2 > *:not(:last-child) {
		margin-bottom: -0.2em;
}
.team-slider .h2 > *:first-child {
		margin-top: -0.1em;
}
.team-slider .h2 > *:last-child {
		margin-bottom: -0.1em;
}
.team-slider .h2 > * > * {
		display: block;
		backface-visibility: hidden;
		transform: translate3d(0, 100%, 0);
		transition-property: transform, opacity;
		transition-duration: 1s, 0.5s;
		transition-timing-function: var(--move-timing);
		transition-delay: 0.5s, 0s;
		opacity: 0;
}
.team-slider .swiper-slide-active .h2 > * > * {
		transform: translate3d(0, 0, 0);
		opacity: 1;
		transition-delay: 0s;
}
.team-slider .text {
		backface-visibility: hidden;
		transition: opacity 0.5s var(--move-timing);
		opacity: 0;
}
.team-slider .swiper-slide-active .text {
		opacity: 1;
		transition-delay: 0.5s;
		transition-duration: 1s;
}
@media only screen and (min-width: 760px) {
		.team-slider .soc {
				bottom: 100%;
				right: auto;
				left: 100%;
				margin-bottom: -18px;
		}
}
@media only screen and (min-width: 1000px) {
		.team-slider .h2 {
				font-size: 8.125rem;
				margin-bottom: 40px;
		}
		.team-slider .photo {
				width: 110px;
				height: 110px;
				margin-bottom: 10px;
		}
		.team-slider .soc {
				width: 80px;
				height: 80px;
		}
		.team-slider .info {
				width: 60px;
				height: 60px;
				left: -40px;
		}
}
.team-slider .btn-grey {
		background-color: #261e2b;
}
.team-slider .btns {
		justify-content: center;
		margin-top: 30px;
}
@media only screen and (orientation: landscape) {
		.team-slider .btns {
				display: none;
		}
}
.team-slider .btns > * {
		flex: 0 0 auto;
		min-width: 200px;
}
.team-slider-pagination {
		position: absolute;
		text-align: center;
		font-weight: 600;
		line-height: 1.1;
		color: var(--white);
		clip-path: polygon(0 0, 100% 0, 100% 60%, 0 60%);
		font-size: 61px;
		z-index: 3;
		pointer-events: none;
}
@media only screen and (min-width: 1000px) {
		.team-slider-pagination {
				font-size: 5.84375rem;
		}
}
@media only screen and (orientation: portrait) {
		.team-slider-pagination {
				top: 68px;
				left: 0;
				right: 0;
		}
}
@media only screen and (orientation: landscape) {
		.team-slider-pagination {
				bottom: 0;
				right: var(--side-padding);
				margin-right: -10px;
				line-height: 140px;
		}
}
@media only screen and (orientation: landscape) and (max-width: 999px) {
		.team-slider-pagination {
				display: none;
		}
}
.team .slider .logo {
		pointer-events: none;
		font-size: 0;
		line-height: 0;
		position: absolute;
		z-index: 3;
		bottom: 50px;
		left: var(--side-padding);
		display: flex;
		align-items: center;
		height: 60px;
}
.team .slider .logo img {
		height: 40px;
		width: auto;
		flex: 0 0 auto;
}
@media only screen and (orientation: portrait), only screen and (max-width: 999px) {
		.team .slider .logo {
				display: none;
		}
}
.team-slider-thumbs {
		position: absolute !important;
		bottom: 50px;
		left: 0;
		right: 0;
		width: 100%;
		overflow: visible !important;
		z-index: 4;
}
@media only screen and (max-width: 600px) {
		.team-slider-thumbs {
				padding-left: calc(50vw - 37.5px) !important;
				padding-right: var(--side-padding) !important;
		}
}
.team-slider-thumbs:before, .team-slider-thumbs:after {
		content: '';
		position: absolute;
		top: -21px;
		bottom: -1px;
		width: calc(var(--side-padding) / 2);
		background: var(--black);
		z-index: 3;
}
@media only screen and (min-width: 1000px) {
		.team-slider-thumbs:before, .team-slider-thumbs:after {
				width: calc(var(--side-padding) / 3);
		}
}
.team-slider-thumbs:before {
		left: 0;
}
.team-slider-thumbs:after {
		right: 0;
}
.team-slider-thumbs .swiper-slide {
		padding: 0 7.5px;
		pointer-events: none;
		position: relative;
		width: auto;
}
.team-slider-thumbs .swiper-slide:first-child {
		margin-left: auto;
}
.team-slider-thumbs .swiper-slide:last-child {
		margin-right: auto;
}
.team-slider-thumbs .swiper-slide:after {
		content: '';
		position: absolute;
		bottom: 100%;
		left: 50%;
		width: 9px;
		height: 9px;
		margin: 11px 0;
		border-radius: 50%;
		background: var(--white);
		transform: translate3d(-50%, 0, 0);
		transition: opacity 0.5s var(--move-timing);
		pointer-events: none;
		opacity: 0;
}
.team-slider-thumbs .swiper-slide-thumb-active:after {
		opacity: 1;
}
.team-slider-thumbs .swiper-slide img {
		width: 60px;
		height: 60px;
		border-radius: 50%;
		object-fit: cover;
		object-position: center;
		pointer-events: all;
		cursor: pointer;
		user-select: none;
}
.team .powered {
		--vert: 100px;
		margin-top: var(--vert);
		padding-bottom: calc(var(--vert) - var(--vspace-small));
}
.team .powered .title {
		padding: 0 var(--side-padding);
		text-align: center;
		font-weight: 500;
		font-size: 20px;
		line-height: 1;
		color: inherit;
		margin: -4px 0 0 0;
}
.team .powered .list {
		overflow: hidden;
		padding: 44px 0;
		margin-bottom: -44px;
		display: flex;
		font-weight: 500;
		font-size: 40px;
		line-height: 1;
		color: var(--white);
		width: 100%;
}
.team .powered .list ul, .team .powered .list li {
		list-style: none;
		margin: 0;
		padding: 0;
}
.team .powered .list li:before {
		display: none;
}
.team .powered .list ul {
		flex: 0 0 auto;
		display: flex;
		align-items: center;
		font-weight: 500;
		font-size: 40px;
		line-height: 1;
		backface-visibility: hidden;
}
.team .powered .list ul.ready {
		animation: menu-line linear 30s infinite;
}
.team .powered .list li {
		padding: 0 calc(var(--side-padding) / 2);
		flex: 0 0 auto;
}
@media only screen and (min-width: 1000px) {
		.team .powered {
				--vert: 180px;
		}
		.team .powered .title {
				font-size: 1.5rem; /*24px*/
		}
		.team .powered .list ul {
				font-size: 6.25rem; /*100px*/
		}
}