body:after {
	display: none
}

@media screen and (max-width:360px) {
	body:after {
		content: "xxsmall|0"
	}
}

@media screen and (min-width:361px) and (max-width:419px) {
	body:after {
		content: "xsmall|1"
	}
}

@media screen and (min-width:420px) and (max-width:768px) {
	body:after {
		content: "small|2"
	}
}

@media screen and (min-width:769px) and (max-width:1210px) {
	body:after {
		content: "medium|3"
	}
}

@media screen and (min-width:1211px) and (max-width:1919px) {
	body:after {
		content: "large|4"
	}
}

@media screen and (min-width:1920px) {
	body:after {
		content: "xlarge|5"
	}
}

.disabled--yb8vG,
.disabled--yb8vG * {
	pointer-events: none!important
}

.host--eCQUg {
	z-index: 10;
	left: 0;
	width: 100%;
	pointer-events: none
}

.host--eCQUg,
.host--eCQUg .button--13TCd {
	position: absolute;
	top: 0
}

.host--eCQUg .button--13TCd {
	right: 0;
	margin-top: 4.5rem;
	margin-right: 4.5rem;
	font-size: 1.6rem;
	line-height: 1rem;
	pointer-events: auto;
	color: #fff;
	-webkit-transition: color .35s cubic-bezier(.785, .135, .15, .86);
	-o-transition: color .35s cubic-bezier(.785, .135, .15, .86);
	transition: color .35s cubic-bezier(.785, .135, .15, .86);
	cursor: pointer;
	outline: none
}

.mobile .host--eCQUg .button--13TCd {
	-webkit-transition: none!important;
	-o-transition: none!important;
	transition: none!important
}

.desktop .host--eCQUg .button--13TCd:hover,
.mobile .host--eCQUg .button--13TCd:active {
	color: #0f0
}

@media screen and (max-width:360px) {
	.host--eCQUg .button--13TCd {
		margin-right: 2rem
	}
}

@media screen and (min-width:361px) and (max-width:419px) {
	.host--eCQUg .button--13TCd {
		margin-right: 2rem
	}
}

@media screen and (min-width:420px) and (max-width:768px) {
	.host--eCQUg .button--13TCd {
		margin-right: 2rem
	}
}

@media screen and (min-width:1920px) {
	.host--eCQUg .button--13TCd {
		font-size: 2rem;
		line-height: 2rem
	}
}

.host--eCQUg h1 {
	position: relative;
	font-family: Teko, sans-serif;
	font-weight: 300;
	font-size: 1.4rem;
	line-height: 1.4rem;
	letter-spacing: .25rem;
	padding: 0;
	outline: none;
	margin: 4.5rem 0 4rem 4.5rem
}

.host--eCQUg h1 .green--13C_y {
	pointer-events: auto!important;
	cursor: pointer;
	color: #0f0;
	z-index: 1;
	outline: none;
	display: inline-block
}

.host--eCQUg h1 .gray--IbDG5 {
	pointer-events: none;
	position: absolute;
	top: 0;
	left: 0;
	color: hsla(0, 0%, 100%, .2);
	z-index: 0;
	opacity: 0
}

