html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0
}

footer,
header,
nav,
section {
	display: block
}

canvas {
	display: inline-block;
	vertical-align: baseline
}

[hidden] {
	display: none
}

a {
	background-color: transparent
}

a:active,
a:hover {
	outline: 0
}

b,
strong {
	font-weight: 700
}

h1 {
	font-size: 2em;
	margin: .67em 0
}

img {
	border: 0
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

html {
	height: 100%
}

body {
	margin: 0;
	min-height: 100%;
	background-color: #fff;
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #333
}

img {
	max-width: 100%;
	vertical-align: middle;
	display: inline-block
}

.w-block {
	display: block
}

.w-inline-block {
	max-width: 100%;
	display: inline-block
}

.w-hidden {
	display: none
}

html[data-w-dynpage] [data-w-cloak] {
	color: transparent!important
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 700;
	margin-bottom: 10px
}

h1 {
	font-size: 38px;
	line-height: 44px;
	margin-top: 20px
}

h2 {
	font-size: 32px;
	line-height: 36px;
	margin-top: 20px
}

h3 {
	font-size: 24px;
	line-height: 30px;
	margin-top: 20px
}

h4 {
	font-size: 18px;
	line-height: 24px;
	margin-top: 10px
}
.home-desc {
    padding-top: 4rem;
}

h5 {
	font-size: 14px;
	line-height: 20px;
	margin-top: 10px
}

h6 {
	font-size: 12px;
	line-height: 18px;
	margin-top: 10px
}

p {
	margin-top: 0;
	margin-bottom: 10px
}

.w-embed:after,
.w-embed:before {
	content: " ";
	display: table;
	grid-column-start: 1;
	grid-row-start: 1;
	grid-column-end: 2;
	grid-row-end: 2
}

.w-embed:after {
	clear: both
}

.w-container {
	margin-left: auto;
	margin-right: auto;
	max-width: 940px
}

.w-container:after,
.w-container:before {
	content: " ";
	display: table;
	grid-column-start: 1;
	grid-row-start: 1;
	grid-column-end: 2;
	grid-row-end: 2
}

.w-container:after {
	clear: both
}

.w-col {
	position: relative;
	float: left;
	width: 100%;
	min-height: 1px;
	padding-left: 10px;
	padding-right: 10px
}

.w-col .w-col {
	padding-left: 0;
	padding-right: 0
}

.w-col-1 {
	width: 8.33333333%
}

.w-col-2 {
	width: 16.66666667%
}

.w-col-3 {
	width: 25%
}

.w-col-4 {
	width: 33.33333333%
}

.w-col-5 {
	width: 41.66666667%
}

.w-col-6 {
	width: 50%
}

.w-col-7 {
	width: 58.33333333%
}

.w-col-8 {
	width: 66.66666667%
}

.w-col-9 {
	width: 75%
}

.w-col-10 {
	width: 83.33333333%
}

.w-col-11 {
	width: 91.66666667%
}

.w-col-12 {
	width: 100%
}

@media screen and (max-width:991px) {
	.w-container {
		max-width: 728px
	}
	.w-col-stack {
		width: 100%;
		left: auto;
		right: auto
	}
}

@media screen and (max-width:767px) {
	.w-col {
		width: 100%;
		left: auto;
		right: auto
	}
}

@media screen and (max-width:479px) {
	.w-container {
		max-width: none
	}
	.w-col {
		width: 100%
	}
}

@media screen and (max-width:767px) {
	.w-nav-brand {
		padding-left: 10px
	}
}

.w-nav {
	position: relative;
	background: #ddd;
	z-index: 1000
}

.w-nav:after,
.w-nav:before {
	content: " ";
	display: table;
	grid-column-start: 1;
	grid-row-start: 1;
	grid-column-end: 2;
	grid-row-end: 2
}

.w-nav:after {
	clear: both
}

.w-nav-brand {
	position: relative;
	float: left;
	text-decoration: none;
	color: #333
}

.w-nav-link {
	position: relative;
	display: inline-block;
	vertical-align: top;
	text-decoration: none;
	color: #222;
	padding: 20px;
	text-align: left;
	margin-left: auto;
	margin-right: auto
}

.w-nav-link.w--current {
	color: #0082f3
}

[data-nav-menu-open] {
	display: block!important;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	background: #c8c8c8;
	text-align: center;
	overflow: visible;
	min-width: 200px
}

.w-nav[data-animation=over-left] [data-nav-menu-open] {
	right: auto;
	z-index: 1;
	top: 0
}

.w-nav[data-animation=over-right] [data-nav-menu-open] {
	left: auto;
	z-index: 1;
	top: 0
}

@media screen and (max-width:767px) {
	.w-nav-brand {
		padding-left: 10px
	}
}

@keyframes spin {
	0% {
		transform: rotate(0)
	}
	100% {
		transform: rotate(360deg)
	}
}

.w-layout-grid {
	display: -ms-grid;
	display: grid;
	grid-auto-columns: 1fr;
	-ms-grid-columns: 1fr 1fr;
	grid-template-columns: 1fr 1fr;
	-ms-grid-rows: auto auto;
	grid-template-rows: auto auto;
	grid-row-gap: 16px;
	grid-column-gap: 16px
}

body {
	background-color: #f8f8f8;
	background-image: url(/assets/Gradien.webp), -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f8f8f8));
	background-image: url(/assets/Gradien.webp), linear-gradient(180deg, #f8f8f8, #f8f8f8);
	background-position: 0 0, 0 0;
	background-size: 100%, auto;
	background-repeat: no-repeat, repeat;
	background-attachment: scroll, scroll;
	font-family: pitchsans regular, sans-serif;
	color: #222;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	letter-spacing: 0
}

