.ld-wp-hero {
	padding: clamp(72px, 8vw, 118px) 0 clamp(84px, 9vw, 132px);
	background: var(--ld-cream);
}

.ld-wp-hero__inner {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(390px, .72fr);
	gap: clamp(55px, 8vw, 120px);
	align-items: center;
}

.ld-wp-hero h1 {
	max-width: 790px;
	margin: 0;
	font-size: clamp(60px, 6.3vw, 96px);
	font-weight: 600;
	letter-spacing: -.05em;
	line-height: .9;
}

.ld-wp-hero h1 em {
	display: block;
	margin-top: 8px;
	color: var(--ld-gold-dark);
	font-weight: 500;
}

.ld-wp-hero__lead {
	max-width: 650px;
	margin: 32px 0 0;
	color: var(--ld-gray);
	font: 400 17px/1.8 Inter, sans-serif;
}

.ld-wp-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
	align-items: center;
	margin-top: 34px;
}

.ld-wp-hero__ticket {
	position: relative;
	padding: 46px 42px;
	background: var(--ld-ink);
	box-shadow: 0 30px 65px rgba(23, 23, 23, .16);
	transform: rotate(1.5deg);
}

.ld-wp-hero__ticket:before {
	content: "START HERE";
	position: absolute;
	top: -12px;
	right: 24px;
	padding: 8px 11px;
	background: var(--ld-gold);
	color: var(--ld-ink);
	font: 700 8px/1 Inter, sans-serif;
	letter-spacing: .13em;
}

.ld-wp-hero__ticket-label {
	display: block;
	margin: 0;
	color: rgba(241, 238, 234, .55);
	font: 700 9px/1.3 Inter, sans-serif;
	letter-spacing: .14em;
	text-transform: uppercase;
}

/*
 * Price
 *
 * The top margin is reduced so the number sits higher.
 * The bottom margin is increased by the same amount so
 * everything below the price stays in its original position.
 */
.ld-wp-hero__ticket strong {
	display: block;
	margin: 4px 0 30px;
	color: var(--ld-cream);
	font: 600 clamp(70px, 8vw, 110px)/.8 "Cormorant Garamond", Georgia, serif;
}

.ld-wp-hero__ticket strong sup {
	position: relative;
	top: .18em;
	margin-right: 2px;
	color: var(--ld-gold);
	font-size: .32em;
	vertical-align: top;
}

.ld-wp-hero__ticket p {
	margin: 0;
	color: rgba(241, 238, 234, .78);
	font: 400 13px/1.75 Inter, sans-serif;
}

.ld-wp-hero__ticket-note {
	display: block;
	margin-top: 24px;
	padding-top: 18px;
	border-top: 1px solid rgba(241, 238, 234, .14);
	color: rgba(241, 238, 234, .45);
	font: 600 9px/1.5 Inter, sans-serif;
	text-transform: uppercase;
}

@media (max-width: 980px) {
	.ld-wp-hero__inner {
		grid-template-columns: 1fr;
	}

	.ld-wp-hero__ticket {
		width: min(100%, 620px);
	}
}

@media (max-width: 640px) {
	.ld-wp-hero {
		padding: 58px 0 72px;
	}

	.ld-wp-hero h1 {
		font-size: clamp(50px, 14vw, 68px);
	}

	.ld-wp-hero__lead {
		font-size: 15px;
	}

	.ld-wp-hero__ticket {
		padding: 38px 28px;
	}

	.ld-wp-hero__ticket strong {
		margin: 2px 0 28px;
	}

	.ld-wp-hero__ticket strong sup {
		top: .16em;
	}
}