@font-face {
	font-family: 'Helvetica Neue Heavy';
	src: url('/fonts/Helvetica-Neue-Pro-Heavy.otf') format('opentype');
}

body {
	background-blend-mode: soft-light;
	background-image: url('/images/noise.png');
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Helvetica Neue Heavy';
	text-transform: uppercase;
}

p,
a,
span {
	font-family: var(--font-slab-serif);
	color: var(--stone-1);
}

a:hover,
a:focus {
  color: var(--pink-3);
}

h1 {
	font-size: clamp(2.5rem, calc(3vw + 2rem), 4rem);
}

h2 {
	font-size: clamp(2rem, calc(2vw + 2rem), 3rem);
}

p {
	font-family: var(--font-slab-serif);
	font-weight: 500;
	font-size: clamp(0.9rem, calc(2vw + 1rem), 1.2rem);
	letter-spacing: 0.4px;
}

section {
	width: 80%;
	max-width: 1000px;
	margin: auto;
}

.main-image,
.main-video {
	min-width: 100%;
	max-width: 100%;
	min-height: 175px;
	aspect-ratio: 7/3;
	-o-object-fit: cover;
	object-fit: cover;
	margin: 4rem auto 2rem;
}

@keyframes flicker {
	0%,
	19.999%,
	22%,
	62.999%,
	64%,
	64.999%,
	70%,
	100% {
		opacity: 0.99;
	}
	20%,
	21.999%,
	63%,
	63.999%,
	65%,
	69.999% {
		opacity: 0.4;
	}
}

.border {
	border: 2px solid transparent;
	border-image: var(--gradient-15);
	border-image-slice: 1;
}