html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	height: 100% 
}
figure, footer, header, hgroup, main, menu, nav, section, summary {
	display: block 
}
[hidden] {
	display: none 
}
a {
	background-color: transparent;
	text-decoration: underline 
}
a:active, a:hover {
	outline: 0 
}
b, strong {
	font-weight: 700 
}
img {
	border: 0;
	max-width: 100%;
	vertical-align: middle;
	display: inline-block 
}
hr {
	box-sizing: content-box;
	height: 0 
}
kbd, pre, samp {
	font-family: monospace, monospace;
	font-size: 1em 
}
button {
	overflow: visible 
}
button, select {
	text-transform: none 
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box 
}
html.w-mod-touch * {
	background-attachment: scroll !important 
}
.w-inline-block {
	max-width: 100%;
	display: inline-block 
}
html[data-w-dynpage] [data-w-cloak] {
	color: transparent !important 
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 700 
}
h1 {
	margin: .67em 0;
	font-size: 38px;
	line-height: 44px 
}
h2 {
	font-size: 32px;
	line-height: 36px 
}
h3 {
	font-size: 24px;
	line-height: 30px 
}
h4 {
	font-size: 18px;
	line-height: 24px 
}
h5 {
	font-size: 14px;
	line-height: 20px 
}
h6 {
	font-size: 12px;
	line-height: 18px 
}
p {
	margin-top: 0;
	max-width: 60ch;
	margin-bottom: 8px 
}
[type=button], [type=reset], button {
	border: 0;
	cursor: pointer;
	-webkit-appearance: button 
}
label {
	display: block;
	margin-bottom: 5px;
	font-weight: 700 
}
[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-dyn-bind-empty, .w-dyn-hide {
	display: none !important 
}
body {
	margin: 0;
	min-height: 100%;
	background-color: #fff;
	-webkit-transition: background-color 250ms;
	transition: background-color 250ms;
	font-family: 'Fjalla One', 'Fk Display', sans-serif;
	color: #333;
	font-size: 1.1111111111111112vw;
	line-height: 1.5;
	font-weight: 400 
}
h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	margin-bottom: 0 
}
.footer {
	position: fixed;
	right: 20px;
	bottom: 0px;
	font-family: 'Courier New', monospace;
	font-size: 12pt;
}
.nav_component {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	z-index: 1000 
}
.main_wrapper.main_home {
	color: #f5f4ee 
}
.main_wrapper.main-wrapper_project {
	z-index: 1 
}
.page-padding {
	padding-right: 32px;
	padding-left: 32px 
}
.container {
	position: relative;
	width: 100%;
	height: 100%;
	max-width: 2560px;
	margin-right: auto;
	margin-left: auto 
}
.nav-items-wrapper {
	height: 100%;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1 
}
.nav-wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-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 
}
.nav-button-wrapper {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	margin-top: 32px;
	margin-bottom: 32px;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start 
}
.archive-list-wrapper {
	width: 100%;
	height: 100vh;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start 
}
.archive-list-item {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding-top: 16px;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	opacity: .15;
	-webkit-transition: color 250ms, opacity 250ms;
	transition: color 250ms, opacity 250ms;
	color: #000;
	text-decoration: none 
}
.archive-list-item:hover {
	opacity: 0.6; 
}
.archive-list-item.active {
	z-index: 20;
	opacity: 1 
}
.nav-button {
	position: relative;
	margin-right: 8px;
	padding: 8px 16px;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	border-radius: 100px;
	background-color: rgba(245, 244, 238, .4);
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
	-webkit-transition: background-color .5s;
	transition: background-color .5s;
	color: #000;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	cursor: pointer 
}
.nav-button:hover {
	background-color: #fff 
}
.nav-button._3rd {
	z-index: 1110 
}
.nav-button._2nd {
	z-index: 1120;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	cursor: pointer 
}
.nav-button._1st {
	z-index: 1130 
}
.nav-button.nav-menu-button {
	z-index: 1140;
	display: none;
	width: 82px 
}
.page_wrapper {
	width: 100% 
}
.page_wrapper.page-wrapper_home {
	overflow: hidden 
}
.page_wrapper.page-wrapper_project {
	position: relative;
	z-index: 1;
	border-bottom-left-radius: 16px;
	border-bottom-right-radius: 16px 
}
.text-large {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 4.5em;
	line-height: 1;
	font-weight: 400;
	letter-spacing: -.02em 
}
.style_item {
	padding: 2em 0;
	border-bottom: .1em solid #bdbdbd 
}
.archive-list-item-heading {
	display: inline;
	margin-top: 0;
	margin-right: 16px;
	margin-bottom: 0 
}
.archive-list-item-subheading {
	display: inline-block;
	margin-top: auto;
	margin-right: 16px;
	margin-bottom: auto 
}
.archive-list-collection-wrapper.archive-tablet-below-only, .archive-list-item-image {
	display: none 
}
.archive-list-scroll {
	overflow: hidden;
	height: 100vh 
}
.draggable-box-contain {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	overflow: visible;
	width: 100%;
	height: 100%;
	max-width: 2560px;
	margin-right: auto;
	margin-left: auto;
	-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 
}
.draggable-box {
	position: absolute;
	width: 28em;
	margin: 32px;
	cursor: -webkit-grab;
	cursor: grab 
}
.draggable-box-inner {
	position: relative;
	width: 100%;
	padding-top: 100%;
	border-radius: 16px;
	background-color: rgba(0, 0, 0, .3);
	box-shadow: 0 24px 30px 0 rgba(0, 0, 0, .4) 
}
.archive-list-item-image-contain {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	border-radius: 16px 
}
.archive-list-item-preview_image {
	width: 100%;
	height: 100%;
	border-radius: 16px;
	-o-object-fit: cover;
	object-fit: cover 
}
.no-scroll {
	overflow: hidden 
}
.nav-button-unstack-trigger {
	position: absolute;
	z-index: 1140;
	display: none;
	width: 100px;
	height: 38px 
}
.nav-menu-button-text-2 {
	display: none 
}
.nav-info-button-text-1, .nav-menu-button-text-1 {
	display: inline 
}
.nav-info-button-text-2 {
	display: none 
}
.text-super {
	margin-top: 0;
	margin-bottom: 0;
	font-family: 'Mabry pro', sans-serif;
	font-size: 5em;
	line-height: 1;
	font-weight: 400;
	text-transform: uppercase 
}
.archive-scroller-wrapper {
	width: 100% 
}
.archive-scroller-wrapper.infinite-wrapper {
	overflow: hidden;
	height: 100% 
}
.archive-scroller {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start 
}
.archive-scroller.infinite-content {
	overflow: auto;
	height: 100% 
}
.archive-page {
	height: 100% 
}
.body_archive {
	height: 100%;
	background-color: #f5f4ee 
}
.generate-bg-color {
	display: none 
}
.generate-bg-color.projects-bg-color {
	background-color: #000 
}
.generate-bg-color.archive-bg-color {
	background-color: #f5f4ee 
}
.generate-bg-color.info-bg-color {
	background-color: #808a02 
}
.generate-bg-color.is--404 {
	background-color: #000 
}
.empty-state, .generate-fg-color {
	display: none 
}
.transition {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 2000;
	display: none;
	overflow: hidden;
	width: 100%;
	height: 100% 
}
.transition-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: 100%;
	-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 
}
.transition-trigger {
	display: none 
}
.page-cover {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1900;
	display: none;
	padding-right: 4em;
	padding-left: 4em;
	background-color: #000;
	-webkit-transition: margin-bottom .5s;
	transition: margin-bottom .5s;
	color: #000 
}
.page-cover.page-cover-archive {
	background-color: #f5f4ee;
	color: #000 
}
.page-cover-content {
	position: relative;
	z-index: 1910;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	margin-right: auto;
	margin-left: auto;
	-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 
}
.page-cover-heading {
	text-align: center 
}
.apply-bg-color {
	-webkit-transition: background-color 1s;
	transition: background-color 1s 
}
.apply-fg-color {
	-webkit-transition: color 1s;
	transition: color 1s 
}
.transition-backdrop {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .75) 
}
.transition-slide {
	position: absolute;
	width: 100%;
	height: 100% 
}