h1 {
	margin-top: 20px;
	margin-bottom: 15px;
	font-family: superior title, times new roman, sans-serif;
	color: #222;
	font-size: 72px;
	line-height: 88px;
	font-weight: 400;
	letter-spacing: 0
}

h2 {
	margin-top: 16px;
	margin-bottom: 0;
	font-family: superior title, times new roman, sans-serif;
	color: #222;
	font-size: 48px;
	line-height: 56px;
	font-weight: 500;
	letter-spacing: 0
}

h3 {
	margin-top: 0;
	margin-bottom: 0;
	font-family: superior title, times new roman, sans-serif;
	font-size: 40px;
	line-height: 48px;
	font-weight: 400
}

h4 {
	margin-top: 32px;
	margin-bottom: 0;
	font-family: pitchsans regular, sans-serif;
	font-size: 32px;
	line-height: 36px;
	font-weight: 400;
	letter-spacing: -.015em
}

h5 {
	margin-top: 32px;
	margin-bottom: 0;
	font-family: pitchsans regular, sans-serif;
	font-size: 26px;
	line-height: 30px;
	font-weight: 400;
	letter-spacing: -.015em
}

h6 {
	margin-top: 16px;
	margin-bottom: 0;
	font-family: pitchsans semibold, sans-serif;
	font-size: 16px;
	line-height: 24px;
	font-weight: 600;
	letter-spacing: -.015em;
	text-decoration: underline
}

p {
	max-width: 630px;
	margin-top: 24px;
	font-family: pitchsans regular, sans-serif
}

a {
	display: block;
	-webkit-transition: opacity .2s ease;
	transition: opacity .2s ease;
	color: #222;
	text-decoration: none
}

a:hover {
	color: #32343a
}

a:active {
	color: #43464d
}

img {
	display: block
}

strong {
	font-family: pitchsans semibold, sans-serif;
	font-weight: 600
}

.standard-container {
	position: relative;
	display: block;
	width: 100%;
	max-width: 960px;
	margin-right: auto;
	margin-left: auto;
	-webkit-align-self: flex-start;
	-ms-flex-item-align: start;
	align-self: flex-start;
	-o-object-fit: fill;
	object-fit: fill
}

.paragraph-light {
	max-width: 100%;
	opacity: 1;
	font-family: Pitchsans;
	color: #222;
	font-size: 18px;
	line-height: 28px;
	letter-spacing: -.02em
}

.section-style {
	margin-top: 46px;
	margin-right: 40px;
	margin-left: 40px
}

.section-style.section-home {
	margin-top: 0
}

.paragraph-xl {
	max-width: 740px;
	margin-bottom: 10px;
	opacity: 1;
	font-family: pitchsans regular, sans-serif;
	font-size: 18px;
	line-height: 28px;
	font-weight: 400
}

.divider {
	height: 1px;
	background-color: #222
}

.navigation {
	position: relative;
	top: 0;
	z-index: 99;
	display: block;
	width: 100%;
	margin-right: 0;
	margin-left: 0;
	padding: 40px 40px 0;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: transparent
}

.intro-wrap {
	margin-bottom: 96px;
	padding-top: 96px;
	padding-bottom: 0
}

