.cookies__hero {
	display: grid;
	isolation: isolate;
}

.cookies__hero > * {
	grid-column: 1/-1;
	grid-row: 1/-1;
}

.cookies__hero img {
	width: 100%;
	height: 100%;
	max-height: 12.5rem;
	object-position: center;
	object-fit: cover;
	filter: brightness(80%);
	z-index: -1;
}

.cookies__hero .hero__content {
	display: grid;
	place-items: center;
	height: fit-content;
	align-self: center;
	padding: 2rem;
	text-align: center;
	color: var(--clr-jv-white);
}

.hero__content h1 {
	font-size: var(--fs-jv-title-lg);
	letter-spacing: (--ls-jv-title-lg);
	line-height: var(--lh-jv-title-lg);
}

.cookies__content {
	padding: 5rem 2rem;
	max-width: 70rem;
	margin-inline: auto;
}

.cookies__content > * + * {
	margin-top: 1em;
}

.cookies__content h2,
.cookies__content h3 {
	color: var(--clr-jv-teal_dark);
}

.cookies__content h2 {
	font-size: var(--fs-jv-title-md);
	letter-spacing: var(--ls-jv-title-md);
	line-height: var(--lh-jv-title-md);
}

.cookies__content h3 {
	font-size: var(--fs-jv-title-sm);
	letter-spacing: var(--ls-jv-title-sm);
	line-height: var(--lh-jv-title-sm);
}

.cookies__content ul, .cookies__content ol {
  list-style-position: inside;
  font-size: var(--fs-jv-paragraph);
  letter-spacing: var(--ls-jv-paragraph);
  line-height: var(--lh-jv-paragraph);
}

.cookies__content ul {
  list-style-type: circle;
}

.cookies__content ol {
  list-style-type: decimal;
}

.cookies__content li {
  margin-top: .5em;
}