:root {
	--ysl-ink: #080405;
	--ysl-muted: #6f7176;
	--ysl-line: #ebe7e3;
	--ysl-paper: #f8f6f3;
	--ysl-white: #ffffff;
	--ysl-orange: #ef6c13;
	--ysl-orange-dark: #c95108;
	--ysl-wood: #d8b083;
	--ysl-container: 1320px;
	--ysl-radius: 3px;
	--ysl-shadow: 0 18px 45px rgba(8, 4, 5, 0.13);
}

* {
	box-sizing: border-box;
}

body {
	margin: 0;
	color: var(--ysl-ink);
	font-family: Inter, Roboto, Arial, sans-serif;
	background: var(--ysl-white);
}

a {
	color: inherit;
	text-decoration: none;
}

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

.ysl-container {
	width: min(var(--ysl-container), calc(100% - 40px));
	margin: 0 auto;
}

.ysl-skip-link {
	position: absolute;
	left: 12px;
	top: 12px;
	z-index: 1000;
	padding: 10px 14px;
	background: var(--ysl-orange);
	color: #fff;
	font-weight: 800;
	transform: translateY(-160%);
}

.ysl-skip-link:focus {
	transform: translateY(0);
}

.ysl-theme-scaffold {
	width: min(var(--ysl-container), calc(100% - 40px));
	margin: 0 auto;
	padding: 96px 0;
}