.eb-garamond-logo {
	font-family: "EB Garamond", serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
}

/* https://github.com/impallari/Libre-Baskerville */
@font-face {
	font-family: LibreBaskervilleRegular;
	src: url("/fonts/LibreBaskerville-Regular.ttf") format("truetype");
	font-weight: 400;
	font-style: normal;
}

/* Use ampersand from italic version of Baskerville also for regular version */
@font-face {
	font-family: LibreBaskervilleRegular;
	src: url("/fonts/LibreBaskerville-Italic.ttf") format("truetype");
	unicode-range: U+0026;
	font-weight: 400;
	font-style: normal;
}

:root {
	--color-bg: black;
	--color-fg: white;
	--color-primary: #f3bc34;
	--font-base:
		Inter, Roboto, "Helvetica Neue", "Arial Nova", "Nimbus Sans", Arial,
		sans-serif;

	/* @link https://utopia.fyi/type/calculator?c=360,18,1.2,1240,20,1.25,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */
	--step--2: clamp(0.7813rem, 0.7736rem + 0.0341vw, 0.8rem);
	--step--1: clamp(0.9375rem, 0.9119rem + 0.1136vw, 1rem);
	--step-0: clamp(1.125rem, 1.0739rem + 0.2273vw, 1.25rem);
	--step-1: clamp(1.35rem, 1.2631rem + 0.3864vw, 1.5625rem);
	--step-2: clamp(1.62rem, 1.4837rem + 0.6057vw, 1.9531rem);
	--step-3: clamp(1.944rem, 1.7405rem + 0.9044vw, 2.4414rem);
	--step-4: clamp(2.3328rem, 2.0387rem + 1.3072vw, 3.0518rem);
	--step-5: clamp(2.7994rem, 2.384rem + 1.8461vw, 3.8147rem);
}

body {
	font-size: var(--step-0);
	color: #ede7ff;
}

blockquote {
	/* color: var(--color-primary); */
	font-family: var(--font-head);
	font-size: var(--step-2);
}

a:not(.button).link {
	color: currentColor;
	position: relative;
	padding-bottom: 0.4em;
	text-decoration: none;
	background-position: bottom;
	background-repeat: repeat no-repeat;
}

h1, h2, h3 {
	/* color: var(--color-primary); */
}

.button {
	/* TODO: add arrow */
	--color-fg: var(--color-primary);
	--stroke: 1px solid var(--color-primary);
	/* color: var(--color-primary); */
	background-color: transparent;
	backdrop-filter: blur(4em);
	font-weight: bold;
	padding-right: 0;
}

.center-grid {
  display: grid;
  place-content: center;
}

.fade-in {
	animation: 1.5s fade-in;
}


.link-underline-1 {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1576 141"><path d="M153.58 20.56c54.61 7.77 11.57 2.06 114.89 15.59 13.33 1.74 90.26 10.48 91.36 10.58 134.57 12.96 190.69 18.5 388.54 25.15 129.22 1.29 93.08 1.1 154.55.57 81.39-.71 59.62-.04 125.55-4.57 63.95-4.4 45.79-3.03 63.95-4.82 122.74-12.1 74.45-6.7 196.81-22.16.11-.01 87.68-12.88 144.71-23.82l59.43-11.39c1.85-.35 3.34 1.62 4.26 2.89 5.62 7.81 7.57 23.36 5.18 27.51 24.07-1.73 36.84-3.04 53.78-2.26 2.94.14 5.88.72 8.79 1.14 7.63 2.7 13.25 29.31 8.37 33.57a11.5 11.5 0 0 1-6.34 3.04 61.01 61.01 0 0 1-21.5 10.23c-4.78 1.12-7.26 1.09-26.8 2.32-26.15 1.64-20.08 2.59-70.36 10.41-124.17 19.35-260.96 36.26-386.48 42.12-203.77 9.49-418.63-.99-621.76-19.77C188.84 102.05 36.15 75.18 30.07 74.7a10.51 10.51 0 0 1-4.75-1.64c-1.91-1.23-3.06-3.52-4.14-5.42-5.56-9.8-6.47-22.79-4.73-27.16-2.45-1.29-4.88-2.65-7.33-3.91C4.2 34.06-2.72 12.7 1.11 4.47c.85-1.32 1.61-2.4 2.71-3.52C4.57.19 5.83 0 6.95 0c7.42 0 128.62 17.94 146.63 20.56Z" fill="%23F3BC34"></path></svg>');
}

