@font-face {
	font-family: "CaslonLight";
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	src: local("CaslonLight"), local("CaslonLight"), url("../fonts/CaslonDoric-Light-Web.woff2") format("woff2"), url("../fonts/CaslonDoric-Light-Web.woff") format("woff");
}
@font-face {
	font-family: "CaslonLightItalic";
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	src: local("CaslonLightItalic"), local("CaslonLightItalic"), url("../fonts/CaslonDoric-LightItalic-Web.woff2") format("woff2"), url("../fonts/CaslonDoric-LightItalic-Web.woff") format("woff");
}
@font-face {
	font-family: "CaslonMedium";
	font-weight: 500;
	font-style: normal;
	font-display: swap;
	src: local("CaslonMedium"), local("CaslonMedium"), url("../fonts/CaslonDoric-Medium-Web.woff2") format("woff2"), url("../fonts/CaslonDoric-Medium-Web.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 80%/1.4 "CaslonLight", sans-serf;
}

body {
	font-size: 1.25rem;
}

a:hover {
	font-family: "CaslonLightItalic", sans-serf;
}

.text\:sm {
	font-family: "CaslonMedium", sans-serf;
	font-size: 0.625rem;
	letter-spacing: 0.0625rem;
	margin-bottom: 0.1875rem;
}

.content__form form label {
	position: absolute;
	overflow: hidden;
	width: 1px;
	height: 1px;
	padding: 0;
	border: 0;
	margin: 0;
	clip: rect(1px, 1px, 1px, 1px);
}

body {
	background: #E8E5E0;
	height: 100vh;
	width: 100vw;
}

.content {
	max-width: 22rem;
	width: 100%;
}
.content > *:not(:last-child) {
	margin-bottom: 2rem;
}
.content + figure {
	position: relative;
	margin: 7.6875rem 0 0 auto;
}
.content__form {
	max-width: 31.25rem;
	width: calc(100vw - 2.625rem);
}
.content__form form {
	display: flex;
	flex-direction: column;
	margin-top: 0.375rem;
}
.content__form form * {
	background: transparent;
	border: 0;
	font-family: inherit;
	text-align: left;
	font-size: 1rem;
	border-radius: unset;
	padding: 0 0 0.125rem 0;
}
.content__form form *:not(:last-child) {
	margin: 0 0 0.375rem 0;
}
.content__form form *:focus {
	outline: none;
}
.content__form form input {
	border-bottom: 0.0625rem solid #323232;
	color: inherit;
}
.content__form form input[type=text],
.content__form form input[type=email] {
	width: 100%;
}
.content__form form input[type=text]::placeholder,
.content__form form input[type=email]::placeholder {
	color: inherit;
}
.content__form form input[type=submit] {
	color: inherit;
	border: unset;
	font-family: "CaslonMedium", sans-serf;
	cursor: pointer;
}
.content__form form input[type=submit]:hover {
	color: #77534D;
}
.content__form form #mce-responses {
	margin: 0;
	padding: 0;
}

.uppercase {
	text-transform: uppercase;
}

.wrap {
	padding: 1.8125rem 1.3125rem;
	height: auto;
	min-height: 100%;
}

.has-js :focus {
	outline: none;
}
.has-tab-focus :focus {
	outline: 2px auto;
}
@media screen and (min-width: 390px) {
	html {
		font: normal 400 90%/1.4 "CaslonLight", sans-serf;
	}
}
@media screen and (min-width: 414px) {
	html {
		font: normal 400 100%/1.4 "CaslonLight", sans-serf;
	}
}
@media screen and (min-width: 960px) {
	html {
		font: normal 400 100%/1.357 "CaslonLight", sans-serf;
	}
	body {
		font-size: clamp(0.875rem, 1.458333vw, 2.3275rem);
	}
	.text\:sm {
		font-size: clamp(0.4375rem, 0.729vw, 1.16375rem);
		letter-spacing: clamp(0.03125rem, 0.05vw, 0.083125rem);
		margin-bottom: clamp(0.15625rem, 0.26vw, 0.4125rem);
	}
	body {
		height: 100dvh;
		overflow: hidden;
	}
	.content {
		max-width: unset;
		width: 31.25vw;
	}
	.content > *:not(:last-child) {
		margin-bottom: clamp(1.53125rem, 2.55vw, 4.0625rem);
	}
	.content + figure {
		padding: 0;
		margin: auto;
		position: absolute;
		top: auto;
		left: auto;
		right: 3rem;
		bottom: 3.125rem;
		width: clamp(10.375rem, 13.02vw, 20.75rem);
	}
	.content__form {
		max-width: unset;
		width: 23.32vw;
	}
	.content__form form {
		margin-top: clamp(0.5rem, 0.833vw, 1.3125rem);
		margin-bottom: unset;
	}
	.content__form form * {
		font-size: clamp(0.65625rem, 1.09375vw, 1.745625rem);
		padding: 0 0 0.25rem 0.125rem;
	}
	.content__form form *:not(:last-child) {
		margin: 0 0 0.75rem 0;
	}
	.wrap {
		padding: 3rem 3rem 3rem 2.5rem;
	}
}
@media screen and (max-width: 960px) {
	.content__artists a, .content__contacts a {
		font-size: 1.3125rem;
	}
	.wrap {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
}
@media screen and (max-width: 959px) {
	.content + figure {
		background: #E8E5E0;
		position: fixed;
		top: auto;
		left: 0;
		bottom: 0;
		right: 0;
		width: 100%;
		padding: 1.75rem 1.3125rem;
	}
	.content + figure img {
		display: block;
		margin: 0 0 0 auto;
		width: clamp(10.375rem, 13.02vw, 20.75rem);
	}
}
/*# sourceMappingURL=main.css.map */