.host--eCQUg h1 .gray--IbDG5>div>div {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

@media screen and (max-width:360px) {
	.host--eCQUg h1 {
		margin-left: 2rem;
		margin-bottom: 2rem
	}
}

@media screen and (min-width:361px) and (max-width:419px) {
	.host--eCQUg h1 {
		margin-left: 2rem;
		margin-bottom: 2rem
	}
}

@media screen and (min-width:420px) and (max-width:768px) {
	.host--eCQUg h1 {
		margin-left: 2rem;
		margin-bottom: 2rem
	}
}

@media screen and (min-width:1920px) {
	.host--eCQUg h1 {
		font-size: 1.9rem;
		line-height: 1.9rem
	}
}

.host--eCQUg h2 {
	position: absolute;
	top: 0;
	font-weight: 100;
	font-size: 2.4rem;
	line-height: 3.2rem;
	margin-left: 4.5rem;
	-webkit-transition: color .35s cubic-bezier(.785, .135, .15, .86);
	-o-transition: color .35s cubic-bezier(.785, .135, .15, .86);
	transition: color .35s cubic-bezier(.785, .135, .15, .86);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: calc(53% - 9rem)
}

.host--eCQUg h2 span {
	display: block;
	font-size: 1.8rem;
	line-height: 2.4rem;
	padding-top: .6rem;
	color: hsla(0, 0%, 100%, .35)
}

@media screen and (min-width:1920px) {
	.host--eCQUg h2 span {
		font-size: 2rem
	}
}

.host--eCQUg h2 span a {
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 0;
	-webkit-transition: color .35s cubic-bezier(.785, .135, .15, .86);
	-o-transition: color .35s cubic-bezier(.785, .135, .15, .86);
	transition: color .35s cubic-bezier(.785, .135, .15, .86);
	color: hsla(0, 0%, 100%, .35);
	pointer-events: auto
}

.mobile .host--eCQUg h2 span a {
	-webkit-transition: none!important;
	-o-transition: none!important;
	transition: none!important
}

.mobile .host--eCQUg h2 span a:active {
	color: #000
}

.mobile .host--eCQUg h2 span a:active span {
	-webkit-transform: scaleY(1) translateY(-50%) skewY(-2deg);
	-ms-transform: scaleY(1) translateY(-50%) skewY(-2deg);
	transform: scaleY(1) translateY(-50%) skewY(-2deg)
}

.desktop .host--eCQUg h2 span a:hover {
	color: #000
}

.desktop .host--eCQUg h2 span a:hover span {
	-webkit-transform: scaleY(1) translateY(-50%) skewY(-2deg);
	-ms-transform: scaleY(1) translateY(-50%) skewY(-2deg);
	transform: scaleY(1) translateY(-50%) skewY(-2deg)
}

.host--eCQUg h2 span a span {
	position: absolute;
	top: 50%;
	left: -2%;
	width: 102%;
	height: 120%;
	background-color: #0f0;
	-webkit-transform: scaleY(0) translateY(-50%) skewY(0deg);
	-ms-transform: scaleY(0) translateY(-50%) skewY(0deg);
	transform: scaleY(0) translateY(-50%) skewY(0deg);
	-webkit-transition: -webkit-transform .35s cubic-bezier(.785, .135, .15, .86);
	transition: -webkit-transform .35s cubic-bezier(.785, .135, .15, .86);
	-o-transition: transform .35s cubic-bezier(.785, .135, .15, .86);
	transition: transform .35s cubic-bezier(.785, .135, .15, .86);
	transition: transform .35s cubic-bezier(.785, .135, .15, .86), -webkit-transform .35s cubic-bezier(.785, .135, .15, .86)
}

@media screen and (max-width:360px) {
	.host--eCQUg h2 {
		font-size: 1.8rem;
		line-height: 3rem;
		padding-left: 2rem;
		padding-right: 2rem;
		margin-left: 0;
		width: calc(100% - 4rem)
	}
}

@media screen and (min-width:361px) and (max-width:419px) {
	.host--eCQUg h2 {
		font-size: 1.8rem;
		line-height: 3rem;
		padding-left: 2rem;
		padding-right: 2rem;
		margin-left: 0;
		width: calc(100% - 4rem)
	}
}

@media screen and (min-width:420px) and (max-width:768px) {
	.host--eCQUg h2 {
		font-size: 1.8rem;
		line-height: 3rem;
		padding-left: 2rem;
		padding-right: 2rem;
		margin-left: 0;
		width: calc(100% - 4rem)
	}
}

@media screen and (max-width:360px) {
	.host--eCQUg h2 {
		font-size: 1.5rem
	}
}

@media screen and (min-width:1920px) {
	.host--eCQUg h2 {
		font-size: 4rem;
		line-height: 6rem
	}
}

.host--1hfkk {
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}

body:after {
	display: none
}

@media screen and (max-width:360px) {
	body:after {
		content: "xxsmall|0"
	}
}

@media screen and (min-width:361px) and (max-width:419px) {
	body:after {
		content: "xsmall|1"
	}
}

@media screen and (min-width:420px) and (max-width:768px) {
	body:after {
		content: "small|2"
	}
}

@media screen and (min-width:769px) and (max-width:1210px) {
	body:after {
		content: "medium|3"
	}
}

@media screen and (min-width:1211px) and (max-width:1919px) {
	body:after {
		content: "large|4"
	}
}

@media screen and (min-width:1920px) {
	body:after {
		content: "xlarge|5"
	}
}

@-webkit-keyframes slideIn--2RmYV {
	0% {
		-webkit-transform: scaleX(0) skew(-10deg);
		transform: scaleX(0) skew(-10deg)
	}
	to {
		-webkit-transform: scaleX(1) skew(-10deg);
		transform: scaleX(1) skew(-10deg)
	}
}

@keyframes slideIn--2RmYV {
	0% {
		-webkit-transform: scaleX(0) skew(-10deg);
		transform: scaleX(0) skew(-10deg)
	}
	to {
		-webkit-transform: scaleX(1) skew(-10deg);
		transform: scaleX(1) skew(-10deg)
	}
}

@-webkit-keyframes slideOut--291NH {
	0% {
		-webkit-transform: scaleX(1) skew(-10deg);
		transform: scaleX(1) skew(-10deg);
		-webkit-transform-origin: right;
		transform-origin: right
	}
	to {
		-webkit-transform: scaleX(0) skew(-10deg);
		transform: scaleX(0) skew(-10deg);
		-webkit-transform-origin: right;
		transform-origin: right
	}
}

@keyframes slideOut--291NH {
	0% {
		-webkit-transform: scaleX(1) skew(-10deg);
		transform: scaleX(1) skew(-10deg);
		-webkit-transform-origin: right;
		transform-origin: right
	}
	to {
		-webkit-transform: scaleX(0) skew(-10deg);
		transform: scaleX(0) skew(-10deg);
		-webkit-transform-origin: right;
		transform-origin: right
	}
}

.host--1AhbJ {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%
}

.host--1AhbJ section {
	position: relative;
	z-index: 1;
	font-family: IBM Plex Sans, sans-serif;
	font-weight: 400;
	font-size: 1.2rem;
	margin-top: 25rem
}

@media screen and (max-width:360px) {
	.host--1AhbJ section {
		margin-top: 19rem
	}
}

@media screen and (min-width:361px) and (max-width:419px) {
	.host--1AhbJ section {
		margin-top: 19rem
	}
}

@media screen and (min-width:420px) and (max-width:768px) {
	.host--1AhbJ section {
		margin-top: 19rem
	}
}

@media screen and (min-width:1920px) {
	.host--1AhbJ section {
		font-size: 1.6rem;
		margin-top: 38rem
	}
}

.host--1AhbJ section p {
	position: relative;
	display: inline-block;
	margin-left: 4.5rem
}

@media screen and (max-width:360px) {
	.host--1AhbJ section p {
		margin-left: 2rem
	}
}

@media screen and (min-width:361px) and (max-width:419px) {
	.host--1AhbJ section p {
		margin-left: 2rem
	}
}

@media screen and (min-width:420px) and (max-width:768px) {
	.host--1AhbJ section p {
		margin-left: 2rem
	}
}

.host--1AhbJ section p span {
	display: block;
	position: absolute;
	bottom: -.6rem;
	width: 100%;
	height: .1rem;
	background-color: #0f0
}

.host--1AhbJ section ul.filter--1F_MO {
	margin-top: 6.5rem;
	display: none
}

@media screen and (max-width:360px) {
	.host--1AhbJ section ul.filter--1F_MO {
		margin-top: 4.5rem
	}
}

@media screen and (min-width:361px) and (max-width:419px) {
	.host--1AhbJ section ul.filter--1F_MO {
		margin-top: 4.5rem
	}
}

@media screen and (min-width:420px) and (max-width:768px) {
	.host--1AhbJ section ul.filter--1F_MO {
		margin-top: 4.5rem
	}
}

@media screen and (min-width:1920px) {
	.host--1AhbJ section ul.filter--1F_MO {
		margin-top: 11rem
	}
}

.host--1AhbJ section ul.filter--1F_MO li {
	position: relative;
	list-style-type: none;
	margin-right: 1.5rem;
	color: #4a4a4a;
	cursor: pointer;
	-webkit-transition-property: color;
	-o-transition-property: color;
	transition-property: color;
	-webkit-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transition-duration: .25s;
	-o-transition-duration: .25s;
	transition-duration: .25s
}

.host--1AhbJ section ul.filter--1F_MO li .underline--IfEv4 {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 1px;
	border-bottom: 1px solid #4a4a4a;
	width: 6px
}

@media screen and (max-width:360px) {
	.host--1AhbJ section ul.filter--1F_MO li .underline--IfEv4 {
		display: none
	}
}

@media screen and (min-width:361px) and (max-width:419px) {
	.host--1AhbJ section ul.filter--1F_MO li .underline--IfEv4 {
		display: none
	}
}

@media screen and (min-width:420px) and (max-width:768px) {
	.host--1AhbJ section ul.filter--1F_MO li .underline--IfEv4 {
		display: none
	}
}

.mobile .host--1AhbJ section ul.filter--1F_MO li {
	-webkit-transition: none!important;
	-o-transition: none!important;
	transition: none!important
}

.mobile .host--1AhbJ section ul.filter--1F_MO li:active {
	color: #0f0
}

.mobile .host--1AhbJ section ul.filter--1F_MO li:active .underline--IfEv4 {
	border-bottom: 1px solid #0f0
}

.desktop .host--1AhbJ section ul.filter--1F_MO li:hover {
	color: #0f0
}

.desktop .host--1AhbJ section ul.filter--1F_MO li:hover .underline--IfEv4 {
	border-bottom: 1px solid #0f0
}

.host--1AhbJ section ul.filter--1F_MO li:first-child {
	text-align: center;
	width: 4.5rem;
	margin-right: 0;
	pointer-events: none
}

.host--1AhbJ section ul.filter--1F_MO li.active--2FW3A {
	color: #fff!important;
	-webkit-transition-delay: .25s;
	-o-transition-delay: .25s;
	transition-delay: .25s;
	-webkit-transition-duration: 0s;
	-o-transition-duration: 0s;
	transition-duration: 0s;
	pointer-events: none
}

.host--1AhbJ section ul.filter--1F_MO li.active--2FW3A .underline--IfEv4 {
	background-color: #fff;
	display: none
}

.host--1AhbJ section ul.filter--1F_MO li.active--2FW3A .block--2lMOC {
	-webkit-animation: slideIn--2RmYV .25s ease-out, slideOut--291NH .25s ease-out .25s;
	animation: slideIn--2RmYV .25s ease-out, slideOut--291NH .25s ease-out .25s
}

.host--1AhbJ section ul.filter--1F_MO li .block--2lMOC {
	position: absolute;
	display: inline-block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #0f0;
	pointer-events: none;
	z-index: 1;
	-webkit-transform: scaleX(0) skew(-10deg);
	-ms-transform: scaleX(0) skew(-10deg);
	transform: scaleX(0) skew(-10deg);
	-webkit-transform-origin: left;
	-ms-transform-origin: left;
	transform-origin: left
}

.host--1AhbJ section .filterIcon--hN0RB {
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 1.2rem;
	vertical-align: middle
}

.host--1AhbJ section .filterIcon--hN0RB span {
	display: block;
	width: 100%;
	height: 1px;
	background-color: #0f0;
	margin: .1rem auto 0
}

.host--1AhbJ section .filterIcon--hN0RB span:first-child {
	margin-top: 0
}

.host--1AhbJ section .filterIcon--hN0RB span:nth-child(2) {
	width: 60%
}

.host--1AhbJ section .filterIcon--hN0RB span:nth-child(3) {
	width: 30%
}

body:after {
	display: none
}

@media screen and (max-width:360px) {
	body:after {
		content: "xxsmall|0"
	}
}

@media screen and (min-width:361px) and (max-width:419px) {
	body:after {
		content: "xsmall|1"
	}
}

@media screen and (min-width:420px) and (max-width:768px) {
	body:after {
		content: "small|2"
	}
}

@media screen and (min-width:769px) and (max-width:1210px) {
	body:after {
		content: "medium|3"
	}
}

@media screen and (min-width:1211px) and (max-width:1919px) {
	body:after {
		content: "large|4"
	}
}

@media screen and (min-width:1920px) {
	body:after {
		content: "xlarge|5"
	}
}

.host--1bWHR {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: end;
	justify-content: flex-end;
	position: relative;
	top: 0;
	left: 0;
	z-index: 2;
	height: 100%;
	pointer-events: none
}

.host--1bWHR .scroll-content {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d
}

.host--1bWHR .scrollbar-track {
	background-color: transparent;
	-webkit-transform: scaleX(-1) skewY(15deg);
	-ms-transform: scaleX(-1) skewY(15deg);
	transform: scaleX(-1) skewY(15deg)
}

.host--1bWHR .scrollbar-thumb {
	background-color: #0f0;
	border-radius: 0;
	-webkit-transition: width .25s cubic-bezier(.25, .46, .45, .94);
	-o-transition: width .25s cubic-bezier(.25, .46, .45, .94);
	transition: width .25s cubic-bezier(.25, .46, .45, .94);
	width: 0!important;
	opacity: 1
}

.host--1bWHR .show .scrollbar-thumb {
	width: 4px!important
}

.host--1bWHR canvas {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0
}

.host--1bWHR .info--3xM88 {
	position: relative;
	z-index: 1;
	width: 51%;
	height: 100%;
	pointer-events: auto;
	overflow-y: scroll
}

@media screen and (max-width:360px) {
	.host--1bWHR .info--3xM88 {
		width: 100%;
		padding-left: 2rem;
		padding-right: 2rem
	}
}

@media screen and (min-width:361px) and (max-width:419px) {
	.host--1bWHR .info--3xM88 {
		width: 100%;
		padding-left: 2rem;
		padding-right: 2rem
	}
}

@media screen and (min-width:420px) and (max-width:768px) {
	.host--1bWHR .info--3xM88 {
		width: 100%;
		padding-left: 2rem;
		padding-right: 2rem
	}
}

.host--1bWHR .info--3xM88 section {
	display: block;
	padding-right: 10rem;
	padding-top: 5rem;
	max-width: 1000px
}

.host--1bWHR .info--3xM88 section.awards--1S9sM {
	display: none
}

.host--1bWHR .info--3xM88 section:first-child ul {
	margin-top: 2rem
}

@media screen and (max-width:360px) {
	.host--1bWHR .info--3xM88 section {
		padding-right: 0
	}
}

@media screen and (min-width:361px) and (max-width:419px) {
	.host--1bWHR .info--3xM88 section {
		padding-right: 0
	}
}

@media screen and (min-width:420px) and (max-width:768px) {
	.host--1bWHR .info--3xM88 section {
		padding-right: 0
	}
}

.host--1bWHR .info--3xM88 section:last-child {
	padding-top: 5rem;
	padding-bottom: 8rem
}

.host--1bWHR .info--3xM88 section h2 {
	font-size: 2.4rem;
	line-height: 3rem;
	font-weight: 400;
	color: #0f0
}

@media screen and (max-width:360px) {
	.host--1bWHR .info--3xM88 section h2 {
		font-size: 2.2rem;
		line-height: 2.2rem
	}
}

@media screen and (min-width:361px) and (max-width:419px) {
	.host--1bWHR .info--3xM88 section h2 {
		font-size: 2.2rem;
		line-height: 2.2rem
	}
}

@media screen and (min-width:420px) and (max-width:768px) {
	.host--1bWHR .info--3xM88 section h2 {
		font-size: 2.2rem;
		line-height: 2.2rem
	}
}

@media screen and (min-width:1920px) {
	.host--1bWHR .info--3xM88 section h2 {
		font-size: 4rem;
		line-height: 5.75rem
	}
}

.host--1bWHR .info--3xM88 section .divider--3iiet {
	display: none
}

.host--1bWHR .info--3xM88 section .divider--3iiet span {
	display: inline-block;
	width: 20px;
	height: 2px
}

.host--1bWHR .info--3xM88 section .divider--3iiet span:first-child {
	width: 30px;
	background-color: #0f0
}

.host--1bWHR .info--3xM88 section .divider--3iiet span:nth-child(2) {
	background-color: #4a4a4a
}

.host--1bWHR .info--3xM88 section p {
	font-size: 1.6rem;
	line-height: 3.4rem;
	margin-top: 2rem
}

.host--1bWHR .info--3xM88 section p a {
	border-bottom: 1px solid #0f0;
	padding-bottom: 2px
}

.host--1bWHR .info--3xM88 section div.p--1Bnlo {
	margin-top: 2rem
}

.host--1bWHR .info--3xM88 section ul.list--2E1Q8 {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	list-style-type: none;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 2rem
}

.host--1bWHR .info--3xM88 section ul.list--2E1Q8 li {
	line-height: 4rem;
	width: 25%
}

@media screen and (min-width:769px) and (max-width:1210px) {
	.host--1bWHR .info--3xM88 section ul.list--2E1Q8 li {
		width: 50%
	}
}

@media screen and (max-width:360px) {
	.host--1bWHR .info--3xM88 section ul.list--2E1Q8 li {
		width: 50%
	}
}

@media screen and (min-width:361px) and (max-width:419px) {
	.host--1bWHR .info--3xM88 section ul.list--2E1Q8 li {
		width: 50%
	}
}

@media screen and (min-width:420px) and (max-width:768px) {
	.host--1bWHR .info--3xM88 section ul.list--2E1Q8 li {
		width: 50%
	}
}

.host--1bWHR .info--3xM88 section a {
	text-decoration: none;
	color: #fff;
	-webkit-transition: color .75s cubic-bezier(.19, 1, .22, 1);
	-o-transition: color .75s cubic-bezier(.19, 1, .22, 1);
	transition: color .75s cubic-bezier(.19, 1, .22, 1)
}

.host--1bWHR .info--3xM88 section a:hover {
	color: #0f0
}

.host--1bWHR .info--3xM88 section .awards--1S9sM,
.host--1bWHR .info--3xM88 section .skills--w-W4m {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-ms-flex-pack: start;
	justify-content: flex-start;
	margin-top: 2rem
}

@media screen and (max-width:360px) {
	.host--1bWHR .info--3xM88 section .awards--1S9sM,
	.host--1bWHR .info--3xM88 section .skills--w-W4m {
		-ms-flex-flow: column;
		flex-flow: column
	}
}

@media screen and (min-width:361px) and (max-width:419px) {
	.host--1bWHR .info--3xM88 section .awards--1S9sM,
	.host--1bWHR .info--3xM88 section .skills--w-W4m {
		-ms-flex-flow: column;
		flex-flow: column
	}
}

@media screen and (min-width:420px) and (max-width:768px) {
	.host--1bWHR .info--3xM88 section .awards--1S9sM,
	.host--1bWHR .info--3xM88 section .skills--w-W4m {
		-ms-flex-flow: column;
		flex-flow: column
	}
}

@media screen and (min-width:769px) and (max-width:1210px) {
	.host--1bWHR .info--3xM88 section .awards--1S9sM,
	.host--1bWHR .info--3xM88 section .skills--w-W4m {
		-ms-flex-flow: column;
		flex-flow: column
	}
}

.host--1bWHR .info--3xM88 section .awards--1S9sM>ul,
.host--1bWHR .info--3xM88 section .skills--w-W4m>ul {
	list-style-type: none;
	width: 25%
}

.host--1bWHR .info--3xM88 section .awards--1S9sM>ul:last-child,
.host--1bWHR .info--3xM88 section .skills--w-W4m>ul:last-child {
	padding-right: 0
}

.host--1bWHR .info--3xM88 section .awards--1S9sM>ul>li,
.host--1bWHR .info--3xM88 section .skills--w-W4m>ul>li {
	line-height: 4rem;
	white-space: nowrap
}

.host--1bWHR .info--3xM88 section .awards--1S9sM>ul>li span,
.host--1bWHR .info--3xM88 section .skills--w-W4m>ul>li span {
	display: inline-block;
	width: 4.5rem
}

.host--1bWHR .info--3xM88 section .awards--1S9sM>ul>li ul,
.host--1bWHR .info--3xM88 section .skills--w-W4m>ul>li ul {
	list-style-type: none;
	padding-left: 2rem
}

.host--1bWHR .info--3xM88 section .awards--1S9sM>ul>li ul li,
.host--1bWHR .info--3xM88 section .skills--w-W4m>ul>li ul li {
	font-size: 1.4rem;
	color: #4a4a4a
}

@media screen and (max-width:360px) {
	.host--1bWHR .info--3xM88 section .awards--1S9sM>ul>li ul li,
	.host--1bWHR .info--3xM88 section .skills--w-W4m>ul>li ul li {
		color: #fff
	}
}

@media screen and (min-width:361px) and (max-width:419px) {
	.host--1bWHR .info--3xM88 section .awards--1S9sM>ul>li ul li,
	.host--1bWHR .info--3xM88 section .skills--w-W4m>ul>li ul li {
		color: #fff
	}
}

@media screen and (min-width:420px) and (max-width:768px) {
	.host--1bWHR .info--3xM88 section .awards--1S9sM>ul>li ul li,
	.host--1bWHR .info--3xM88 section .skills--w-W4m>ul>li ul li {
		color: #fff
	}
}

.host--1bWHR .info--3xM88 .bottom--1SooS span#glitter {
	display: none
}

