@media (min-width: 0px) {
	:root {
		--pad: 16px;
		--text: 14px;
		--excerpt: 14px;
		--h1: 63px;
		--h2: 42px;
		--h3: 21px;
	}

}
@media (min-width: 640px) {
	:root {
		--pad: 24px;
		--text: 16px;
		--excerpt: 15px;
		--h1: 72px;
		--h2: 48px;
		--h3: 24px;
	}
}
@media (min-width: 960px) {
	:root {
		--pad: 32px;
		--text: 18px;
		--excerpt: 16px;
		--h1: 81px;
		--h2: 54px;
		--h3: 27px;
	}
}
@media (min-width: 1280px) {
	:root {
		--pad: 40px;
		--text: 20px;
		--excerpt: 17px;
		--h1: 90px;
		--h2: 60px;
		--h3: 30px;
	}
}
@media (min-width: 1600px) {
	:root {
		--pad: 48px;
		--text: 22px;
		--excerpt: 18px;
		--h1: 99px;
		--h2: 66px;
		--h3: 33px;
	}
}
@media (min-width: 1920px) {
	:root {
		--pad: 56px;
		--text: 24px;
		--excerpt: 19px;
		--h1: 108px;
		--h2: 72px;
		--h3: 36px;
	}
}
:root {

	--1-1-col: 100%;

	--1-2-col: calc((((100% - (var(--pad) * 1)) / 2) * 1) + (var(--pad) * 0));
	--2-2-col: var(--1-1-col);

	--1-3-col: calc((((100% - (var(--pad) * 2)) / 3) * 1) + (var(--pad) * 0));
	--2-3-col: calc((((100% - (var(--pad) * 2)) / 3) * 2) + (var(--pad) * 1));
	--3-3-col: var(--1-1-col);

	--1-4-col: calc((((100% - (var(--pad) * 3)) / 4) * 1) + (var(--pad) * 0));
	--2-4-col: var(--1-2-col);
	--3-4-col: calc((((100% - (var(--pad) * 3)) / 4) * 3) + (var(--pad) * 2));
	--4-4-col: var(--1-1-col);

	--1-6-col: calc((((100% - (var(--pad) * 5)) / 6) * 1) + (var(--pad) * 0));
	--2-6-col: var(--1-3-col);
	--3-6-col: var(--1-2-col);
	--4-6-col: var(--2-3-col);
	--5-6-col: calc((((100% - (var(--pad) * 5)) / 6) * 5) + (var(--pad) * 4));
	--6-6-col: var(--1-1-col);

}

/* BASE */

*, ::before, ::after {
	margin: 0;
	border: none;
	padding: 0;
	box-sizing: border-box;
}
body {
	font-family: 'usual', sans-serif;
	background: #000;
}

/* MAIN CONTENT */

main#content {
	position: relative;
	z-index: 0;
}

/* FOOTER COLOPHON */

/* BLOCK ASSETS */

.--accent-default::before {
	background-image: url(../img/accent-stroke-fff.png);
}
.--accent-green::before {
	background-image: url(../img/accent-stroke-af0.png);
}
.--accent-pink::before {
	background-image: url(../img/accent-stroke-f0a.png);
}
.--accent-black::before {
	background-image: url(../img/accent-stroke-000.png);
}
.--divider-default::before {
	background-image: url(../img/divider-stroke-fff.png);
}
.--divider-green::before {
	background-image: url(../img/divider-stroke-af0.png);
}
.--divider-pink::before {
	background-image: url(../img/divider-stroke-f0a.png);
}
.--divider-black::before {
	background-image: url(../img/divider-stroke-000.png);
}
.--divider-footer::before {
	background-image: url(../img/divider-stroke-footer.png);
}
.--bg-default {
	background-image: url(../img/bg-000.jpg);
}
.--bg-green {
	background-image: url(../img/bg-af0.jpg);
}
.--bg-pink {
	background-image: url(../img/bg-f0a.jpg);
}
.--bg-white {
	background-image: url(../img/bg-fff.jpg);
}
.--mask-2-1 {
	-webkit-mask-image: url(../img/mask-2-1.png);
	mask-image: url(../img/mask-2-1.png);
}

footer#colophon::before {
	background-image: url(../img/bg-skewed.png), linear-gradient(to right,#F0A,#AF0);
	-webkit-mask-image: url(../img/divider-stroke-mask.png);
	mask-image: url(../img/divider-stroke-mask.png);
}

