/* Jurista reference 02: native Cover cards, with the user's practice copy. */
.is-style-home-areas {
	background: var(--oa-color-white);
	color: var(--oa-color-heading);
	padding-block: var(--oa-space-areas) !important;
	padding-inline: 0 !important;
	font-family: "OA Hero DM Sans", sans-serif;
}
.is-style-home-areas .is-style-jurista-areas-inner {
	box-sizing: border-box;
	inline-size: 100%;
	max-inline-size: 1440px;
	margin-inline: auto;
	padding-inline: 40px;
}
.is-style-home-areas .is-style-jurista-areas-header {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	align-items: end;
	min-block-size: 184.8px;
	margin-block: 0 64px;
	margin-inline: 0;
	gap: 0;
}
.is-style-home-areas .is-style-jurista-areas-label {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-block: 0;
	margin-inline: 0;
	font-size: 14px;
	line-height: 1.4;
	color: var(--oa-color-olive);
}
.is-style-home-areas .is-style-jurista-areas-label::before {
	content: "";
	inline-size: 32px;
	block-size: 2px;
	background: currentColor;
	flex: 0 0 32px;
}
.is-style-home-areas .is-style-jurista-areas-header h2 {
	grid-column: 2;
	align-self: start;
	margin-block: 0;
	margin-inline: 0;
	font-family: "OA Hero Fraunces", serif;
	font-size: var(--oa-type-section-title);
	font-weight: 300;
	line-height: 1.1;
	letter-spacing: -0.06em;
	color: var(--oa-color-heading);
}
.is-style-home-areas .is-style-jurista-areas-cards {
	display: grid;
	grid-template-columns: minmax(0, calc(50% - 5px)) minmax(
			0,
			calc(25% - 7.5px)
		) minmax(0, calc(25% - 7.5px));
	gap: 10px;
	margin-block: 0;
	margin-inline: 0;
	transition: none;
}
.is-style-home-areas .is-style-jurista-area-card {
	box-sizing: border-box;
	min-inline-size: 0;
	min-block-size: 546px;
	padding-block: 40px;
	padding-inline: 40px;
	margin-block: 0;
	margin-inline: 0;
	border: 0;
	border-radius: 0;
	background: var(--oa-color-muted-surface);
	color: var(--oa-color-heading);
	isolation: isolate;
}
.is-style-home-areas .is-style-jurista-area-card::before {
	content: "";
	position: absolute;
	inset-block: 0 auto;
	inset-inline: 0;
	block-size: 8px;
	background: var(--oa-color-border);
	z-index: 1;
}
.is-style-home-areas
	.is-style-jurista-area-card
	> :is(.wp-block-cover__image-background, .wp-block-cover__background), .is-style-home-areas
	.is-style-jurista-area-card
	> .oa-client-picture > .wp-block-cover__image-background {
	opacity: 0 !important;
	transition: none;
}
.is-style-home-areas
	.is-style-jurista-area-card
	> .wp-block-cover__image-background, .is-style-home-areas
	.is-style-jurista-area-card
	> .oa-client-picture > .wp-block-cover__image-background {
	object-fit: cover;
	object-position: center;
}
.is-style-home-areas
	.is-style-jurista-area-card
	> .wp-block-cover__inner-container {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 40px;
	align-self: stretch;
	min-inline-size: 0;
	inline-size: 100%;
	z-index: 2;
}
.is-style-home-areas .is-style-jurista-area-number {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	inline-size: 42px;
	min-block-size: 42px;
	border-radius: 2px;
	margin-block: 0;
	margin-inline: 0;
	font-size: 14px;
	line-height: 1.4;
	color: var(--oa-color-white);
	background: var(--oa-color-olive);
}
.is-style-home-areas .is-style-jurista-area-copy {
	margin-block: 0;
	margin-inline: 0;
	color: var(--oa-color-body);
}
.is-style-home-areas .is-style-jurista-area-copy h3 {
	font-family: "OA Hero Fraunces", serif;
	--oa-type-fluid: clamp(1.5rem, 1.1rem + 1.6vw, 2.25rem);
	font-size: var(--oa-type-fluid);
	font-weight: 300;
	line-height: 1.12;
	letter-spacing: -0.04em;
	color: var(--oa-color-heading);
	margin-block: 0 12px;
	margin-inline: 0;
}
.is-style-home-areas .is-style-jurista-area-copy p {
	margin-block: 0;
	margin-inline: 0;
	--oa-type-fluid: clamp(1rem, 0.7845745rem + 0.4255319vw, 1.125rem);
	font-size: var(--oa-type-fluid);
	line-height: 1.3;
	letter-spacing: -0.02em;
}
.is-style-home-areas .is-style-jurista-area-copy p:last-child {
	margin-block-start: 10px;
}
.is-style-home-areas .is-style-jurista-area-copy a {
	color: var(--oa-color-heading);
	font-size: 14px;
	line-height: 1.4;
	text-decoration: none;
}
.is-style-home-areas .is-style-jurista-area-copy a:is(:focus-visible) {
	color: inherit;
}
@media (hover: hover) and (pointer: fine) {
	.is-style-home-areas .is-style-jurista-area-copy a:is(:hover) {
		color: inherit;
	}
}
.is-style-home-areas .is-style-jurista-area-copy a:focus-visible {
	outline-color: var(--oa-color-olive);
}
.is-style-home-areas
	.is-style-jurista-area-card:first-child
	> :is(.wp-block-cover__image-background, .wp-block-cover__background), .is-style-home-areas
	.is-style-jurista-area-card:first-child
	> .oa-client-picture > .wp-block-cover__image-background {
	opacity: 1 !important;
}
.is-style-home-areas .is-style-jurista-area-card:first-child::before {
	opacity: 0 !important;
}
.is-style-home-areas
	.is-style-jurista-area-card:first-child
	.is-style-jurista-area-copy {
	color: var(--oa-color-light-text);
}
.is-style-home-areas
	.is-style-jurista-area-card:first-child
	.is-style-jurista-area-copy
	:is(h3, a) {
	color: var(--oa-color-white);
}
@media (min-width: 810px) and (max-width: 1279px) {
	.is-style-home-areas .is-style-jurista-areas-inner {
		padding-inline: 32px;
	}
	.is-style-home-areas .is-style-jurista-areas-header {
		min-block-size: 145.2px;
		margin-block-end: 48px;
	}
	.is-style-home-areas .is-style-jurista-area-card {
		min-block-size: 484px;
		padding-block: 40px 32px;
		padding-inline: 32px;
	}
}
@media (min-width: 810px) and (max-width: 1279px) {
	.is-style-home-areas .is-style-jurista-areas-cards {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
	.is-style-home-areas
		.is-style-jurista-area-card
		> :is(.wp-block-cover__image-background, .wp-block-cover__background), .is-style-home-areas
		.is-style-jurista-area-card
		> .oa-client-picture > .wp-block-cover__image-background {
		opacity: 1 !important;
	}
	.is-style-home-areas .is-style-jurista-area-card::before {
		display: none;
	}
	.is-style-home-areas .is-style-jurista-area-card .is-style-jurista-area-copy {
		color: var(--oa-color-white);
	}
	.is-style-home-areas
		.is-style-jurista-area-card
		.is-style-jurista-area-copy
		:is(h3, a) {
		color: var(--oa-color-white);
	}
	.is-style-home-areas .is-style-jurista-area-copy a:focus-visible {
		outline-color: var(--oa-color-white);
	}
}
@media (max-width: 809px) {
	.is-style-home-areas .is-style-jurista-areas-inner {
		padding-inline: 20px;
	}
	.is-style-home-areas .is-style-jurista-areas-header {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		gap: 4px;
		min-block-size: 0;
		margin-block-end: 40px;
	}
	.is-style-home-areas .is-style-jurista-areas-label {
		font-size: 14px;
	}
	.is-style-home-areas .is-style-jurista-areas-cards {
		grid-template-columns: minmax(0, 1fr);
		gap: 20px;
	}
	.is-style-home-areas .is-style-jurista-area-card {
		min-block-size: 412px;
		padding-block: 28px 24px;
		padding-inline: 24px;
	}
	.is-style-home-areas
		.is-style-jurista-area-card
		> :is(.wp-block-cover__image-background, .wp-block-cover__background), .is-style-home-areas
		.is-style-jurista-area-card
		> .oa-client-picture > .wp-block-cover__image-background {
		opacity: 1 !important;
	}
	.is-style-home-areas .is-style-jurista-area-card::before {
		display: none;
	}
	.is-style-home-areas .is-style-jurista-area-card .is-style-jurista-area-copy {
		color: var(--oa-color-white);
	}
	.is-style-home-areas
		.is-style-jurista-area-card
		.is-style-jurista-area-copy
		:is(h3, a) {
		color: var(--oa-color-white);
	}
	.is-style-home-areas .is-style-jurista-area-copy h3 {
		line-height: 1.1;
	}
	.is-style-home-areas .is-style-jurista-area-copy a:focus-visible {
		outline-color: var(--oa-color-white);
	}
}
@media (prefers-reduced-motion: reduce) {
	.is-style-home-areas .is-style-jurista-areas-cards,
	.is-style-home-areas
		.is-style-jurista-area-card
		> :is(.wp-block-cover__image-background, .wp-block-cover__background),
	.is-style-home-areas
		.is-style-jurista-area-card
		> .oa-client-picture > .wp-block-cover__image-background {
		transition: none;
	}
}

/* State and spring values are a progressive enhancement of native Cover blocks. */
@media (min-width: 1280px) {
	.is-style-home-areas
		.is-style-jurista-areas-cards[data-jurista-active]
		.is-style-jurista-area-card
		> :is(.wp-block-cover__image-background, .wp-block-cover__background), .is-style-home-areas
		.is-style-jurista-areas-cards[data-jurista-active]
		.is-style-jurista-area-card
		> .oa-client-picture > .wp-block-cover__image-background {
		opacity: var(--jurista-area-opacity, 0) !important;
	}
	.is-style-home-areas
		.is-style-jurista-areas-cards[data-jurista-active]
		.is-style-jurista-area-card::before {
		opacity: 1 !important;
		background: var(--jurista-area-border, var(--oa-color-border));
	}
	.is-style-home-areas
		.is-style-jurista-areas-cards[data-jurista-active]
		.is-style-jurista-area-copy {
		color: var(--jurista-area-body, var(--oa-color-body));
	}
	.is-style-home-areas
		.is-style-jurista-areas-cards[data-jurista-active]
		.is-style-jurista-area-copy
		:is(h3, a) {
		color: var(--jurista-area-heading, var(--oa-color-heading));
	}
	.is-style-home-areas .is-style-jurista-area-card:first-child::before {
		opacity: 1 !important;
		background: var(--oa-color-olive);
	}
}
@media (min-width: 810px) and (max-width: 1279px) {
	.is-style-home-areas .is-style-jurista-area-card::before {
		display: block;
		background: var(--oa-color-olive);
		opacity: 1 !important;
	}
}
@media (max-width: 809px) {
	.is-style-home-areas .is-style-jurista-area-card::before {
		display: block;
		block-size: 4px;
		background: var(--oa-color-olive);
		opacity: 1 !important;
	}
}

/* Reference layering: the opening photograph covers the top border. */
.is-style-home-areas .is-style-jurista-area-card::before {
	z-index: 0;
}
.is-style-home-areas
	.is-style-jurista-area-card
	> .wp-block-cover__image-background, .is-style-home-areas
	.is-style-jurista-area-card
	> .oa-client-picture > .wp-block-cover__image-background {
	z-index: 1;
}
.is-style-home-areas .is-style-jurista-area-card > .wp-block-cover__background {
	/* Saved Cover blocks retain their inline gradient until edited. */
	background: linear-gradient(180deg, transparent 0%, color-mix(in oklch, var(--oa-color-scrim) 85%, transparent) 35%, var(--oa-color-scrim) 100%) !important;
	z-index: 2;
}
.is-style-home-areas
	.is-style-jurista-area-card
	> .wp-block-cover__inner-container {
	z-index: 3;
}
@media (min-width: 1280px) {
	.is-style-home-areas
		.is-style-jurista-area-card
		> .wp-block-cover__background {
		inset-block-start: auto;
		inset-block-end: 0;
		block-size: calc(150px + 243.12px * var(--jurista-area-opacity, 0));
	}
	.is-style-home-areas
		.is-style-jurista-areas-cards:not([data-jurista-active])
		.is-style-jurista-area-card:first-child
		> .wp-block-cover__background {
		block-size: 72%;
	}
}
@media (min-width: 810px) and (max-width: 1279px) {
	.is-style-home-areas
		.is-style-jurista-area-card
		> .wp-block-cover__image-background, .is-style-home-areas
		.is-style-jurista-area-card
		> .oa-client-picture > .wp-block-cover__image-background {
		z-index: 0;
	}
}

/* Framer reflows text to its destination width before animating its position. */
.is-style-home-areas .is-style-jurista-area-card {
	overflow: clip;
}
.is-style-home-areas .is-style-jurista-area-copy {
	transform: translateY(var(--jurista-area-copy-y, 0px));
}