body:after {
	display: none
}

@media screen and (max-width:360px) {
	body:after {
		content: "xxsmall|0"
	}
}

@media screen and (min-width:361px) and (max-width:419px) {
	body:after {
		content: "xsmall|1"
	}
}

@media screen and (min-width:420px) and (max-width:768px) {
	body:after {
		content: "small|2"
	}
}

@media screen and (min-width:769px) and (max-width:1210px) {
	body:after {
		content: "medium|3"
	}
}

@media screen and (min-width:1211px) and (max-width:1919px) {
	body:after {
		content: "large|4"
	}
}

@media screen and (min-width:1920px) {
	body:after {
		content: "xlarge|5"
	}
}

.host--21x3k {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: column;
	flex-flow: column;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	width: 120px;
	height: 90px;
	margin: 4rem
}

@media screen and (max-width:360px) {
	.host--21x3k {
		width: 100%
	}
}

@media screen and (min-width:361px) and (max-width:419px) {
	.host--21x3k {
		width: 100%
	}
}

@media screen and (min-width:420px) and (max-width:768px) {
	.host--21x3k {
		width: 100%
	}
}

.host--21x3k svg {
	height: 14px
}

.host--21x3k#fwa svg {
	width: 80px;
	height: auto;
	margin: 0 auto -.5rem
}

