@charset "UTF-8";
@media only screen and (min-width: 1000px) {
		.index-empowering {
				font-size: var(--text-big-size);
		}
}
.index-empowering .container {
		position: relative;
		display: flex;
		flex-direction: column;
		min-height: 100vh;
		min-height: 100svh;
}
.index-empowering .video {
		position: relative;
		flex: 0 0 auto;
}
.index-empowering video {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: contain;
		object-position: center;
		align-self: center;
		backface-visibility: hidden;
		border: 0;
		outline: none;
}
.index-empowering .text {
		position: relative;
}
.index-empowering .max {
		max-width: 27em;
}
.index-empowering .h2 {
		font-size: 36px;
		text-align: inherit;
}
@media only screen and (max-width: 999px) {
		.index-empowering .h2 {
				margin-bottom: 10px;
		}
}
@media only screen and (min-width: 760px) {
		.index-empowering .h2 {
				font-size: 4rem;
		}
}
@media only screen and (orientation: portrait) {
		.index-empowering .line-down {
				display: none;
		}
		.index-empowering .container {
				padding-top: var(--header);
				padding-bottom: var(--vspace-small);
				min-height: calc(100vh + var(--vspace-small) - var(--side-padding));
				min-height: calc(100svh + var(--vspace-small) - var(--side-padding));
		}
		.index-empowering .video {
				width: calc(100% + var(--side-padding) * 2);
				flex: 1 0 auto;
				align-self: center;
		}
		.index-empowering .text {
				text-align: center;
		}
		.index-empowering .max {
				margin: 0 auto;
		}
		.index-empowering .btns {
				justify-content: center;
		}
}
@media only screen and (orientation: landscape) {
		.index-empowering .container {
				padding-top: var(--vspace-small);
				padding-bottom: var(--vspace-small);
				justify-content: center;
		}
		.index-empowering .line-down {
				bottom: 18px;
		}
		.index-empowering .video {
				position: absolute;
				top: 0;
				bottom: 0;
				left: 50%;
				width: calc(50% - var(--side-padding));
		}
		.index-empowering .text {
				width: 50%;
		}
}
.index-elevate {
		padding-top: var(--vspace-small);
}
.index-elevate .h2 {
		max-width: 13.85em;
}
@media only screen and (max-width: 999px) {
		.index-elevate .h2 {
				font-size: 36px;
		}
}
.index-elevate ul {
		list-style: none;
		margin: 0 auto;
		max-width: 1070px;
		padding: 0;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
		text-align: center;
		color: var(--white);
		font-weight: 500;
		font-size: 14px;
}
.index-elevate li {
		width: 100%;
		border-radius: 20px;
		border: 2px solid var(--block-border);
		background: var(--block-bg);
		list-style: none;
		margin: 0;
		--padding: 20px;
		padding: 50px var(--padding) 20px var(--padding);
		overflow: hidden;
		backface-visibility: hidden;
		transform: translateZ(0);
		display: flex;
		flex-direction: column;
}
@media only screen and (max-width: 759px) {
		.index-elevate ul {
				grid-template-columns: repeat(1, 1fr);
		}
		.index-elevate .h3 br {
				display: none;
		}
}
@media only screen and (min-width: 1000px) {
		.index-elevate ul {
				font-size: 18px;
				gap: 80px;
		}
		.index-elevate li {
				--padding: 40px;
				padding-top: 60px;
		}
}
.index-elevate li:before {
		display: none;
}
.index-elevate .h3 {
		position: relative;
		z-index: 2;
		font-size: 30px;
}
@media only screen and (min-width: 1000px) {
		.index-elevate .h3 {
				font-size: 2.5rem; /*40px*/
		}
}
.index-elevate .pic {
		position: relative;
		aspect-ratio: 1/1;
		margin: auto calc(var(--padding) * -0.5) -20px calc(var(--padding) * -0.5);
}
.index-elevate .pic:after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		margin: -1px;
		background-image: linear-gradient(to bottom, var(--block-bg) 0, var(--block-bg0) 10%, var(--block-bg0) 90%, var(--block-bg) 100%), linear-gradient(to right, var(--block-bg) 0, var(--block-bg0) 10%, var(--block-bg0) 90%, var(--block-bg) 100%);
}
.index-elevate .pic img, .index-elevate .pic video {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
}
.index-elevate .text {
		margin: 0 auto;
		width: 100%;
		max-width: 22em;
		flex: 0 0 auto;
		position: relative;
		z-index: 2;
}
.index-overview {
		margin-top: var(--vspace-small);
}
@media only screen and (min-width: 1000px) {
		.index-overview {
				margin-top: var(--vspace-big);
		}
}
@media only screen and (max-width: 999px) {
		.index-overview .h2 {
				font-size: 36px;
		}
}
.index-overview .top-text {
		position: relative;
		z-index: 2;
		margin: 0;
}
.index-overview .video {
		position: relative;
		z-index: 1;
		margin-top: -9vw;
		margin-bottom: -5.5vw;
		min-height: 319px;
		padding-top: 56.25%;
}
@media only screen and (max-width: 657px) {
		.index-overview .video {
				margin-top: 32px;
				margin-bottom: 36px;
		}
}
.index-overview .video:before, .index-overview .video:after {
		content: '';
		position: absolute;
		z-index: 2;
		left: 0;
		right: 0;
		height: 25%;
		min-height: 80px;
}
.index-overview .video:before {
		top: -1px;
		background: linear-gradient(to bottom, var(--black) 0%, transparent 100%);
}
.index-overview .video:after {
		bottom: -1px;
		background: linear-gradient(to bottom, transparent 0%, var(--black) 100%);
}
.index-overview .center-h3 {
		max-width: 22.5em;
		margin: 0 auto;
		position: relative;
		z-index: 2;
}
@media only screen and (max-width: 999px) {
		.index-overview .center-h3 {
				font-size: 24px;
		}
		.index-overview .center-h3:not(:last-child) {
				margin-bottom: 52px;
		}
}
@media only screen and (min-width: 1000px) {
		.index-overview .center-h3 {
				font-size: 2.5rem;
				line-height: 1.3;
				text-align: center;
		}
		.index-overview .center-h3:not(:last-child) {
				margin-bottom: 84px;
		}
}
.index-overview .list-big {
		list-style: none;
		margin: var(--vspace-small) auto 0 auto;
		max-width: 1240px;
		padding: 20px 0;
		display: flex;
		flex-direction: column;
		gap: 110px;
}
.index-overview .list-big li {
		flex: 0 0 auto;
		width: 100%;
		display: flex;
		flex-direction: column;
		gap: 50px;
		margin: 0;
		padding: 0;
}
.index-overview .list-big li:before {
		display: none;
}
.index-overview .list-big .pic {
		flex: 0 0 auto;
		width: 100%;
		aspect-ratio: 1/1;
		position: relative;
}
.index-overview .list-big .pic video {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
}
.index-overview .list-big .text {
		flex: 0 0 auto;
		max-width: 32em;
}
.index-overview .list-big .h3 {
		font-size: 33px;
		line-height: 1.1;
}
@media only screen and (min-width: 1000px) {
		.index-overview .list-big .h3 {
				font-size: 2.75rem;
				line-height: 1.3;
				margin-bottom: 10px;
		}
}
@media only screen and (min-width: 760px) {
		.index-overview .list-big li {
				padding: 0;
				flex-direction: row;
				align-items: center;
				gap: 0;
		}
		.index-overview .list-big li:nth-child(odd) {
				flex-direction: row-reverse;
		}
		.index-overview .list-big .pic {
				width: 48%;
				margin: 0 -2% 0 0;
		}
		.index-overview .list-big li:nth-child(odd) .pic {
				margin: 0 0 0 -8%;
		}
		.index-overview .list-big .text {
				width: 46.774%;
				margin: 0 auto;
		}
}
@media only screen and (min-width: 1000px) {
		.index-overview .list-big {
				gap: 60px;
		}
}