@font-face {
	font-family: "RonzinoRegular";
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	src: local("RonzinoRegular"), local("RonzinoRegular"), url("../fonts/Ronzino-Regular.woff2") format("woff2");
}
@font-face {
	font-family: "RonzinoOblique";
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	src: local("RonzinoOblique"), local("RonzinoOblique"), url("../fonts/Ronzino-Oblique.woff2") format("woff2");
}
@font-face {
	font-family: "CoconatRegular";
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	src: local("CoconatRegular"), local("CoconatRegular"), url("../fonts/Coconat-Regular.woff2") format("woff2"), url("../fonts/Coconat-Regular.woff") format("woff");
}
@font-face {
	font-family: "TestSignifierLight";
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	src: local("TestSignifierLight"), local("TestSignifierLight"), url("../fonts/test-signifier-light.woff") format("woff");
}
@font-face {
	font-family: "TestSignifierLightItalic";
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	src: local("TestSignifierLightItalic"), local("TestSignifierLightItalic"), url("../fonts/test-signifier-light-italic.woff") format("woff");
}
*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%;
	        text-size-adjust: 100%;
}

body {
	margin: 0;
	color: #323232;
	background: #fff;
}

article,
aside,
figure,
footer,
header,
main,
nav {
	display: block;
}

ul {
	list-style: none;
}

p,
blockquote,
embed,
fieldset,
figure,
iframe,
img,
legend,
object,
ul,
ol,
dl,
dd {
	padding: 0;
	border: 0;
	margin: 0;
}

a {
	color: inherit;
	text-decoration: none;
}
a:hover {
	color: #77534D;
}

html {
	font: normal 400 100%/1.2 "CaslonLight", sans-serf;
}

a {
	transition: 250ms ease;
}

a:hover {
	color: #000000;
	opacity: 0.25;
}

.font\:ronzino {
	font-family: "RonzinoRegular", sans-serif;
}
.font\:coconat {
	font-family: "CoconatRegular", sans-serif;
}
.font\:signifier {
	font-family: "TestSignifierLight", sans-serif;
}
.font\:signifier-it {
	font-family: "TestSignifierLightItalic", sans-serif;
}

html, body, section {
	overflow: hidden;
	height: 100dvh;
	width: 100vw;
}

body {
	background: #000000;
}
body * {
	color: #000000;
	text-align: center;
}

section {
	background: #644E1C;
}

.landing__group {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -25%);
	margin: 0 auto;
	width: 86.44%;
}
.landing *::selection {
	background: #000000;
	color: #644E1C;
}
.landing a {
	text-decoration: underline;
	text-decoration-thickness: 0.0625rem;
	text-underline-offset: 0.125rem;
}
.landing figure {
	margin: 0 0 1.5625rem 0;
}
.landing__tag {
	font-size: 1rem;
	line-height: 1rem;
	letter-spacing: 0.0625rem;
}
.landing__statement {
	font-size: 1.25rem;
	line-height: 1.2;
	letter-spacing: 0.16rem;
	margin: 6.25rem 0 0 0;
}
.landing__cta {
	font-size: 1rem;
	line-height: 1.5;
	letter-spacing: 0.03125rem;
	margin: 0.6875rem 0 0 0;
}
.landing, .landing__logo, .landing__tag, .landing__statement, .landing__cta {
	opacity: 0;
	transition: opacity 1250ms ease;
}

.step-1 .landing {
	opacity: 1;
}

.step-2 .landing__logo {
	opacity: 1;
}

.step-3 .landing__tag {
	opacity: 1;
}

.step-4 .landing__statement,
.step-4 .landing__cta {
	opacity: 1;
}

.uppercase {
	text-transform: uppercase;
}

.has-js :focus {
	outline: none;
}
.has-tab-focus :focus {
	outline: 2px auto;
}
@media screen and (min-width: 860px) {
	.landing__group {
		width: 46.52%;
	}
	.landing figure {
		margin: 0 0 3.125rem 0;
	}
	.landing__statement {
		margin: 5.625rem 0 0 0;
		font-size: 1.75rem;
		line-height: 1.28;
		letter-spacing: 0.28125rem;
	}
}
/*# sourceMappingURL=main.css.map */