.footer-wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding: 0 0 96px;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	background-image: url(/assets/New-Footer-BG.webp);
	background-position: 50% 100%;
	background-size: 1724px;
	background-repeat: no-repeat
}

.footer-links {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-right: 0;
	clear: none;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.footer-item {
	margin-right: 0;
	margin-left: 0;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 24px;
	opacity: 1;
	font-family: pitchsans semibold, sans-serif;
	color: #222;
	font-size: 14px;
	line-height: 18px;
	font-weight: 600;
	letter-spacing: .03em;
	text-decoration: none;
	text-transform: none
}

.footer-item:hover {
	opacity: 1;
	color: #222
}

.footer-item:active {
	opacity: 1
}

._404-wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: 100%;
	padding: 30px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #1a1b1f
}

._404-content-wrap {
	margin-bottom: 20px
}

.link-block {
	display: block;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.link-block.w--current {
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.footer-divider {
	width: 100%;
	height: 1px;
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
	background-color: #222
}

.project-preview-number {
	width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	font-family: pitchsans semibold, sans-serif;
	font-size: 18px;
	line-height: 28px;
	font-weight: 600;
	text-align: center
}

.project-preview-item {
	padding-bottom: 96px;
	border-bottom: 1px #222
}

.project-preview-item:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0
}

.project-preview-item:last-child .short-divider {
	display: none
}

.home-preview-description {
	max-width: 500px;
	margin-top: 0;
	margin-bottom: 0
}

.divider---full---black {
	width: 100%;
	height: 1px;
	margin-top: 96px;
	margin-bottom: 0;
	padding-top: 0;
	background-color: #222
}

.grid-style {
	overflow: visible;
	padding-bottom: 96px;
	justify-items: stretch;
	-webkit-box-align: start;
	-webkit-align-items: start;
	-ms-flex-align: start;
	align-items: start;
	grid-column-gap: 0;
	grid-row-gap: 0;
	grid-template-areas: ". ." "Area Area";
	-ms-grid-columns: 1.25fr 0 1.25fr;
	grid-template-columns: 1.25fr 1.25fr;
	-ms-grid-rows: auto 0 auto;
	grid-template-rows: auto auto;
	border-bottom: 1px solid #000;
	-o-object-fit: fill;
	object-fit: fill
}

.grid-box---role {
	padding-bottom: 24px;
	padding-left: 24px;
	border-bottom: 1px solid #222
}

.grid-paragraph {
	margin-bottom: 0
}

.grid-style---home {
	display: -ms-grid;
	display: grid;
	overflow: visible;
	width: 600px;
	justify-items: stretch;
	-webkit-box-align: start;
	-webkit-align-items: start;
	-ms-flex-align: start;
	align-items: start;
	grid-column-gap: 0;
	grid-row-gap: 0;
	grid-template-areas: "Area-3 Area-2" "Area Area";
	-ms-grid-columns: 7fr 0 2fr;
	grid-template-columns: 7fr 2fr;
	-ms-grid-rows: auto 0 auto;
	grid-template-rows: auto auto;
	-o-object-fit: fill;
	object-fit: fill
}

.grid-box-home---title {
	height: 100%;
	padding-right: 24px;
	padding-bottom: 24px;
	border-right: 1px solid #222
}

.grid-box-home---description {
	padding-top: 24px;
	border-style: solid none none;
	border-width: 1px;
	border-color: #222
}

.grid-box-home---number {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: 100%;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.link {
	font-family: pitchsans regular, sans-serif
}

.link:hover {
	color: #222
}

.footer-title {
	margin-top: 0;
	margin-bottom: 24px;
	text-align: right
}

.collection-list {
	overflow: visible
}

.hero-image---home {
	width: auto;
	height: 493px;
	border: 4px solid rgba(0, 0, 0, .151);
	border-radius: 14px;
	box-shadow: 17px 17px 48px 0 rgba(0, 0, 0, .555)
}

.hero-image---home.aspect-16-9 {
	aspect-ratio: 16 / 9;
	height: 349px;
	width: 100%;
}

.wolf {
	width: 294px;
	height: 350px
}

.vid {
	width: 350px;
	height: 350px
}

.gam {
	width: auto;
	height: 280px
}

.grid-projects-home {
	justify-items: start;
	-ms-grid-columns: 2fr 1fr;
	grid-template-columns: 2fr 1fr;
	-ms-grid-rows: auto;
	grid-template-rows: auto
}

.hero-image---project-page {
	position: static;
	width: auto;
	height: 70vh;
	border: 4px solid #fff;
	border-radius: 24px;
	background-color: #fff;
	box-shadow: 17px 17px 48px 0 rgba(0, 0, 0, .12)
}

.grid---project-hero-section {
	margin-top: 0;
	padding-top: 80px;
	grid-column-gap: 0;
	grid-row-gap: 0;
	-ms-grid-rows: auto;
	grid-template-rows: auto;
	-webkit-perspective: 1000px;
	perspective: 1000px
}

.hero-container---project-page {
	position: relative;
	overflow: visible;
	width: 33vh;
	height: 70vh;
	-webkit-perspective: 1000px;
	perspective: 1000px
}

.hero-dots---project-page {
	position: absolute;
	left: 0;
	top: 0;
	right: auto;
	bottom: auto;
	z-index: -2;
	display: block;
	min-height: 70vh;
	min-width: 43vh;
	margin-top: -40.5vh;
	margin-left: -15%;
	text-align: center
}

.home-h1 {
	margin-top: 0;
	margin-bottom: 24px
}

.div-block-2 {
	text-align: left
}

.home-project-title {
	color: #222;
	font-size: 48px;
	line-height: 56px
}

.home-project-title:hover {
	color: #222
}

.home-project-title:focus {
	color: #222
}

.title-project-page {
	display: inline
}

.title-project-page---container {
	padding-bottom: 24px
}

.short-divider {
	display: none
}

.footer-top-divider {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-top: 96px;
	padding-bottom: 240px;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start
}

.project-image-item {
	display: block;
	overflow: visible;
	border: 4px solid #fff;
	border-radius: 8px;
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, .02)
}

.portfolio-image-item {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	overflow: visible;
	margin-right: 12px;
	margin-left: 12px;
	padding-right: 0;
	padding-bottom: 48px;
	padding-left: 0;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-flex: 0;
	-webkit-flex: 0 auto;
	-ms-flex: 0 auto;
	flex: 0 auto
}

.portfolio-image-collection-list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-flex: 0;
	-webkit-flex: 0 auto;
	-ms-flex: 0 auto;
	flex: 0 auto;
	grid-auto-columns: 1fr;
	grid-column-gap: 16px;
	grid-row-gap: 16px;
	-ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	-ms-grid-rows: auto auto;
	grid-template-rows: auto auto
}