.host--21x3k#fwa svg path:nth-child(2) {
	fill: #4a4a4a
}

.host--21x3k#fwa svg path:first-child {
	fill: transparent
}

.host--21x3k#awwwards svg {
	width: 125px;
	height: auto;
	margin: 0 auto -1rem
}

.host--21x3k#awwwards svg path {
	fill: #4a4a4a
}

.host--21x3k#bafta svg {
	width: 120px;
	height: auto;
	margin: 0 auto;
	fill: #4a4a4a;
	padding-bottom: 1rem
}

.host--21x3k#bafta svg .st0--3FMtb {
	fill: none
}

.host--21x3k#bafta svg .st1--2MSA- {
	fill: #4a4a4a
}

.host--21x3k#webby svg {
	width: 100px;
	height: auto;
	margin: 0 auto;
	fill: #4a4a4a;
	padding-bottom: 2rem
}

.host--21x3k#webby svg .st0--3FMtb {
	fill: none
}

.host--21x3k#webby svg .st1--2MSA- {
	fill: #4a4a4a
}

.host--21x3k#cannes img,
.host--21x3k#creative-review img {
	width: 80px;
	height: auto;
	margin: 0 auto;
	padding-bottom: 4rem
}

.host--21x3k#lovies img {
	width: 100px;
	height: auto;
	margin: 0 auto;
	padding-bottom: 2rem
}

@media screen and (max-width:360px) {
	.host--21x3k#lovies img {
		width: 90px;
		height: auto
	}
}

@media screen and (min-width:361px) and (max-width:419px) {
	.host--21x3k#lovies img {
		width: 90px;
		height: auto
	}
}

@media screen and (min-width:420px) and (max-width:768px) {
	.host--21x3k#lovies img {
		width: 90px;
		height: auto
	}
}

.host--21x3k#cssdesignawards img {
	width: 80px;
	height: auto;
	margin: 0 auto;
	padding-bottom: 4rem
}

.host--21x3k .label--1UYcj {
	position: absolute;
	font-size: 1.4rem;
	padding-top: 1rem;
	color: #fff;
	left: 50%;
	bottom: 0;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	white-space: nowrap
}

body:after {
	display: none
}

@media screen and (max-width:360px) {
	body:after {
		content: "xxsmall|0"
	}
}

@media screen and (min-width:361px) and (max-width:419px) {
	body:after {
		content: "xsmall|1"
	}
}

@media screen and (min-width:420px) and (max-width:768px) {
	body:after {
		content: "small|2"
	}
}

@media screen and (min-width:769px) and (max-width:1210px) {
	body:after {
		content: "medium|3"
	}
}

@media screen and (min-width:1211px) and (max-width:1919px) {
	body:after {
		content: "large|4"
	}
}

@media screen and (min-width:1920px) {
	body:after {
		content: "xlarge|5"
	}
}

@-webkit-keyframes kit--2Q4e9 {
	0% {
		background-color: #0f0
	}
	50% {
		background-color: #000
	}
	to {
		background-color: #0f0
	}
}

@keyframes kit--2Q4e9 {
	0% {
		background-color: #0f0
	}
	50% {
		background-color: #000
	}
	to {
		background-color: #0f0
	}
}

.host--B5SPD {
	position: relative;
	position: -webkit-sticky;
	position: sticky;
	z-index: 2;
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: hidden;
	pointer-events: auto;
	-webkit-perspective: 300px;
	perspective: 300px;
	-webkit-perspective-origin: 50%;
	perspective-origin: 50%
}

.host--B5SPD .scroll-content {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d
}

