@font-face {
  font-family: 'Arnhem';
  src: url('fonts/ArnhemPro-Blond.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Arnhem';
  src: url('fonts/ArnhemPro-BlondItalic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Arnhem';
  src: url('fonts/ArnhemPro-SemiBold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

:root {
	--vert:#163918;
	--vert2:#102A12;
	--sauge:#94A48D;
	--lilas:#A996B6;
	--violet:#6A2984;
	--prune:#491236;
	--creme:#F2ECE1
}

*{
	box-sizing:border-box;
}

html,
body{
	margin:0
	;height:100%
}

body{
	background:var(--vert);
	color:var(--creme);
	font-family: 'Arnhem', Georgia, serif;
	display:flex;
	flex-direction:column;
	min-height:100vh;
	text-align:center
}

main{
	flex:1;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	padding:48px 20px;
}

.logo{
	width:min(220px,55vw);
	height:auto;
	display:block;
	margin:0 auto 36px;
}

.kicker{
	margin:0 0 18px;
	font-size:13px;
	letter-spacing:4px;
	text-transform:uppercase;
	color:var(--lilas);
}

h1{
	margin:0;
	font-weight:600;
	font-size:clamp(30px,5vw,52px);
	line-height:1.1;
}

.rule{
	width:64px;
	height:1px;
	background:var(--sauge);
	margin:28px auto;
}

.lead{
	margin:0 auto;
	max-width:520px;
	font-size:18px;
	line-height:1.7;
	color:#D9DED3;
}

.en{
	margin:10px auto 0;
	max-width:520px;
	font-size:15px;
	line-height:1.6;
	color:var(--sauge);
	font-style:italic;
}

.contact{
	margin-top:36px;
	display:flex;
	flex-wrap:wrap;
	gap:12px;
	justify-content:center;
}

.contact a {
	display:inline-flex;
	align-items:center;
	min-height:48px;
	padding:0 24px;
	border:1px solid var(--lilas);
	color:var(--creme);
	text-decoration:none;
	font-size:13px;
	letter-spacing:2px;
	text-transform:uppercase;
}

.contact a.main{
	background:var(--violet);
	border-color:var(--violet);
}

.contact a:hover{
	background:var(--prune);
	border-color:var(--prune);
}

footer{
	padding:22px 20px;
	background:var(--vert2);
	font-size:13px;
	line-height:1.7;
	color:#AEB8A6;
}

footer strong{
	color:var(--creme);
	font-weight:600;
}