.link-underline-2 {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1213 73"><path d="M1212.41 5.51c3.05 12.87-22.36 11.93-30.26 15.68-94.32 20.51-269.09 32.42-365.48 37.51-77.91 3.82-155.66 9.93-233.67 11.67-57.49 2.56-115.05-.19-172.57 1.58-121.28.91-243.17 1.88-363.69-13.33-12.51-2.64-25.8-2.92-37.77-7.45-30.66-21.42 26.02-21.53 38.52-19.26 359.95 29.05 364.68 27.36 638.24 17.85 121-3.78 241.22-19.21 426.76-41.46 4.72-.65 9.18 3.56 8.45 8.36a941.74 941.74 0 0 0 54.29-9.21c9.33-2.33 18.7-4.56 27.95-7.19a7.59 7.59 0 0 1 9.23 5.24Z" fill="%23F3BC34"></path></svg>');
}

.link-underline-3 {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1418 125"><path d="M1412.29 72.17c-11.04-5.78-20.07-14.33-85.46-25.24-22.37-3.63-44.69-7.56-67.07-11.04-167.11-22.06-181.65-21.24-304.94-30.56C888.78 1.39 822.57 1.1 756.44 0c-46.63-.11-93.27 1.56-139.89 2.5C365.5 13.55 452.86 7.68 277.94 23.15 202.57 33.32 127.38 45.01 52.07 55.69c-11.23 2.41-22.63 4.17-33.71 7.22C6.1 66.33 5.64 66.19 3.89 67.79c-7.99 5.78-2.98 20.14 8.72 17.5 33.99-9.47 32.28-8.57 178.06-29.66 4.26 4.48 7.29 3.38 18.42 3.11 13.19-.32 26.38-.53 39.56-1.12 53.51-3.81 106.88-9.62 160.36-13.95 18.41-1.3 36.8-3.12 55.21-4.7 23.21-1.16 46.43-2.29 69.65-3.4 120.28-2.16 85.46-3.13 234.65-1.52 23.42.99 1.57-.18 125.72 6.9 96.61 8.88 200.92 27.94 295.42 46.12 40.87 7.91 116.67 23.2 156.31 36.78 3.81 1.05 8.28-.27 10.51-3.58 3.17-3.72 2.66-9.7-.78-13.13-3.25-3.12-8.14-3.44-12.18-5.08-17.89-5.85-44.19-12.09-63.67-16.56l26.16 3.28c23.02 3.13 46.28 3.92 69.34 6.75 10.8.96 25.43 1.81 34.34-4.39 2.26-1.54 4.86-2.75 6.21-5.27 2.76-4.59 1.13-11.06-3.59-13.68ZM925.4 23.77c37.64 1.4 153.99 10.85 196.64 14.94 45.95 5.51 91.89 11.03 137.76 17.19 24.25 4.77 74.13 11.21 101.72 18.14-11.87-1.15-23.77-1.97-35.65-3.06-133.46-15.9-266.8-33.02-400.47-47.21Z" fill="%23F3BC34"></path></svg>');
}
/* &::after { */
/*     content: ''; */
/*     position: absolute; */
/*     bottom: -0.4rem; */
/*     left: -0.25rem; */
/*     right: -0.25rem; */
/*     height: 0.5rem; */
/**/
/* z-index: -1; */
/**/
/*     background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/664131/underline.svg'); */
/*     background-repeat: no-repeat; */
/**/
/*     background-size: cover; */
/* } */

@keyframes fade-in {
	0% {
		/* transform: translateY(100%); */
		opacity: 0;
	}

	100% {
		/* transform: translateY(0%); */
		opacity: 1;
	}
}

h1 {
	backdrop-filter: blur(8em);
}

li, p {
	backdrop-filter: blur(4em);
}

.frame {
	--n: 16;
	--d: 9;
	aspect-ratio: var(--n) / var(--d);
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;

	max-inline-size: var(--measure);
}

.frame > img,
.frame > video {
	inline-size: 100%;
	block-size: 100%;
	object-fit: cover;
}

.border {
	border-radius: 0.5rem;
	border-color: black;
}

.icon {
	/* width: 0.75em; */
	width: 1.5cap;
	/* height: 0.75em; */
	height: 1.5cap;
}

.with-icon {
	display: inline-flex;
	align-items: center;
}