.link-button {
	position: relative;
	margin-right: 8px;
	margin-bottom: 8px;
	padding: 8px 16px;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	border-radius: 100px;
	background-color: #f5f4ee;
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
	-webkit-transition: background-color .5s;
	transition: background-color .5s;
	color: #000;
	text-align: center;
	text-decoration: none;
	cursor: pointer 
}
.link-button:hover {
	background-color: #e2e1d9 
}
.archive-list-item-open-notifier {
	display: inline-block;
	margin-top: auto;
	margin-bottom: auto;
	padding-top: 0;
	padding-bottom: 0 
}
.archive-list-item-wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex 
}
.archive-list-item-subheading-wrapper {
	margin-top: 1.75% 
}
.nav-item-home {
	background-color: hsla(0, 0%, 100%, .1);
	-webkit-backdrop-filter: blur(16px);
	backdrop-filter: blur(16px);
	-webkit-transition: background-color .5s, color .5s;
	transition: background-color .5s, color .5s;
	color: #fff 
}
.nav-item-home:hover {
	background-color: #fff;
	color: #000 
}
.archive-list-item-no-click-notifier {
	display: none 
}
@media screen and (max-width:991px) {
	body {
		font-size: 16px 
   }
	.page-padding {
		padding-right: 20px;
		padding-left: 20px 
   }
	.nav-button-wrapper {
		margin-top: 20px;
		margin-bottom: 20px 
   }
	.archive-list-item:hover {
		opacity: .3 
   }
	.nav-button._3rd {
		display: none;
		margin-right: 0 
   }
	.nav-button._2nd {
		display: none 
   }
	.nav-button._2nd.inherit-color-transition.nav-item-home:hover {
		background-color: hsla(0, 0%, 100%, .1) 
   }
	.nav-button._1st {
		display: none;
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		transform: translate(0, 0) 
   }
	.nav-button.nav-menu-button {
		display: inline-block;
		width: 80px 
   }
	.text-large {
		font-size: 3.75em 
   }
	.archive-list-collection-wrapper.archive-tablet-below-only {
		display: block 
   }
	.draggable-box-contain {
		-webkit-box-pack: end;
		-webkit-justify-content: flex-end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		-webkit-box-align: end;
		-webkit-align-items: flex-end;
		-ms-flex-align: end;
		align-items: flex-end 
   }
	.draggable-box {
		margin: 20px 
   }
	.nav-menu-button-text-2 {
		display: none;
		opacity: 0;
		-webkit-transform: translate(0, -2px);
		-ms-transform: translate(0, -2px);
		transform: translate(0, -2px) 
   }
	.nav-info-button-text-1 {
		display: none 
   }
	.nav-info-button-text-2 {
		display: inline 
   }
	.text-super {
		font-size: 4em 
   }
	.page-cover {
		padding-right: 20px;
		padding-left: 20px 
   }
}
@media screen and (max-width:767px) {
	.archive-list-item {
		padding-top: 8px 
   }
	.text-large {
		font-size: 2em 
   }
	.archive-list-item-heading.text-large {
		margin-right: 8px 
   }
	.draggable-box-contain {
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center 
   }
	.draggable-box {
		width: 10em 
   }
	.text-super {
		font-size: 2em 
   }
}
@media screen and (max-width:479px) {
	.archive-list-item-subheading {
		display: none 
   }
	.draggable-box-contain {
		-webkit-box-align: end;
		-webkit-align-items: flex-end;
		-ms-flex-align: end;
		align-items: flex-end 
   }
	.draggable-box {
		width: 66% 
   }
}
/*Max type size for wide format*/
@media screen and (min-width:2560px) {
	body {
	   font-size: 28.444444444444446px;
   }
}
/* change highlight color */
::-moz-selection {
	background-color: #D9FF00 !important;
	color: #000 !important;
}
::selection {
	background-color: #D9FF00 !important;
	color: #000 !important;
}
/*transitions and page cover visibility*/
body .transition {
   display: block
}
.no-scroll-transition {
   overflow: hidden;
}
.page-cover {
	display: block;
}
.transition-backdrop, .main_wrapper {
	opacity: 0%;
}
.transition-overlay {
	pointer-events: none;
}
/*scroll bars remove*/
/* width */
::-webkit-scrollbar {
	width: 0px;
}
/* Track */
::-webkit-scrollbar-track {
	background: transparent;
}
/* Handle */
::-webkit-scrollbar-thumb {
	background: transparent;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: transparent;
}
body {
	-webkit-font-smoothing: antialiased;
}
body {
	overflow: -moz-scrollbars-none;
	-ms-overflow-style: none;
}
:root{
	scrollbar-width: none !important;
}
body{
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
::-webkit-scrollbar {
	width:0px;
	display: none !important;
}
html, body {
	-ms-overflow-style: none;
   /* IE and Edge */
	overflow: -moz-scrollbars-none;
	// Firefox scrollbar-width: none;
   /* Firefox */
}
html, body {
	-webkit-backface-visibility: hidden;
	-webkit-transform:translate3d(0,0,0);
}




.transition-backdrop {
	opacity: 0%;
 }
 /* Link color inherits from parent font color  */
 a {
	color: inherit;
	text-decoration: inherit;
 }
 /*TYPE SIZING*/
 /*Max type size for wide format*/
 @media screen and (min-width:2560px) {
	body {font-size: 28.444444444444446px;}
 }
 /* Specific Min Font Size Limits for desktop */
 @media screen and (max-width:1440px) and (min-width:992px) {
	.text-large {font-size: 4.5rem;}
	.text-super {font-size: 5rem;}
 }

 /* Infinite loop scroll CSS */
 .infinite-content{
	height:100%;
	-webkit-overflow-scrolling:touch;
	overflow:auto;
 }
 *{
	scrollbar-width:none
 }
 ::-webkit-scrollbar{
	display:none
 }
 .body_archive {
	height:100%;
	overflow:hidden
 }
 .infinite-wrapper{
	height:100%;
	overflow:hidden
 }
 /* Enable/Disable clickable divs */
 .draggable-box-contain{
	pointer-events: none;
 }
 .draggable-box {
	pointer-events: auto;
 }