.host--B5SPD .scrollbar-track {
	background-color: transparent;
	-webkit-transform: scaleX(-1) skewY(15deg);
	-ms-transform: scaleX(-1) skewY(15deg);
	transform: scaleX(-1) skewY(15deg)
}

.host--B5SPD .scrollbar-thumb {
	background-color: #0f0;
	border-radius: 0;
	-webkit-transition: width .25s cubic-bezier(.25, .46, .45, .94);
	-o-transition: width .25s cubic-bezier(.25, .46, .45, .94);
	transition: width .25s cubic-bezier(.25, .46, .45, .94);
	width: 0!important;
	opacity: 1
}

.host--B5SPD .show .scrollbar-thumb {
	width: 4px!important
}

.host--B5SPD .container--fKt-2 {
	position: relative;
	width: 70%;
	height: 100vh;
	margin: 0 auto;
	padding: 0 4.5rem
}

@media screen and (max-width:360px) {
	.host--B5SPD .container--fKt-2 {
		padding: 0 2rem;
		height: 100vh
	}
}

@media screen and (min-width:361px) and (max-width:419px) {
	.host--B5SPD .container--fKt-2 {
		padding: 0 2rem;
		height: 100vh
	}
}

@media screen and (min-width:420px) and (max-width:568px) {
	.host--B5SPD .container--fKt-2 {
		padding: 0 2rem;
		height: 100vh
	}
}

.host--B5SPD .info--3xHWy {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: column;
	flex-flow: column;
	-ms-flex-pack: justify;
	justify-content: space-between;
	height: 50%;
	z-index: 100
}

.host--B5SPD .info--3xHWy section:first-child {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-align: center;
	align-items: center
}

.host--B5SPD .info--3xHWy section:first-child .group--36dAp {
	width: 100%
}

@media screen and (max-width:360px) and (orientation:portrait) {
	.host--B5SPD .info--3xHWy section:first-child .group--36dAp {
		margin-top: 5rem
	}
}

@media screen and (min-width:361px) and (max-width:419px) and (orientation:portrait) {
	.host--B5SPD .info--3xHWy section:first-child .group--36dAp {
		margin-top: 5rem
	}
}

@media screen and (min-width:420px) and (max-width:768px) and (orientation:portrait) {
	.host--B5SPD .info--3xHWy section:first-child .group--36dAp {
		margin-top: 5rem
	}
}

.host--B5SPD .info--3xHWy section:first-child>div>div {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	white-space: nowrap
}

@media screen and (max-width:360px) and (orientation:portrait) {
	.host--B5SPD .info--3xHWy section:first-child>div>div {
		-ms-flex-flow: column;
		flex-flow: column;
		-ms-flex-pack: start;
		justify-content: flex-start
	}
}

@media screen and (min-width:361px) and (max-width:419px) and (orientation:portrait) {
	.host--B5SPD .info--3xHWy section:first-child>div>div {
		-ms-flex-flow: column;
		flex-flow: column;
		-ms-flex-pack: start;
		justify-content: flex-start
	}
}

@media screen and (min-width:420px) and (max-width:768px) and (orientation:portrait) {
	.host--B5SPD .info--3xHWy section:first-child>div>div {
		-ms-flex-flow: column;
		flex-flow: column;
		-ms-flex-pack: start;
		justify-content: flex-start
	}
}

.host--B5SPD .info--3xHWy section:first-child>div>div:first-child>div:first-child {
	width: 35%
}

.host--B5SPD .info--3xHWy section:first-child>div>div:first-child>div:nth-child(2) {
	width: 55%
}

.host--B5SPD .info--3xHWy section:first-child>div>div:first-child>div:nth-child(3) {
	width: 5%
}

@media screen and (max-width:360px) and (orientation:portrait) {
	.host--B5SPD .info--3xHWy section:first-child>div>div:first-child>div:nth-child(3) {
		display: none
	}
}

@media screen and (min-width:361px) and (max-width:419px) and (orientation:portrait) {
	.host--B5SPD .info--3xHWy section:first-child>div>div:first-child>div:nth-child(3) {
		display: none
	}
}

@media screen and (min-width:420px) and (max-width:768px) and (orientation:portrait) {
	.host--B5SPD .info--3xHWy section:first-child>div>div:first-child>div:nth-child(3) {
		display: none
	}
}

.host--B5SPD .info--3xHWy section:first-child>div>div:first-child>div:nth-child(4) {
	width: 5%
}

@media screen and (max-width:360px) and (orientation:portrait) {
	.host--B5SPD .info--3xHWy section:first-child>div>div:first-child>div:nth-child(4) {
		display: none
	}
}

@media screen and (min-width:361px) and (max-width:419px) and (orientation:portrait) {
	.host--B5SPD .info--3xHWy section:first-child>div>div:first-child>div:nth-child(4) {
		display: none
	}
}

@media screen and (min-width:420px) and (max-width:768px) and (orientation:portrait) {
	.host--B5SPD .info--3xHWy section:first-child>div>div:first-child>div:nth-child(4) {
		display: none
	}
}

.host--B5SPD .info--3xHWy section:first-child>div>div:nth-child(2)>div:first-child {
	width: 35%
}

.host--B5SPD .info--3xHWy section:first-child>div>div:nth-child(2)>div:nth-child(2) {
	width: 18%
}

.host--B5SPD .info--3xHWy section:first-child>div>div:nth-child(2)>div:nth-child(3) {
	width: 20%
}

.host--B5SPD .info--3xHWy section:first-child>div>div:nth-child(2)>div:nth-child(4) {
	width: 27%
}

@media screen and (max-width:360px) and (orientation:portrait) {
	.host--B5SPD .info--3xHWy section:first-child>div>div>div {
		width: 100%!important;
		margin-bottom: 1.5rem
	}
}

@media screen and (min-width:361px) and (max-width:419px) and (orientation:portrait) {
	.host--B5SPD .info--3xHWy section:first-child>div>div>div {
		width: 100%!important;
		margin-bottom: 1.5rem
	}
}

@media screen and (min-width:420px) and (max-width:768px) and (orientation:portrait) {
	.host--B5SPD .info--3xHWy section:first-child>div>div>div {
		width: 100%!important;
		margin-bottom: 1.5rem
	}
}

.host--B5SPD .info--3xHWy section:first-child>div>div p {
	font-family: Teko, sans-serif;
	font-weight: 300;
	letter-spacing: .1rem;
	color: #4a4a4a;
	font-size: 1.4rem;
	line-height: 1.4rem
}

@media screen and (min-width:1920px) {
	.host--B5SPD .info--3xHWy section:first-child>div>div p {
		font-size: 1.9rem;
		line-height: 1.9rem
	}
}

.host--B5SPD .info--3xHWy section:first-child>div>div h2 {
	font-family: IBM Plex Sans, sans-serif;
	font-weight: 100;
	font-size: 1.8rem;
	line-height: 3.4rem
}

.host--B5SPD .info--3xHWy section:first-child>div>div h2 span {
	position: relative;
	white-space: pre-wrap
}

.host--B5SPD .info--3xHWy section:first-child>div>div h2 span.green--2R-5q {
	position: absolute;
	color: #0f0;
	z-index: 1
}

@media screen and (max-width:360px) {
	.host--B5SPD .info--3xHWy section:first-child>div>div h2 {
		font-size: 1.6rem;
		line-height: 2.1rem
	}
}

@media screen and (min-width:361px) and (max-width:419px) {
	.host--B5SPD .info--3xHWy section:first-child>div>div h2 {
		font-size: 1.6rem;
		line-height: 2.1rem
	}
}