.image {
	position: static
}

.nav-logo-container {
	position: relative;
	display: inline-block;
	width: auto;
	height: 56px;
	margin-right: 0px;
	margin-left: 0px;
}

.body-home {
	border-bottom: 1px #000;
	background-image: url(/assets/Gradient-home.webp), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));
	background-image: url(/assets/Gradient-home.webp), linear-gradient(180deg, transparent, transparent);
	background-position: -210px 0, 0 0;
	background-size: 140%, auto;
	background-attachment: scroll, scroll
}

.project-page-preview-description {
	max-width: 500px;
	margin-top: 0;
	margin-bottom: 0
}

.footer-dots {
	position: absolute;
	left: 0;
	top: auto;
	right: auto;
	bottom: -50px;
	z-index: 3;
	width: 352px;
	height: 202px;
	background-image: url(/assets/FooterDots.webp);
	background-position: 0 0;
	background-size: 352px;
	background-repeat: no-repeat
}

.text-block {
	font-family: pitchsans regular, sans-serif
}

.text-block-2 {
	font-family: pitchsans regular, sans-serif
}

.standard-container-home-header {
	position: relative;
	display: block;
	width: 100%;
	max-width: 960px;
	margin-right: auto;
	margin-left: auto;
	-webkit-align-self: flex-start;
	-ms-flex-item-align: start;
	align-self: flex-start;
	-o-object-fit: fill;
	object-fit: fill
}

.home-link {
	position: absolute;
	left: 64px;
	top: 0;
	display: block;
	width: 150px;
	opacity: 0;
	line-height: 32px;
	cursor: default
}

.grid {
	grid-column-gap: 0;
	grid-row-gap: 0;
	-ms-grid-columns: 1fr;
	grid-template-columns: 1fr;
	-ms-grid-rows: auto;
	grid-template-rows: auto
}

.header-link {
	display: inline-block;
	padding: 12px 20px 20px;
	font-family: pitchsans semibold, sans-serif;
	font-size: 18px;
	line-height: 28px;
	font-weight: 600
}

