@charset "UTF-8";
* {
	box-sizing: border-box; }

*:before, *:after {
	box-sizing: border-box; }

body {
	overflow-y: scroll; }

h1, h2, h3, h4, h5, h6, p, ol, ul {
	margin: 0; }

h1, h2, h3, h4, h5, h6 {
	font: inherit; }

ol, ul {
	list-style: none;
	padding-left: 0; }

button {
	padding: 0;
	cursor: pointer;
	font: inherit;
	color: inherit; }

button, iframe {
	border: none; }

iframe {
	display: block; }

pre {
	display: block; }

input, textarea, select {
	outline: none;
	font: inherit;
	color: inherit;
	border-radius: 0; }

input::placeholder, textarea::placeholder {
	opacity: 0.5;
	color: inherit; }

textarea {
	resize: vertical; }

a {
	text-decoration: none;
	color: inherit; }

table {
	border-collapse: collapse;
	border-spacing: 0; }

.mailto:hover {
	text-decoration: underline; }

video {
	outline: none; }

html body {
	background: #3B3734;
	font-family: "Roboto", sans-serif;
	color: #FAF6EE; }
	@media (orientation: landscape) {
		html body {
			font-size: 1vw; } }
	@media (orientation: portrait) {
		html body {
			font-size: 2.3vw; } }

body {
	overscroll-behavior: none;
	overflow-x: hidden; }

#smooth-content {
	overflow: visible;
	width: 100%; }

.center-horizontal {
	position: absolute;
	left: 50%; }

.center-vertical {
	position: absolute;
	top: 50%; }

.center-both {
	position: absolute;
	top: 50%;
	left: 50%; }

.flash {
	opacity: 0; }

@media (orientation: landscape) {
	.contain {
		padding: 0 2vw; } }

@media (orientation: portrait) {
	.contain {
		padding: 0 4vw; } }

.border-1p-white {
	border: 1px solid #FAF6EE; }

.border-t-1p-white {
	border-top: 1px solid #FAF6EE; }

.border-b-1p-white {
	border-bottom: 1px solid #FAF6EE; }

.hr {
	height: 1px;
	background: white; }

.hover-trigger .hover-fade {
	opacity: 0;
	pointer-events: none;
	transition: all 0.5s; }

.hover-trigger:hover .hover-fade {
	opacity: 1;
	transition: all 0.5s;
	pointer-events: auto; }

@media (orientation: landscape) {
	.des-left {
		text-align: left; } }

@media (orientation: landscape) {
	.des-right {
		text-align: right; } }

@media (orientation: landscape) {
	.des-justify {
		text-align: justify; } }

@media (orientation: portrait) {
	.mob-left {
		text-align: left; } }

@media (orientation: portrait) {
	.mob-right {
		text-align: right; } }

@media (orientation: portrait) {
	.mob-justify {
		text-align: justify; } }

.show-up {
	opacity: 0;
	transform: translateY(5rem); }

.show-down {
	opacity: 0;
	transform: translateY(5rem); }

.fade-in {
	opacity: 0; }

.show-right {
	opacity: 0;
	transform: translateX(5rem); }

.show-left {
	opacity: 0;
	transform: translateX(-5rem); }

@media (orientation: landscape) {
	#overlay {
		font-size: 1.3vh; } }

@media (orientation: portrait) {
	#overlay {
		font-size: 1.8vw; } }

#overlay .title {
	font-family: "Roboto Mono", monospace;
	text-transform: uppercase;
	font-weight: 600;
	color: #AF9F59;
	letter-spacing: er sem;
	margin-bottom: 0.3em; }
	@media (orientation: landscape) {
		#overlay .title {
			font-size: 1.9em; } }
	@media (orientation: portrait) {
		#overlay .title {
			font-size: 1.9em; } }

#overlay .desc {
	font-family: "Roboto Serif", serif;
	text-transform: uppercase;
	color: #FAF6EE;
	margin-bottom: 1em; }
	@media (orientation: landscape) {
		#overlay .desc {
			font-size: 1.7em; } }
	@media (orientation: portrait) {
		#overlay .desc {
			font-size: 1.7em; } }
	#overlay .desc span {
		font-weight: 300;
		font-style: italic; }

#overlay .numbers {
	font-family: "Roboto Mono", monospace;
	text-transform: uppercase;
	margin-bottom: 1em; }
	@media (orientation: landscape) {
		#overlay .numbers {
			font-size: 1.64em; } }
	@media (orientation: portrait) {
		#overlay .numbers {
			font-size: 1.64em; } }
	#overlay .numbers span {
		font-weight: 500; }
	#overlay .numbers p {
		margin-bottom: 0.5em; }

#overlay .subtitle {
	font-weight: 500;
	color: #AF9F59;
	margin-bottom: 0.5em;
	margin-top: 1em; }
	@media (orientation: landscape) {
		#overlay .subtitle {
			font-size: 1.8em; } }
	@media (orientation: portrait) {
		#overlay .subtitle {
			font-size: 1.8em; } }