@media screen and (min-width:420px) and (max-width:768px) {
	.host--B5SPD .info--3xHWy section:first-child>div>div h2 {
		font-size: 1.6rem;
		line-height: 2.1rem
	}
}

@media screen and (min-width:1920px) {
	.host--B5SPD .info--3xHWy section:first-child>div>div h2 {
		font-size: 2.8rem;
		line-height: 5rem;
		margin-top: 1.2rem
	}
}

.host--B5SPD .info--3xHWy section:first-child>div>div:nth-child(2) {
	padding-top: 5rem
}

@media screen and (max-width:360px) and (orientation:portrait) {
	.host--B5SPD .info--3xHWy section:first-child>div>div:nth-child(2) {
		padding-top: 0
	}
}

@media screen and (min-width:361px) and (max-width:419px) and (orientation:portrait) {
	.host--B5SPD .info--3xHWy section:first-child>div>div:nth-child(2) {
		padding-top: 0
	}
}

@media screen and (min-width:420px) and (max-width:768px) and (orientation:portrait) {
	.host--B5SPD .info--3xHWy section:first-child>div>div:nth-child(2) {
		padding-top: 0
	}
}

@media screen and (min-width:1920px) {
	.host--B5SPD .info--3xHWy section:first-child>div>div:nth-child(2) {
		padding-top: 10rem
	}
}

.host--B5SPD .info--3xHWy section:nth-child(2) {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	pointer-events: none;
	-ms-flex-pack: start;
	justify-content: flex-start;
	font-size: 1.6rem;
	line-height: 3.4rem;
	margin-bottom: 5rem
}

@media screen and (max-width:360px) {
	.host--B5SPD .info--3xHWy section:nth-child(2) {
		font-size: 1.4rem;
		line-height: 2rem
	}
}

@media screen and (max-width:360px) and (orientation:portrait) {
	.host--B5SPD .info--3xHWy section:nth-child(2) {
		padding-top: 1rem;
		padding-bottom: 1rem;
		margin-bottom: 1rem
	}
}

@media screen and (min-width:361px) and (max-width:419px) {
	.host--B5SPD .info--3xHWy section:nth-child(2) {
		font-size: 1.4rem;
		line-height: 2rem
	}
}

@media screen and (min-width:361px) and (max-width:419px) and (orientation:portrait) {
	.host--B5SPD .info--3xHWy section:nth-child(2) {
		padding-top: 1rem;
		padding-bottom: 1rem;
		margin-bottom: 1rem
	}
}

@media screen and (min-width:420px) and (max-width:768px) {
	.host--B5SPD .info--3xHWy section:nth-child(2) {
		font-size: 1.4rem;
		line-height: 2rem
	}
}

@media screen and (min-width:420px) and (max-width:768px) and (orientation:portrait) {
	.host--B5SPD .info--3xHWy section:nth-child(2) {
		padding-top: 1rem;
		padding-bottom: 1rem;
		margin-bottom: 1rem
	}
}

@media screen and (min-width:1920px) {
	.host--B5SPD .info--3xHWy section:nth-child(2) {
		font-size: 2.4rem;
		line-height: 4.8rem
	}
}

.host--B5SPD .info--3xHWy section:nth-child(2) p {
	color: #4a4a4a
}

.host--B5SPD .info--3xHWy section:nth-child(2) a {
	pointer-events: auto;
	display: inline-block;
	position: relative;
	margin: 0;
	padding: 0;
	-webkit-transition: color .35s cubic-bezier(.785, .135, .15, .86);
	-o-transition: color .35s cubic-bezier(.785, .135, .15, .86);
	transition: color .35s cubic-bezier(.785, .135, .15, .86);
	color: #fff;
	text-decoration: none;
	z-index: 1;
	font-weight: 100
}

.host--B5SPD .info--3xHWy section:nth-child(2) a span {
	position: absolute;
	top: 50%;
	left: -5%;
	width: 145%;
	height: 90%;
	background-color: #0f0;
	-webkit-transform: scaleY(0) translateY(-50%) skewY(0deg);
	-ms-transform: scaleY(0) translateY(-50%) skewY(0deg);
	transform: scaleY(0) translateY(-50%) skewY(0deg);
	-webkit-transition: -webkit-transform .35s cubic-bezier(.785, .135, .15, .86);
	transition: -webkit-transform .35s cubic-bezier(.785, .135, .15, .86);
	-o-transition: transform .35s cubic-bezier(.785, .135, .15, .86);
	transition: transform .35s cubic-bezier(.785, .135, .15, .86);
	transition: transform .35s cubic-bezier(.785, .135, .15, .86), -webkit-transform .35s cubic-bezier(.785, .135, .15, .86);
	pointer-events: none;
	z-index: -1
}

.host--B5SPD .info--3xHWy section:nth-child(2) .more--1ddCW {
	display: inline-block;
	position: relative;
	top: -.3rem;
	margin-left: .8rem;
	z-index: 1;
	line-height: .5rem
}

@media screen and (min-width:1920px) {
	.host--B5SPD .info--3xHWy section:nth-child(2) .more--1ddCW {
		top: -.4rem
	}
}

.host--B5SPD .info--3xHWy section:nth-child(2) .more--1ddCW span {
	display: inline-block;
	width: .2rem;
	height: .2rem;
	background-color: #0f0;
	border-radius: .2rem;
	margin-right: .2rem;
	-webkit-transition: background-color .25s ease-in-out;
	-o-transition: background-color .25s ease-in-out;
	transition: background-color .25s ease-in-out
}

.host--B5SPD .info--3xHWy section:nth-child(2) .more--1ddCW span:first-child {
	-webkit-transition-delay: .3s;
	-o-transition-delay: .3s;
	transition-delay: .3s
}

.host--B5SPD .info--3xHWy section:nth-child(2) .more--1ddCW span:nth-child(2) {
	-webkit-transition-delay: .2s;
	-o-transition-delay: .2s;
	transition-delay: .2s
}

.host--B5SPD .info--3xHWy section:nth-child(2) .more--1ddCW span:nth-child(3) {
	-webkit-transition-delay: .1s;
	-o-transition-delay: .1s;
	transition-delay: .1s
}

@media screen and (min-width:1920px) {
	.host--B5SPD .info--3xHWy section:nth-child(2) .more--1ddCW span {
		width: .3rem;
		height: .3rem;
		border-radius: .15rem;
		margin-right: .2rem
	}
}

.mobile .host--B5SPD .info--3xHWy section:nth-child(2) {
	-webkit-transition: none!important;
	-o-transition: none!important;
	transition: none!important
}

.mobile .host--B5SPD .info--3xHWy section:nth-child(2):active a {
	color: #000
}

.mobile .host--B5SPD .info--3xHWy section:nth-child(2):active a span {
	-webkit-transform: scaleY(1) translateY(-50%) skewY(-2deg);
	-ms-transform: scaleY(1) translateY(-50%) skewY(-2deg);
	transform: scaleY(1) translateY(-50%) skewY(-2deg)
}

.mobile .host--B5SPD .info--3xHWy section:nth-child(2):active .more--1ddCW span {
	background-color: #000
}

.mobile .host--B5SPD .info--3xHWy section:nth-child(2):active .more--1ddCW span:first-child {
	-webkit-transition-delay: .1s;
	-o-transition-delay: .1s;
	transition-delay: .1s
}

.mobile .host--B5SPD .info--3xHWy section:nth-child(2):active .more--1ddCW span:nth-child(2) {
	-webkit-transition-delay: .2s;
	-o-transition-delay: .2s;
	transition-delay: .2s
}

.mobile .host--B5SPD .info--3xHWy section:nth-child(2):active .more--1ddCW span:nth-child(3) {
	-webkit-transition-delay: .3s;
	-o-transition-delay: .3s;
	transition-delay: .3s
}

