/*
 * Rounded-corner version of the Contact Hero background shape - frontend
 * only (see the enqueue call in functions.php for why). The editor falls
 * back to the straight-edged clip-path: polygon() in style.scss since it
 * never loads this stylesheet. Reuses the exact same clip-path defs as the
 * Hero block (see inc/decorative-shapes.php) - it's the same shape.
 */
.wp-block-concord-wp-contact-hero:not(.has-simple-corner)::before {
	clip-path: url(#concord-hero-clip) !important;
}

.wp-block-concord-wp-contact-hero.has-simple-corner::before {
	clip-path: url(#concord-hero-clip-simple) !important;
}

/* Same page-frame inset as Hero, so a full-width Contact Hero lines up with
 * a full-width Hero instead of running truly edge-to-edge to the viewport.
 */
.wp-block-concord-wp-contact-hero.alignfull {
	width: calc(100% - (2 * var(--concord-page-frame)));
	max-width: none;
	margin-right: var(--concord-page-frame) !important;
	margin-left: var(--concord-page-frame) !important;
}