#overlay .par {
	font-weight: 300;
	margin-bottom: 1em;
	line-height: 1.5; }
	@media (orientation: landscape) {
		#overlay .par {
			font-size: 1.5em; } }
	@media (orientation: portrait) {
		#overlay .par {
			font-size: 1.5em; } }
	#overlay .par span {
		font-weight: 500; }

#overlay ul {
	font-family: "Roboto Mono", monospace;
	text-transform: uppercase;
	line-height: 1.5;
	margin-bottom: 1em; }
	@media (orientation: landscape) {
		#overlay ul {
			font-size: 1.5em; } }
	@media (orientation: portrait) {
		#overlay ul {
			font-size: 1.5em; } }
	#overlay ul li {
		padding: 0.5em 0;
		border-top: 1px solid white; }
		#overlay ul li:before {
			content: '• '; }
		#overlay ul li:first-child {
			border-top: none; }
		#overlay ul li span {
			font-weight: bold; }

#overlay .quote {
	padding: 1em;
	border: 1px solid white;
	font-family: "Roboto Serif", serif;
	text-align: center; }
	@media (orientation: landscape) {
		#overlay .quote {
			font-size: 1.6em; } }
	@media (orientation: portrait) {
		#overlay .quote {
			font-size: 1.6em; } }
	#overlay .quote span {
		font-weight: 500; }

@media (orientation: landscape) {
	#overlay .gallery {
		gap: 2vh; }
		#overlay .gallery .n1 {
			height: 40vh; }
		#overlay .gallery .n2, #overlay .gallery .n3 {
			height: 25vh; } }

@media (orientation: portrait) {
	#overlay .gallery {
		gap: 5vw; }
		#overlay .gallery div {
			height: 40rem;
			width: 40%; } }

#overlay .gallery div {
	border-radius: 0.3vw;
	overflow: hidden; }

#overlay .gallery img {
	transform: scale(1.05); }

form {
	font-family: "Roboto Mono", monospace;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between; }
	@media (orientation: landscape) {
		form {
			width: 85%; } }
	form .input-wrap {
		width: 100%;
		margin-bottom: 1em; }
		form .input-wrap.contain-textarea {
			width: 100%; }
		@media (orientation: landscape) {
			form .input-wrap {
				width: 47%; } }
	form label {
		display: block;
		margin-bottom: 0.5em; }
	form input, form textarea {
		border-radius: 0.5em;
		border: none;
		display: block;
		color: #3B3734;
		width: 100%;
		padding: 0.5em; }
	form input {
		height: 3em; }
	form textarea {
		height: 6em; }
	form .send-wrap {
		width: 100%;
		position: relative; }
		form .send-wrap .button-wrap {
			width: 8em;
			height: 3em;
			display: inline-block;
			position: relative;
			z-index: 1; }
			form .send-wrap .button-wrap button {
				width: 8em;
				height: 3em;
				background: #AF9F59;
				color: white; }
			form .send-wrap .button-wrap .loading {
				opacity: 0;
				pointer-events: none;
				transition: all 0.5s;
				z-index: -1;
				position: absolute;
				margin: auto;
				left: 0;
				right: 0;
				top: 0;
				bottom: 0;
				width: 3em;
				height: 3em;
				border-radius: 50%;
				border: 0.42857em solid white;
				border-top: 0.42857em solid #777;
				border-color: #AF9F59;
				border-top-color: transparent;
				animation: spin 1.6s linear infinite; }

@keyframes spin {
	0% {
		transform: scale(0.5) rotate(0deg); }
	100% {
		transform: scale(0.5) rotate(360deg); } }
		form .send-wrap .response {
			position: absolute;
			left: 0rem;
			top: 0rem;
			opacity: 0;
			pointer-events: none;
			transition: all 0.5s;
			width: 100%;
			line-height: 3em;
			transition: all 1s;
			text-align: center;
			font-weight: bold;
			color: #AF9F59; }
		form .send-wrap.waiting button, form .send-wrap.waiting .response {
			opacity: 0;
			pointer-events: none;
			transition: all 0.5s; }
		form .send-wrap.waiting .loading {
			opacity: 1;
			transition: all 0.5s;
			pointer-events: auto;
			z-index: 0; }
		form .send-wrap.waiting.success .button-wrap {
			opacity: 0;
			pointer-events: none;
			transition: all 0.5s;
			z-index: -1; }
		form .send-wrap.waiting.success .response {
			opacity: 1;
			transition: all 0.5s;
			pointer-events: auto;
			z-index: auto; }
		form .send-wrap.error .response {
			opacity: 1;
			transition: all 0.5s;
			pointer-events: auto;
			z-index: auto; }
		form .send-wrap .button-wrap button {
			border-radius: 0.7em; }
	form .response {
		text-align: center;
		font-weight: bold; }
		@media (orientation: landscape) {
			form .response {
				font-size: 1.2vw; } }
		@media (orientation: portrait) {
			form .response {
				font-size: 1.2vw; } }

/*# sourceMappingURL=style.css.map */