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

:root {
	--light: #ededec;
	--dark:  #120d0b;
	--gray:  #8d866e;
	--link:  #ffd700;
	--focus: #ffdd00;
	--ratio: 1.4;
	--unit:  calc(1rem * var(--ratio));
	font-family: "Inter", system-ui, sans-serif;
	font-size: 100%;
	line-height: var(--ratio);
	color: var(--light);
	background-color: var(--dark);
}

body {
	inline-size: 100%;
	margin-inline: auto;
	padding: calc(var(--unit) * 2);
	font-size: 1rem;
	font-weight: 600;

	@media screen and (min-width: 600px) {
		max-inline-size: 600px;
	}
}

main {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	box-sizing: content-box;
	max-inline-size: 45ch; 

	* + * {
		margin-block-start: calc(var(--unit) / 4);
	}
}


a {
	--color: inherit;
	--offset: 0.3ex;
	--thickness: 1px;
	color: inherit;
	text-decoration-color: var(--link);
	text-decoration-thickness: var(--thickness);
	text-underline-offset: var(--offset);

	&:focus {
		outline: var(--thickness) dashed rgba(0,0,0,0);
		background-color: var(--focus);
		color: var(--dark);
		text-decoration-color: var(--focus);
		text-decoration-style: dotted;
	}
	
	@media (hover: hover) {
		&:hover {
			color: var(--gray);
			text-decoration-color: currentColor;
			text-decoration-thickness: calc(var(--thickness) * 3);
		}

		&:focus:hover {
			text-decoration-style: solid;
		}
	}
}