.header-link:hover {
	background-image: url(/assets/Arch.png);
	background-position: 50% 100%;
	background-size: 12px 6px;
	background-repeat: no-repeat;
	font-family: pitchsans semibold, sans-serif
}

.header-link.w--current {
	border-width: 1px;
	border-color: #222;
	border-bottom-style: none
}

.header-link-group {
	position: absolute;
	top: 28px;
	right: 28px;
	display: inline-block
}

.ani-logo {
	position: absolute;
	left: 0px;
	top: 0px;
	display: inline-block;
	width: 87px;
	height: 72px;
	background-image: url(/assets/logo.webp);
	background-position: 0px 0px;
	background-size: 87px 72px;

   }

@media screen and (max-width:991px) {
	h1 {
		text-align: left
	}
	h2 {
		text-align: left
	}
	h3 {
		text-align: left
	}
	h4 {
		text-align: left
	}
	h5 {
		text-align: left
	}
	h6 {
		text-align: left
	}
	.navigation {
		position: relative;
		padding: 40px 40px 0
	}
	.intro-wrap {
		padding-top: 24px;
		padding-bottom: 0
	}
	.footer-wrap {
		padding-right: 30px;
		padding-left: 30px
	}
	.grid-style---home {
		width: 90%
	}
	.link {
		text-align: left
	}
	.footer-top-divider {
		margin-top: 64px;
		padding-bottom: 96px
	}
	.footer-dots {
		left: 22px;
		bottom: -50px
	}
	.body {
		overflow: hidden
	}
}

@media screen and (max-width:767px) {
	body {
		padding-top: 0
	}
	.standard-container {
		text-align: left
	}
	.section-style {
		margin-right: 32px;
		margin-left: 32px
	}
	.section-style.section-home {
		margin-top: 64px
	}
	.paragraph-xl {
		font-size: 16px;
		line-height: 28px
	}
	.navigation {
		position: static;
		padding: 32px 32px 0
	}
	.intro-wrap {
		padding-top: 0;
		padding-bottom: 0
	}
	.footer-wrap {
		overflow: hidden;
		margin-right: 0;
		margin-bottom: 0;
		margin-left: 0;
		padding-right: 32px;
		padding-bottom: 48px;
		padding-left: 32px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		text-align: center
	}
	.footer-links {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start
	}
	.footer-item {
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		padding-right: 24px;
		padding-left: 0
	}
	._404-wrap {
		padding: 30px
	}
	.link-block {
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start
	}
	.link-block.w--current {
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start
	}
	.grid-style---home {
		width: 100%
	}
	.footer-title {
		text-align: left
	}
	.hero-image---home {
		height: 400px
	}
	.hero-image---home.aspect-16-9 {
		height: auto
	}
	.wolf {
		width: 244px;
		height: 284px
	}
	.vid {
		width: 250px;
		height: 250px
	}
	.gam {
		height: 180px
	}
	.grid-projects-home {
		-ms-grid-columns: 1.5fr 1fr;
		grid-template-columns: 1.5fr 1fr
	}
	.hero-dots---project-page {
		min-width: 30vh;
		opacity: 0
	}
	.home-h1 {
		font-size: 48px;
		line-height: 56px
	}
	.home-project-title {
		font-size: 32px;
		line-height: 40px
	}
	.footer-top-divider {
		margin-top: 64px;
		padding-bottom: 104px
	}
	.body-home {
		background-image: url(/assets/Gradient-home.webp), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));
		background-image: url(/assets/Gradient-home.webp), linear-gradient(180deg, transparent, transparent);
		background-position: -80px 0, 0 0
	}
	.footer-dots {
		left: auto;
		right: -135px;
		bottom: 12px;
		display: block
	}
	.body {
		overflow: visible
	}
	.standard-container-home-header {
		text-align: left
	}
	.header-link-group {
		top: 20px;
		right: 20px
	}
}

