:root{
	--sa-deep-earth:#582626;
	--sa-pure-lotus:#FFF8FF;
	--sa-warm-grey:#939393;
	--sa-soft-rose:#C3B9AF;
	--sa-border:#E9DFE6;
	--sa-white:#FFFFFF;
	--sa-max:1200px;
}

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

html{
	scroll-behavior:smooth;
}

body{
	margin:0;
	background:#fff;
	color:var(--sa-deep-earth);
	font-family:"Marcellus", Georgia, serif;
	line-height:1.55;
}

a{
	color:inherit;
}

img{
	display:block;
	max-width:100%;
	height:auto;
}

.sa-shell{
	width:min(calc(100% - 40px), var(--sa-max));
	margin-inline:auto;
}

.sa-site-main{
	min-height:40vh;
}

.sa-content{
	padding-block:48px;
}

.sa-site-header{
	background:#fff;
	border-bottom:1px solid #eee;
}

.sa-site-header__inner{
	min-height:76px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:28px;
}

.sa-site-title{
	text-decoration:none;
	letter-spacing:.03em;
	font-size:1.12rem;
}

.sa-primary-menu{
	display:flex;
	flex-wrap:wrap;
	gap:18px;
	margin:0;
	padding:0;
	list-style:none;
}

.sa-primary-menu a{
	text-decoration:none;
}

@media (max-width:700px){
	.sa-shell{
		width:min(calc(100% - 28px), var(--sa-max));
	}

	.sa-site-header__inner{
		flex-direction:column;
		align-items:flex-start;
		padding-block:18px;
	}
}