header {
	margin: 0 0 calc(var(--unit) * 2);
	line-height: 1;

	a {
		display: inline-block;

		&::before {
			content: "";
			display: inline-block;
			aspect-ratio: 2.0542113;
			block-size: clamp(var(--unit), 1rem + 3vw, calc(var(--unit) * 1.5));
			background-color: currentColor;
			mask-size: contain;
			mask-repeat: no-repeat;
			mask-position: left center;
			mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 471.45 229.5"><path d="M83.64,160.11v-11.84l47.35-66.45h-47.48v-16.55h72.56v11.9l-47.35,66.39h47.48v16.55h-72.56ZM232.27,141.65c2.23-3.44,3.98-7.48,5.25-12.13,1.27-4.65,1.91-9.85,1.91-15.63h-16.36c0,4.71-.81,9.02-2.42,12.92-.49,1.19-1.05,2.32-1.64,3.41l-15.63-17.91,5.56-4.02c3.99-2.89,7.09-6.14,9.29-9.77s3.31-7.65,3.31-12.06c0-4.07-1-7.81-2.99-11.2-1.99-3.39-4.83-6.11-8.5-8.15-3.67-2.04-8.05-3.06-13.14-3.06s-9.71,1.07-13.59,3.21c-3.88,2.14-6.9,5.05-9.04,8.72-2.14,3.67-3.21,7.82-3.21,12.44,0,4.07.82,7.84,2.45,11.3s3.68,6.71,6.14,9.77c.17.21.34.41.51.62-3.34,2.38-6.32,4.74-8.91,7.08-2.67,2.42-4.76,5.04-6.27,7.86-1.51,2.82-2.26,6.1-2.26,9.83,0,4.96,1.28,9.46,3.85,13.49,2.57,4.03,6.23,7.22,10.98,9.58,4.75,2.35,10.4,3.53,16.93,3.53,4.24,0,8.54-.64,12.89-1.91,4.19-1.23,7.97-3.2,11.36-5.89l5.73,6.4h20.62l-14.29-16.38c.5-.67,1-1.35,1.47-2.08ZM189.08,84.33c.76-1.34,1.82-2.41,3.18-3.21s2.95-1.21,4.77-1.21c2.76,0,4.9.81,6.43,2.42s2.29,3.35,2.29,5.22c0,1.99-.56,3.81-1.69,5.44-1.12,1.63-2.85,3.24-5.19,4.81l-4.95,3.25c-1.77-2.18-3.22-4.27-4.31-6.27-1.12-2.06-1.69-4.08-1.69-6.08,0-1.57.38-3.02,1.15-4.36ZM205.37,143.43c-3.27,1.53-6.56,2.29-9.87,2.29-2.76,0-5.16-.52-7.19-1.56-2.04-1.04-3.62-2.46-4.74-4.26-1.12-1.8-1.69-3.83-1.69-6.08,0-1.78.64-3.68,1.91-5.7,1.27-2.02,3.2-3.96,5.79-5.82l.6-.43,17.96,20.04c-.9.56-1.83,1.08-2.78,1.52ZM291.22,161.38c-8.4,0-15.93-1.91-22.6-5.73-6.66-3.82-11.92-9.36-15.78-16.61-3.86-7.26-5.79-16.02-5.79-26.29s1.94-19.17,5.82-26.45c3.88-7.28,9.17-12.81,15.85-16.61,6.68-3.8,14.18-5.7,22.5-5.7,5.52,0,10.63.77,15.34,2.32,4.71,1.55,8.88,3.8,12.51,6.75,3.63,2.95,6.59,6.56,8.88,10.82s3.76,9.13,4.39,14.61h-20.24c-.38-2.59-1.14-4.92-2.26-7-1.12-2.08-2.59-3.84-4.39-5.28-1.8-1.44-3.86-2.56-6.17-3.34-2.31-.78-4.85-1.18-7.61-1.18-4.84,0-9.09,1.22-12.76,3.66-3.67,2.44-6.51,5.96-8.53,10.57-2.02,4.6-3.02,10.22-3.02,16.84s1.02,12.42,3.06,17.03c2.04,4.6,4.88,8.07,8.53,10.41,3.65,2.33,7.87,3.5,12.67,3.5,2.67,0,5.16-.36,7.45-1.08,2.29-.72,4.33-1.76,6.11-3.12,1.78-1.36,3.28-3.02,4.49-5,1.21-1.97,2.03-4.23,2.45-6.78h20.24c-.51,4.37-1.79,8.57-3.85,12.6s-4.85,7.63-8.37,10.79c-3.52,3.16-7.7,5.66-12.54,7.51-4.84,1.85-10.29,2.77-16.36,2.77ZM372.91,161.51c-7.17,0-13.38-1.54-18.62-4.61-5.24-3.08-9.27-7.36-12.09-12.86-2.82-5.49-4.23-11.89-4.23-19.19s1.41-13.82,4.23-19.32c2.82-5.49,6.85-9.78,12.09-12.86,5.24-3.08,11.45-4.61,18.62-4.61s13.44,1.54,18.68,4.61c5.24,3.08,9.27,7.36,12.09,12.86,2.82,5.49,4.23,11.93,4.23,19.32s-1.41,13.7-4.23,19.19c-2.82,5.49-6.85,9.78-12.09,12.86-5.24,3.08-11.47,4.61-18.68,4.61ZM373.04,146.11c3.27,0,6-.92,8.21-2.77,2.21-1.85,3.87-4.38,5-7.61,1.12-3.22,1.69-6.9,1.69-11.01s-.56-7.83-1.69-11.01c-1.12-3.18-2.79-5.69-5-7.51-2.21-1.82-4.94-2.74-8.21-2.74s-6.08.91-8.31,2.74c-2.23,1.82-3.9,4.33-5.03,7.51-1.12,3.18-1.69,6.85-1.69,11.01s.56,7.79,1.69,11.01c1.12,3.22,2.8,5.76,5.03,7.61,2.23,1.85,5,2.77,8.31,2.77ZM235.72,20.28c118.99,0,215.45,42.3,215.45,94.48s-96.46,94.48-215.45,94.48S20.28,166.93,20.28,114.75,116.74,20.28,235.72,20.28M235.72,0c-60.29,0-117.29,10.43-160.49,29.38C26.72,50.65,0,80.97,0,114.75s26.72,64.1,75.24,85.37c43.2,18.94,100.2,29.38,160.49,29.38s117.29-10.43,160.49-29.38c48.52-21.28,75.24-51.6,75.24-85.37s-26.72-64.1-75.24-85.37C353.01,10.43,296.01,0,235.72,0h0Z"/></svg>');}
		}
	}

	span {
		position: absolute;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		block-size: 1px;
		inline-size: 1px;
		margin: -1px;
		padding: 0;
		border: 0;
		white-space: nowrap;
	}
}