@media screen and (max-width:479px) {
	body {
		background-color: #f8f8f8;
		background-image: url(/assets/Gradien.webp), -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f8f8f8));
		background-image: url(/assets/Gradien.webp), linear-gradient(180deg, #f8f8f8, #f8f8f8);
		background-position: -110px 0, 0 0;
		background-size: 300%, auto;
		background-attachment: scroll, scroll
	}
	h1 {
		margin-top: 48px;
		margin-bottom: 0;
		font-size: 42px;
		line-height: 48px;
		text-align: left
	}
	h2 {
		margin-top: 0;
		margin-bottom: 16px;
		font-size: 40px;
		line-height: 48px;
		text-align: left
	}
	h3 {
		margin-top: 0;
		font-size: 32px;
		line-height: 40px;
		text-align: left
	}
	h4 {
		margin-bottom: 16px;
		font-size: 26px;
		line-height: 30px;
		text-align: left
	}
	h5 {
		margin-top: 32px;
		margin-bottom: 16px;
		text-align: left
	}
	h6 {
		margin-top: 24px;
		margin-bottom: 16px;
		text-align: left
	}
	p {
		text-align: left
	}
	strong {
		font-family: pitchsans semibold, sans-serif;
		font-weight: 600
	}
	.standard-container {
		position: relative
	}
	.paragraph-light {
		margin-bottom: 24px;
		font-size: 16px;
		line-height: 24px;
		text-align: left
	}
	.section-style {
		margin-top: 64px;
		margin-right: 32px;
		margin-left: 32px
	}
	.section-style.grid-box---section {
		margin-top: 0
	}
	.section-style.section-home {
		margin-top: 0
	}
	.paragraph-xl {
		margin-top: 16px;
		margin-bottom: 0;
		line-height: 24px;
		letter-spacing: -.015em
	}
	.navigation {
		position: static;
		padding: 32px 32px 0;
		-o-object-fit: fill;
		object-fit: fill
	}
	.intro-wrap {
		margin-top: 48px;
		margin-bottom: 64px;
		padding-top: 0;
		padding-bottom: 0
	}
	.footer-wrap {
		overflow: hidden;
		width: auto;
		margin-right: 0;
		margin-bottom: 0;
		margin-left: 0;
		padding-right: 32px;
		padding-bottom: 48px;
		padding-left: 32px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		background-position: 50% 100%;
		background-size: 1012px 500px
	}
	.footer-links {
		padding-left: 0;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-box-align: end;
		-webkit-align-items: flex-end;
		-ms-flex-align: end;
		align-items: flex-end
	}
	.footer-item {
		margin-top: 0;
		margin-bottom: 0;
		padding-right: 24px;
		padding-left: 0
	}
	.link-block {
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start
	}
	.link-block.w--current {
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start
	}
	.footer-divider {
		margin-top: 0;
		margin-bottom: 0
	}
	.project-preview-number {
		margin-top: auto;
		margin-bottom: 8px;
		text-align: left
	}
	.project-preview-item {
		margin-bottom: 48px;
		padding-bottom: 0;
		border-bottom-style: none
	}
	.home-preview-description {
		letter-spacing: -.015em
	}
	.divider---full---black {
		margin-top: 64px
	}
	.grid-style {
		padding-bottom: 0;
		grid-template-areas: "Area-2 Area-2" "Area Area" "Area-3 Area-3";
		-ms-grid-columns: 1.25fr .25fr;
		grid-template-columns: 1.25fr .25fr
	}
	.grid-box---role {
		padding-top: 24px;
		padding-left: 0
	}
	.grid-paragraph {
		text-align: left;
		letter-spacing: -.02em
	}
	.grid-style---home {
		grid-template-areas: "." "Area-3" "Area";
		-ms-grid-columns: 5fr;
		grid-template-columns: 5fr;
		-ms-grid-rows: auto auto auto;
		grid-template-rows: auto auto auto
	}
	.grid-box-home---title {
		padding-right: 0;
		padding-bottom: 0;
		border-right-style: none;
		border-right-width: 0
	}
	.grid-box-home---description {
		padding-top: 16px;
		border-top-style: none
	}
	.link {
		margin-top: 24px;
		text-align: left
	}
	.footer-title {
		margin-bottom: 12px;
		text-align: left
	}
	.hero-image---home {
		width: 210px;
		height: auto;
		min-width: auto;
		margin-top: 0
	}
	.hero-image---home.aspect-16-9 {
		width: 310px;
		height: auto
	}
	.wolf {
		width: 214px;
		height: 314px
	}
	.vid {
		width: 250px;
		height: 250px
	}
	.gam {
		width: 350px;
		height: 200px
	}
	.grid-projects-home {
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		-ms-grid-rows: auto auto;
		grid-template-rows: auto auto
	}
	.hero-image---project-page {
		height: 562px;
		max-height: 80vh;
		max-width: 100%;
		min-width: auto;
		margin-top: 24px;
		margin-right: auto;
		margin-left: auto;
		text-align: left
	}
	.grid---project-hero-section {
		margin-top: 0;
		padding-top: 0;
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		-ms-grid-rows: auto auto;
		grid-template-rows: auto auto
	}
	.hero-container---project-page {
		overflow: visible;
		width: 90%;
		height: auto;
		min-width: 250px
	}
	.hero-dots---project-page {
		top: auto;
		display: none;
		overflow: hidden;
		width: auto;
		height: 502px;
		margin-top: -530px;
		margin-left: 40px
	}
	.home-h1 {
		margin-bottom: 16px;
		font-size: 40px;
		line-height: 48px
	}
	.home-project-title {
		font-size: 32px;
		line-height: 40px
	}
	.hero-image---home-link-block {
		margin-top: 8px
	}
	.title-project-page {
		display: block;
		margin-bottom: 0
	}
	.title-project-page---container {
		padding-bottom: 0
	}
	.short-divider {
		display: block;
		width: 64px;
		height: 1px;
		padding-top: 64px;
		border-bottom: 1px solid #222
	}
	.footer-top-divider {
		margin-top: 0;
		padding-bottom: 96px
	}
	.project-image-item {
		width: 90%;
		max-width: 90%;
		min-width: 90%
	}
	.portfolio-image-item {
		position: relative;
		min-width: 85vw;
		margin-right: 0;
		margin-left: 0;
		padding-right: 0;
		padding-bottom: 48px;
		padding-left: 0;
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1
	}
	.portfolio-image-collection-list {
		position: relative;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		overflow: visible;
		width: auto;
		padding: 8px 0 0 8px;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-o-object-fit: fill;
		object-fit: fill;
		-o-object-position: 50% 50%;
		object-position: 50% 50%
	}
	.body-home {
		background-image: url(/assets/Gradient-home.webp), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));
		background-image: url(/assets/Gradient-home.webp), linear-gradient(180deg, transparent, transparent);
		background-position: -100px -20px, 0 0;
		background-size: 210%, auto
	}
	.project-page-preview-description {
		margin-top: 16px;
		margin-bottom: 40px;
		letter-spacing: -.015em
	}
	.footer-dots {
		display: none;
		overflow: visible
	}
	.body {
		overflow: visible
	}
	.standard-container-home-header {
		position: relative
	}
	.div-block-3 {
		background-position: 50% 100%;
		background-size: 900px 400px
	}
	.home-teaser-list {
		padding-bottom: 64px
	}
	.header-link {
		padding: 8px 12px
	}
	.header-link-group {
		top: 24px;
		right: 20px
	}
	.ani-logo {
		width: 72px;
		height: 64px;
		background-size: 72px 64px;

	   }
}