/* FORMINATOR FORMS */

section .interior:has(form.forminator-custom-form) {
	align-items: center;
}
section .content:has(form.forminator-custom-form) {
	width: 100%;
	max-width: 960px;
}
.forminator-custom-form {
	margin: 0 !important;
}
.forminator-response-message {
	border-radius: calc(var(--text) / 4) !important;
	padding: calc(var(--text) / 4) calc(var(--text) / 2) !important;
	line-height: 1.5 !important;
	font-size: var(--excerpt) !important;
}
.forminator-response-message.forminator-success {
	background: #AF0F !important;
	color: #000F !important;
}
.forminator-label {
	line-height: 1.5 !important;
	font-size: var(--text) !important;
}
.forminator-required {
	color: #F0A !important;
}
.forminator-input {
	appearance: none !important;
	margin-top: calc(var(--text) / 2) !important;
	border: 2px solid #AF00 !important;
	border-radius: calc(var(--text) / 4) !important;
	padding: calc(var(--text) / 2) !important;
	line-height: 1.5 !important;
	font-size: var(--text) !important;
	background: #FFF2 !important;
	color: #FFF !important;
	transition: border 0.5s;
}
.forminator-input:focus-visible {
	border: 2px solid #AF0F !important;
	outline: none !important;
}
.forminator-error-message {
	margin: calc(var(--text) / 2) 0 0 !important;
	border-radius: calc(var(--text) / 4) !important;
	padding: calc(var(--text) / 4) calc(var(--text) / 2) !important;
	line-height: 1.5 !important;
	font-size: var(--excerpt) !important;
	background: #F0A !important;
	color: #FFF !important;
}
.forminator-textarea {
	appearance: none !important;
	margin-top: calc(var(--text) / 2) !important;
	border: 2px solid #AF00 !important;
	border-radius: calc(var(--text) / 4) !important;
	padding: calc(var(--text) / 2) !important;
	line-height: 1.5 !important;
	font-size: var(--text) !important;
	background: #FFF2 !important;
	color: #FFF !important;
	transition: border 0.5s;
}
.forminator-textarea:focus-visible {
	border: 2px solid #AF0F !important;
	outline: none !important;
}
.forminator-row-last {
	margin-bottom: 0 !important;
}
.forminator-button-submit {
	padding: 0 !important;
	background: transparent !important;
	position: relative !important;
}
.forminator-button-submit::before,
.forminator-button-submit::after {
	content: '';
	display: block;
	height: 100%;
	width: var(--text);
	opacity: 0;
	position: absolute;
	z-index: 1;
	top: 0;
}
.forminator-button-submit::before {
	background: #F0A;
	clip-path: polygon(0% 0%, 50% 0%, 50% calc(100% - (var(--text) / 2)), 100% 100%, 50% 100%, 0% calc(100% - (var(--text) / 2)));
	right: 100%;
	transition: opacity 0.5s, right 0.5s !important;
}
.forminator-button-submit::after {
	background: #AF0;
	clip-path: polygon(0% 0%, 50% 0%, 100% calc(var(--text) / 2), 100% 100%, 50% 100%, 50% calc(var(--text) / 2));
	left: 100%;
	transition: opacity 0.5s, left 0.5s !important;
}
.forminator-button-submit span {
	display: block;
	padding: calc(var(--text) / 2) var(--text);
	line-height: 1;
	font-family: 'hyperspace-race-capsule', sans-serif;
	font-size: var(--text);
	text-decoration: none;
	text-transform: uppercase;
	background: #FFFF !important;
	color: #000 !important;
	clip-path: polygon(0% 0%, calc(100% - (var(--text) / 2)) 0%, 100% calc(var(--text) / 2), 100% 100%, calc(var(--text) / 2) 100%, 0% calc(100% - (var(--text) / 2)));
	position: relative;
	z-index: 0;
	transition: background 0.5s, color 0.5s !important;
}
.forminator-button-submit:hover::before {
	opacity: 1;
	right: calc(100% - (var(--text) / 2));
}
.forminator-button-submit:hover::after {
	opacity: 1;
	left: calc(100% - (var(--text) / 2));
}
.forminator-button-submit:hover span {
	background: #FFF2 !important;
	color: #FFF !important;
}
.forminator-edit-module {
	display: none !important;
}