.desktop .host--B5SPD .info--3xHWy section:nth-child(2):hover a {
	color: #000
}

.desktop .host--B5SPD .info--3xHWy section:nth-child(2):hover a span {
	-webkit-transform: scaleY(1) translateY(-50%) skewY(-2deg);
	-ms-transform: scaleY(1) translateY(-50%) skewY(-2deg);
	transform: scaleY(1) translateY(-50%) skewY(-12deg)
}

.desktop .host--B5SPD .info--3xHWy section:nth-child(2):hover .more--1ddCW span {
	background-color: #000
}

.desktop .host--B5SPD .info--3xHWy section:nth-child(2):hover .more--1ddCW span:first-child {
	-webkit-transition-delay: .1s;
	-o-transition-delay: .1s;
	transition-delay: .1s
}

.desktop .host--B5SPD .info--3xHWy section:nth-child(2):hover .more--1ddCW span:nth-child(2) {
	-webkit-transition-delay: .2s;
	-o-transition-delay: .2s;
	transition-delay: .2s
}

.desktop .host--B5SPD .info--3xHWy section:nth-child(2):hover .more--1ddCW span:nth-child(3) {
	-webkit-transition-delay: .3s;
	-o-transition-delay: .3s;
	transition-delay: .3s
}

.host--B5SPD .hero--185bD {
	position: relative;
	width: 100%;
	-webkit-transform: translateZ(40px);
	transform: translateZ(40px);
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	z-index: 2
}

.host--B5SPD .hero--185bD>div {
	width: 100%;
	opacity: 0;
	-webkit-transform: skewY(-15deg) translateZ(-40px);
	transform: skewY(-15deg) translateZ(-40px);
	transform-origin: top left;
	overflow: hidden
}

.host--B5SPD .hero--185bD>div,
.host--B5SPD .hero--185bD>div img {
	-webkit-transform-origin: top left;
	-ms-transform-origin: top left
}

.host--B5SPD .hero--185bD>div img {
	position: relative;
	top: 0;
	left: 50%;
	transform-origin: top left
}

.host--B5SPD .mobileContainer--3k0A2 {
	position: relative;
	pointer-events: none;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d
}

.host--B5SPD .legend--2tB8M {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	font-weight: 600;
	-webkit-transform: translateZ(0) scale(1);
	transform: translateZ(0) scale(1);
	color: rgba(74, 74, 74, .25);
	z-index: 0;
	font-size: 20vw;
	letter-spacing: 6vw;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d
}

@media screen and (max-width:360px) {
	.host--B5SPD .legend--2tB8M {
		display: none
	}
}

@media screen and (min-width:361px) and (max-width:419px) {
	.host--B5SPD .legend--2tB8M {
		display: none
	}
}

@media screen and (min-width:420px) and (max-width:768px) {
	.host--B5SPD .legend--2tB8M {
		display: none
	}
}

.safari .host--B5SPD .legend--2tB8M {
	display: none
}

.host--B5SPD .legend--2tB8M span {
	display: inline-block
}

.host--B5SPD .legend--2tB8M span:first-child {
	-webkit-transform: translateZ(-240px);
	transform: translateZ(-240px)
}

.host--B5SPD .legend--2tB8M span:nth-child(2) {
	-webkit-transform: translateZ(-210px);
	transform: translateZ(-210px)
}

.host--B5SPD .legend--2tB8M span:nth-child(3) {
	-webkit-transform: translateZ(-270px);
	transform: translateZ(-270px)
}

.host--B5SPD .legend--2tB8M span:nth-child(4) {
	-webkit-transform: translateZ(-210px);
	transform: translateZ(-210px)
}

.host--B5SPD .legend--2tB8M span:nth-child(5) {
	-webkit-transform: translateZ(-240px);
	transform: translateZ(-240px)
}

.host--B5SPD .legend--2tB8M span:nth-child(6) {
	-webkit-transform: translateZ(-230px);
	transform: translateZ(-230px)
}

.host--B5SPD .mobile--1_-Qd {
	position: relative;
	z-index: 1;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-pack: space-evenly;
	justify-content: space-evenly;
	-ms-flex-line-pack: distribute;
	align-content: space-around;
	-ms-flex-align: start;
	align-items: flex-start;
	width: 80%;
	max-width: 1440px;
	margin: 20rem auto;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d
}

@media screen and (max-width:360px) {
	.host--B5SPD .mobile--1_-Qd {
		-ms-flex-pack: center;
		justify-content: center
	}
}

@media screen and (min-width:361px) and (max-width:419px) {
	.host--B5SPD .mobile--1_-Qd {
		-ms-flex-pack: center;
		justify-content: center
	}
}

@media screen and (min-width:420px) and (max-width:768px) {
	.host--B5SPD .mobile--1_-Qd {
		-ms-flex-pack: center;
		justify-content: center
	}
}

.host--B5SPD .mobile--1_-Qd>div {
	width: 33.3%;
	display: inline-block;
	background-color: #000;
	overflow: hidden;
	pointer-events: auto
}

@media screen and (max-width:360px) {
	.host--B5SPD .mobile--1_-Qd>div {
		width: 80%
	}
}

@media screen and (min-width:361px) and (max-width:419px) {
	.host--B5SPD .mobile--1_-Qd>div {
		width: 80%
	}
}

@media screen and (min-width:420px) and (max-width:768px) {
	.host--B5SPD .mobile--1_-Qd>div {
		width: 80%
	}
}

.mobile .host--B5SPD .mobile--1_-Qd>div {
	-webkit-transition: none!important;
	-o-transition: none!important;
	transition: none!important
}

.desktop .host--B5SPD .mobile--1_-Qd>div:hover img,
.mobile .host--B5SPD .mobile--1_-Qd>div:active img {
	opacity: 1!important
}

.host--B5SPD .mobile--1_-Qd img,
.host--B5SPD .mobile--1_-Qd video {
	max-width: 100%;
	height: auto;
	-webkit-transform: translateZ(.01px);
	transform: translateZ(.01px);
	-webkit-transition: opacity .75s cubic-bezier(.25, .46, .45, .94), -webkit-transform .75s cubic-bezier(.25, .46, .45, .94);
	transition: opacity .75s cubic-bezier(.25, .46, .45, .94), -webkit-transform .75s cubic-bezier(.25, .46, .45, .94);
	-o-transition: opacity .75s cubic-bezier(.25, .46, .45, .94), transform .75s cubic-bezier(.25, .46, .45, .94);
	transition: opacity .75s cubic-bezier(.25, .46, .45, .94), transform .75s cubic-bezier(.25, .46, .45, .94);
	transition: opacity .75s cubic-bezier(.25, .46, .45, .94), transform .75s cubic-bezier(.25, .46, .45, .94), -webkit-transform .75s cubic-bezier(.25, .46, .45, .94)
}

.host--B5SPD .desktop--1nY9U {
	position: relative;
	width: 80%;
	max-width: 1440px;
	margin: 0 auto;
	z-index: 3;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	background-color: rgba(0, 0, 0, .01)
}

@media screen and (max-width:360px) {
	.host--B5SPD .desktop--1nY9U {
		width: 90%
	}
}

@media screen and (min-width:361px) and (max-width:419px) {
	.host--B5SPD .desktop--1nY9U {
		width: 90%
	}
}

@media screen and (min-width:420px) and (max-width:768px) {
	.host--B5SPD .desktop--1nY9U {
		width: 90%
	}
}

.host--B5SPD .desktop--1nY9U>div {
	margin-top: 15rem;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d
}

.host--B5SPD .desktop--1nY9U>div:first-child {
	margin-top: 5rem
}