#w-node-_81b3f082-3904-592c-83fd-05283a4eab5b-39dcd323 {
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center
}

#w-node-c6151b62-c6e8-f951-2240-862d1c80b80d-39dcd323 {
	-webkit-align-self: auto;
	-ms-flex-item-align: auto;
	-ms-grid-row-align: auto;
	align-self: auto;
	-ms-grid-column-align: auto;
	justify-self: auto
}

#w-node-_1f8feb48-95a8-3606-d466-ad1b3b8d35f6-39dcd323 {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
	grid-area: Area-3
}

#w-node-_3d0b2cb4-c7f9-3971-c0cb-e8c42967aae8-39dcd323 {
	-ms-grid-row: span 1;
	grid-row-start: span 1;
	-ms-grid-row-span: 1;
	grid-row-end: span 1;
	-ms-grid-column: span 2;
	grid-column-start: span 2;
	-ms-grid-column-span: 2;
	grid-column-end: span 2
}

#w-node-a092fbde-4f9b-0e1e-f56d-d9b762e73e07-39dcd323 {
	-ms-grid-column-align: center;
	justify-self: center
}

#w-node-_81b3f082-3904-592c-83fd-05283a4eab5b-2b744261 {
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center
}

#w-node-c6151b62-c6e8-f951-2240-862d1c80b80d-2b744261 {
	-webkit-align-self: auto;
	-ms-flex-item-align: auto;
	-ms-grid-row-align: auto;
	align-self: auto;
	-ms-grid-column-align: auto;
	justify-self: auto
}

#w-node-_1f8feb48-95a8-3606-d466-ad1b3b8d35f6-2b744261 {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
	grid-area: Area-3
}

