*, *::before, *::after {
	box-sizing: border-box;
}
html, body {
	margin: 0;
	padding: 0;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
	font-size: 16px;
	background-color: #f8f8f9;
	background-image: repeating-linear-gradient(
		45deg,
		transparent,
		transparent 9px,
		rgba(0, 0, 0, 0.04) 9px,
		rgba(0, 0, 0, 0.04) 10px
	);
}
img {
	max-width: 100%;
	height: auto;
}
#container {
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 30px;
	padding-bottom: 60px;
	padding-left: 40px;
	padding-right: 40px;
}
.name {
	font-size: 80px;
	font-weight: 600;
	margin: 0;
	margin-left: -3px;
	line-height: 1.05;
	color: #aaa;
	background-image: repeating-linear-gradient(
		-45deg,
		#aaa,
		#aaa 9px,
		#c4c4c4 9px,
		#c4c4c4 10px
	);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}
.accent-line {
	border: none;
	height: 1px;
	background-color: #c83228;
	margin: 8px 0;
}
.tagline {
	font-size: clamp(14px, 3vw, 20px);
	margin: 0;
	padding-left: 2px;
	padding-bottom: 10px;
}
.pswp-gallery {
	padding: 1px 4px;
}
@media (max-width: 480px) {
	#container {
		padding-left: 16px;
		padding-right: 16px;
	}
}