.legal-main {
	padding: 10rem 0 6rem
}

.legal-layout {
	display: grid;
	grid-template-columns: minmax(13rem, 4fr) minmax(0, 7fr);
	gap: clamp(3rem, 10vw, 9rem)
}

.legal-intro {
	position: sticky;
	top: 7rem;
	align-self: start
}

.legal-intro h1 {
	margin: 1.25rem 0 1rem;
	color: var(--ink);
	font-size: 3.6rem;
	line-height: .95
}

.legal-intro p:not(.eyebrow) {
	max-width: 18rem;
	color: var(--muted)
}

.legal-content {
	max-width: 48rem
}

.legal-content section {
	margin-top: 3.35rem
}

.legal-content h2 {
	margin: 0 0 1rem;
	font-size: 2rem;
}

.legal-content h3 {
	margin: 1.8rem 0 .5rem;
	font-size: 1.35rem
}

.legal-content p,
.legal-content li {
	color: rgba(37, 45, 53, .8);
	line-height: 1.7
}

.legal-content ul {
	padding-left: 1.2rem
}

.legal-content a {
	color: var(--gold);
	text-decoration: underline;
	text-underline-offset: 3px
}

.legal-notice {
	margin-bottom: 2.5rem;
	padding: 1rem 1.25rem;
	border-left: 3px solid var(--gold);
	background: var(--soft);
	color: var(--ink)
}

.legal-placeholder {
	display: inline-block;
	padding: .1rem .35rem;
	border-radius: .25rem;
	background: #f3dfb9;
	color: #634a24;
	font-weight: 500
}

.legal-address {
	font-style: normal
}


@media (max-width:52rem) {
	.legal-main {
		padding: 8rem 0 4rem
	}

	.legal-layout {
		display: block
	}

	.legal-intro {
		position: static;
		margin-bottom: 3.5rem
	}

	.legal-intro h1 {
		font-size: 2.3rem;
	}
	
	.legal-content h2 {
		font-size: 1.4rem;
	}

	.legal-content section+section {
		margin-top: 2.5rem
	}
}