/* V2 opening: near-white editorial field, one dominant photograph. */
.cda-hero {
	--hero-paper: #fcfbf8;
	background: var(--hero-paper);
	color: #161817;
	position: relative;
	isolation: isolate;
	overflow: hidden;
	padding: 0;
	margin-block-start: 0;
}
.cda-hero__stage {
	display: grid;
	grid-template-columns: 1fr;
	min-height: 36rem;
	position: static;
}
.cda-hero__copy {
	align-self: center;
	width: 46%;
	min-width: 0;
	padding-block: 3.5rem 5rem;
	position: relative;
	z-index: 2;
}
.cda-hero__folio {
	font-size: .75rem;
	font-weight: 600;
	letter-spacing: .08em;
	text-transform: uppercase;
	margin: 0;
}
.cda-hero h1.wp-block-heading {
	font-family: var(--font-body);
	font-size: clamp(4.25rem, 6.7vw, 6.25rem);
	font-weight: 850;
	letter-spacing: -.065em;
	line-height: .94;
	margin-block: 1.5rem;
	max-width: none;
}
.cda-hero__copy > .cda-lead {
	font-size: 1.0625rem;
	line-height: 1.6;
	max-width: 22rem;
	margin-block: 1.75rem 0;
}
.cda-hero__actions {
	align-items: center;
	gap: .75rem 1.5rem;
	margin-top: 2rem;
}
.cda-hero__actions .wp-block-button__link {
	background: #161817;
	border: 1px solid #161817;
	border-radius: 0;
	color: #fff;
	font-size: .8125rem;
	font-weight: 600;
	padding: .85rem 1.25rem;
}
.cda-hero__actions .is-style-outline .wp-block-button__link {
	background: transparent;
	border: 0;
	color: #161817;
	padding-inline: 0;
	text-decoration: underline;
	text-underline-offset: .3em;
}
.cda-hero__actions .wp-block-button__link:hover { background: #343a34; color: #fff; }
.cda-hero__actions .is-style-outline .wp-block-button__link:hover { background: transparent; color: #8d3528; }
.cda-hero-visual {
	position: absolute;
	inset: 0 max(2rem, calc((100vw - 80rem) / 2)) 0 33%;
	margin: 0;
	min-width: 0;
	z-index: 1;
}
.cda-hero-visual__image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 72% 67%;
	clip-path: polygon(31% 0, 100% 0, 100% 100%, 0 100%, 3% 89%, 5% 82%, 7% 79%, 10% 66%, 12% 63%, 15% 51%, 17% 47%, 20% 35%, 23% 28%, 25% 17%);
}
.cda-hero-visual::before {
	background: linear-gradient(90deg, var(--hero-paper) 0, rgba(252, 251, 248, .72) 15%, rgba(252, 251, 248, .18) 29%, transparent 38%);
	clip-path: polygon(31% 0, 100% 0, 100% 100%, 0 100%, 3% 89%, 5% 82%, 7% 79%, 10% 66%, 12% 63%, 15% 51%, 17% 47%, 20% 35%, 23% 28%, 25% 17%);
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
	z-index: 1;
}
.cda-hero-visual__divider {
	position: absolute;
	inset: 0 auto 0 0;
	width: 34%;
	height: 100%;
	max-width: none;
	pointer-events: none;
	mix-blend-mode: multiply;
	opacity: .2;
	transform: translateX(-2%);
	z-index: 2;
}
.cda-hero-visual__caption {
	position: absolute;
	right: max(2rem, calc((100vw - 80rem) / 2));
	bottom: 2rem;
	background: #fcfbf8;
	color: #161817;
	border-left: 2px solid #8d3528;
	padding: .75rem 1rem;
	display: grid;
	gap: .15rem;
	font-size: .8125rem;
	line-height: 1.4;
	z-index: 3;
}
.cda-hero-visual__caption > span:first-child { font-size: .625rem; text-transform: uppercase; letter-spacing: .09em; }
.cda-hero-visual__caption a { color: inherit; font-weight: 650; text-decoration: none; min-height: 1.5rem; }
.cda-hero-visual__caption a:hover { text-decoration: underline; }
.cda-hero:has(.cda-hero-visual--empty) .cda-hero__copy { width: min(100%, 45rem); }
.cda-hero-visual--empty { display: none; }
@media (max-width: 959px) {
	.cda-hero__stage { width: 100%; min-height: 0; }
	.cda-hero__copy { width: auto; padding: 2.5rem 2rem 1.5rem; }
	.cda-hero h1.wp-block-heading { font-size: clamp(4rem, 9vw, 5.5rem); }
	.cda-hero__copy > .cda-lead { max-width: 30rem; margin-top: 1.25rem; }
	.cda-hero__actions { margin-top: 1.5rem; }
	.cda-hero-visual { position: relative; inset: auto; height: 23rem; margin: 0; }
	.cda-hero-visual__image { object-position: 65% 65%; clip-path: polygon(0 9%, 18% 8%, 35% 6%, 48% 5%, 65% 2%, 82% 1%, 100% 0, 100% 100%, 0 100%); }
	.cda-hero-visual::before { display: none; }
	.cda-hero-visual__divider { display: none; }
	.cda-hero-visual__caption { right: 2rem; bottom: 1.25rem; }
	.cda-hero:has(.cda-hero-visual--empty) .cda-hero__copy { width: auto; padding-bottom: 3rem; }
}
@media (max-width: 599px) {
	.cda-hero__copy { padding: 2rem 1.25rem 1rem; }
	.cda-hero__folio { font-size: .6875rem; }
	.cda-hero h1.wp-block-heading { font-size: clamp(3.5rem, 14.5vw, 4.75rem); margin-block: 1.25rem; }
	.cda-hero__copy > .cda-lead { font-size: .9375rem; max-width: 21rem; }
	.cda-hero__actions { gap: .5rem 1.25rem; }
	.cda-hero__actions .wp-block-button__link { font-size: .75rem; padding: .8rem 1rem; }
	.cda-hero-visual { height: 17.5rem; }
	.cda-hero-visual__image { object-position: 73% 70%; }
	.cda-hero-visual__caption { right: 1.25rem; bottom: 1rem; padding: .5rem .75rem; }
}