@media screen and (max-width:360px) {
	.host--B5SPD .desktop--1nY9U>div {
		margin-top: 5rem
	}
}

@media screen and (min-width:361px) and (max-width:419px) {
	.host--B5SPD .desktop--1nY9U>div {
		margin-top: 5rem
	}
}

@media screen and (min-width:420px) and (max-width:768px) {
	.host--B5SPD .desktop--1nY9U>div {
		margin-top: 5rem
	}
}

.host--B5SPD .desktop--1nY9U img {
	max-width: 100%;
	height: auto;
	pointer-events: auto;
	-webkit-transform: translateZ(.01px);
	transform: translateZ(.01px);
	-webkit-transition: opacity .75s cubic-bezier(.25, .46, .45, .94);
	-o-transition: opacity .75s cubic-bezier(.25, .46, .45, .94);
	transition: opacity .75s cubic-bezier(.25, .46, .45, .94)
}

.mobile .host--B5SPD .desktop--1nY9U img {
	-webkit-transition: none!important;
	-o-transition: none!important;
	transition: none!important
}

.desktop .host--B5SPD .desktop--1nY9U img:hover,
.mobile .host--B5SPD .desktop--1nY9U img:active {
	opacity: 1!important
}

.host--B5SPD .awards--1C2fB {
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	font-weight: 100;
	width: 90%;
	padding: 15% 2rem 0;
	margin: 0 auto
}

.host--B5SPD .awards--1C2fB,
.host--B5SPD .bottom--2wX5u {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around
}

.host--B5SPD .bottom--2wX5u {
	position: relative;
	-ms-flex-align: center;
	align-items: center;
	height: 100vh;
	color: rgba(74, 74, 74, .2);
	font-size: 20vw;
	line-height: 16.5vw;
	font-weight: 600
}

.host--B5SPD .bottom--2wX5u div>span:first-child {
	position: absolute;
	color: #0f0;
	overflow: hidden
}

.host--B5SPD .bottom--2wX5u div>span:first-child>span {
	display: block
}

.loadingMore--3kmBd {
	position: relative;
	-ms-flex-positive: 1;
	flex-grow: 1;
	text-align: right;
	z-index: 2
}

@media screen and (max-width:360px) {
	.loadingMore--3kmBd {
		padding-bottom: 0
	}
}

@media screen and (min-width:361px) and (max-width:419px) {
	.loadingMore--3kmBd {
		padding-bottom: 0
	}
}

@media screen and (min-width:420px) and (max-width:768px) {
	.loadingMore--3kmBd {
		padding-bottom: 0
	}
}

.loadingMore--3kmBd>div:first-child {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	color: #4a4a4a
}

.loadingMore--3kmBd>div:nth-child(2) {
	display: inline-block
}

.loadingMore--3kmBd>div:nth-child(2) span {
	display: inline-block;
	width: .4rem;
	height: .4rem;
	background-color: #0f0;
	border-radius: .2rem;
	margin-right: .2rem;
	-webkit-animation: kit--2Q4e9 2s ease-out infinite;
	animation: kit--2Q4e9 2s ease-out infinite
}

.loadingMore--3kmBd>div:nth-child(2) span:last-child {
	margin-right: 0
}

.loadingMore--3kmBd>div:nth-child(2) span:first-child {
	-webkit-animation-delay: .1s;
	animation-delay: .1s
}

.loadingMore--3kmBd>div:nth-child(2) span:nth-child(2) {
	-webkit-animation-delay: .2s;
	animation-delay: .2s
}

.loadingMore--3kmBd>div:nth-child(2) span:nth-child(3) {
	-webkit-animation-delay: .3s;
	animation-delay: .3s
}

@media screen and (min-width:1920px) {
	.loadingMore--3kmBd>div:nth-child(2) span {
		width: .3rem;
		height: .3rem;
		border-radius: .15rem;
		margin-right: .2rem
	}
}

.Version {
	background: rgba(0, 0, 0, .5);
	top: 0;
	left: 0;
	color: #fff;
	font-family: sans-serif!important;
	font-size: 11px;
	padding: 5px 10px;
	position: fixed;
	-webkit-transition: right .5s;
	-o-transition: right .5s;
	transition: right .5s;
	z-index: 50001
}

.Version .version {
	display: inline-block;
	margin: 0 10px 0 0
}

.Version .toggle {
	cursor: pointer;
	display: inline-block
}

.Version .toggle:before {
	content: "-"
}

.Version.collapsed .version {
	display: none
}

.Version.collapsed .toggle:before {
	content: "+"
}

.host--ICETf {
	display: block
}

.host--ICETf .section--2f2q9 {
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}

.host--2Gn_I {
	width: 100%;
	height: 100%;
	cursor: none
}

.host--2Gn_I,
.host--2Gn_I canvas {
	position: absolute;
	top: 0;
	left: 0
}

.host--2Gn_I canvas {
	z-index: 0
}

@font-face {
	font-family: Teko;
	font-style: normal;
	font-weight: 300;
	src: url(../../static/assets/fonts/teko-light.db417845.woff2) format("woff2")
}

@font-face {
	font-family: IBM Plex Sans;
	font-style: normal;
	font-weight: 400;
	src: url(../../static/assets/fonts/ibm-plexsans-regular.0c541b3d.woff2) format("woff2")
}

@font-face {
	font-family: IBM Plex Sans;
	font-style: normal;
	font-weight: 100;
	src: url(../../static/assets/fonts/ibm-plexsans-light.d7d4546c.woff2) format("woff2")
}

@font-face {
	font-family: IBM Plex Sans;
	font-style: normal;
	font-weight: 500;
	src: url(../../static/assets/fonts/ibm-plexsans-medium.83c91c8c.woff2) format("woff2")
}

@font-face {
	font-family: IBM Plex Sans;
	font-style: normal;
	font-weight: 600;
	src: url(../../static/assets/fonts/ibm-plexsans-semibold.2d726c67.woff2) format("woff2")
}

@font-face {
	font-family: IBM Plex Sans;
	font-style: normal;
	font-weight: 700;
	src: url(../../static/assets/fonts/ibm-plexsans-bold.12949538.woff2) format("woff2")
}

html {
	font-size: 10px;
	-webkit-text-size-adjust: 100%;
	font-variant-ligatures: none;
	-webkit-font-variant-ligatures: none;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	text-shadow: rgba(0, 0, 0, .01) 0 0 1px
}

html.mobile body {
	position: -webkit-sticky;
	position: sticky
}

body,
html {
	width: 100%;
	height: 100%
}

*,
:after,
:before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0
}

body {
	font-family: IBM Plex Sans, sans-serif;
	font-weight: 400;
	font-size: 16px;
	letter-spacing: .25px;
	background-color: #000;
	color: #fff;
	overflow-x: hidden;
	overflow-y: hidden
}

body.grab {
	cursor: -webkit-grab;
	cursor: grab
}

body.grabbing {
	cursor: -webkit-grabbing;
	cursor: grabbing;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

body:after {
	display: none
}

@media screen and (max-width:360px) {
	body:after {
		content: "xxsmall|0"
	}
}

@media screen and (min-width:361px) and (max-width:419px) {
	body:after {
		content: "xsmall|1"
	}
}

@media screen and (min-width:420px) and (max-width:768px) {
	body:after {
		content: "small|2"
	}
}

@media screen and (min-width:769px) and (max-width:1210px) {
	body:after {
		content: "medium|3"
	}
}

@media screen and (min-width:1211px) and (max-width:1919px) {
	body:after {
		content: "large|4"
	}
}

@media screen and (min-width:1920px) {
	body:after {
		content: "xlarge|5"
	}
}