:root {
	--color-text: #1a1a1a;
	--color-background: #ffffff;
	--color-accent: #2563eb;
	--content-width: 1200px;
}

* {
	box-sizing: border-box;
}

body {
	margin: 0;
	color: var(--color-text);
	background: var(--color-background);
	font-family: system-ui, -apple-system, sans-serif;
	line-height: 1.5;
}

.site-header,
.site-footer,
.site-main {
	max-width: var(--content-width);
	margin-inline: auto;
	padding-inline: 1.5rem;
}

.site-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-block: 1.5rem;
}

.site-title a {
	color: inherit;
	text-decoration: none;
	font-weight: 700;
}

.block-hero {
	position: relative;
	padding-block: 4rem;
	overflow: hidden;
}

.block-hero__background {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: -1;
}

.block-hero__content {
	max-width: var(--content-width);
	margin-inline: auto;
	padding-inline: 1.5rem;
}