#w-node-_3d0b2cb4-c7f9-3971-c0cb-e8c42967aae8-2b744261 {
	-ms-grid-row: span 1;
	grid-row-start: span 1;
	-ms-grid-row-span: 1;
	grid-row-end: span 1;
	-ms-grid-column: span 2;
	grid-column-start: span 2;
	-ms-grid-column-span: 2;
	grid-column-end: span 2
}

#w-node-a092fbde-4f9b-0e1e-f56d-d9b762e73e07-2b744261 {
	-ms-grid-column-align: center;
	justify-self: center
}

@media screen and (max-width:767px) {
	#w-node-a092fbde-4f9b-0e1e-f56d-d9b762e73e07-39dcd323 {
		-ms-grid-column-align: end;
		justify-self: end
	}
	#w-node-a092fbde-4f9b-0e1e-f56d-d9b762e73e07-2b744261 {
		-ms-grid-column-align: end;
		justify-self: end
	}
}

@media screen and (max-width:479px) {
	#w-node-c6151b62-c6e8-f951-2240-862d1c80b80d-39dcd323 {
		-webkit-align-self: stretch;
		-ms-flex-item-align: stretch;
		-ms-grid-row-align: stretch;
		align-self: stretch
	}
	#w-node-_3d0b2cb4-c7f9-3971-c0cb-e8c42967aae8-39dcd323 {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
		grid-area: Area
	}
	.grid-style---home>#w-node-_3d0b2cb4-c7f9-3971-c0cb-e8c42967aae8-39dcd323 {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3
	}
	#w-node-a092fbde-4f9b-0e1e-f56d-d9b762e73e07-39dcd323 {
		-ms-grid-column-align: start;
		justify-self: start
	}
	#w-node-c6151b62-c6e8-f951-2240-862d1c80b80d-2b744261 {
		-webkit-align-self: stretch;
		-ms-flex-item-align: stretch;
		-ms-grid-row-align: stretch;
		align-self: stretch
	}
	#w-node-_3d0b2cb4-c7f9-3971-c0cb-e8c42967aae8-2b744261 {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
		grid-area: Area
	}
	.grid-style---home>#w-node-_3d0b2cb4-c7f9-3971-c0cb-e8c42967aae8-2b744261 {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3
	}
	@media screen and (max-width:479px) {
		#w-node-_1f8feb48-95a8-3606-d466-ad1b3b8d35f6-39dcd323 {
			-ms-grid-row: 3;
			-ms-grid-column: 1;
			-ms-grid-column-span: 2
		}
		#w-node-_1f8feb48-95a8-3606-d466-ad1b3b8d35f6-39dcd323 {
			-ms-grid-row: 2;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1
		}
		#w-node-_1f8feb48-95a8-3606-d466-ad1b3b8d35f6-2b744261 {
			-ms-grid-row: 3;
			-ms-grid-column: 1;
			-ms-grid-column-span: 2
		}
		#w-node-_1f8feb48-95a8-3606-d466-ad1b3b8d35f6-2b744261 {
			-ms-grid-row: 2;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1
		}
		#w-node-_3d0b2cb4-c7f9-3971-c0cb-e8c42967aae8-39dcd323 {
			-ms-grid-row: 2;
			-ms-grid-column: 1;
			-ms-grid-column-span: 2
		}
		.grid-style---home>#w-node-_3d0b2cb4-c7f9-3971-c0cb-e8c42967aae8-39dcd323 {
			-ms-grid-row: 3;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1
		}
		#w-node-_3d0b2cb4-c7f9-3971-c0cb-e8c42967aae8-2b744261 {
			-ms-grid-row: 2;
			-ms-grid-column: 1;
			-ms-grid-column-span: 2
		}
		.grid-style---home>#w-node-_3d0b2cb4-c7f9-3971-c0cb-e8c42967aae8-2b744261 {
			-ms-grid-row: 3;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1
		}
	}
	#w-node-a092fbde-4f9b-0e1e-f56d-d9b762e73e07-2b744261 {
		-ms-grid-column-align: start;
		justify-self: start
	}
}

@font-face {
	font-family: pitchsans semibold;
	src: url(/assets/font/pitch-sans-web-semibold.woff2) format('woff2');
	font-weight: 600;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: pitchsans regular;
	src: url(/assets/font/PitchSansWeb-Regular.woff2) format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: superior title;
	src: url(/assets/font/SuperiorTitle-Medium.woff2) format('woff2');
	font-weight: 500;
	font-style: normal;
	font-display: swap
}