/* _System (261014_175659) */

/* _System - Hero Video (Medium) */

	.system-block-sys-hero-med {
		position: relative;
		width: 100%;
		max-width: none;
		height: 800px;
		max-height: 800px;
		overflow: hidden;
		background-color: var(--system-hero-med-background, #202020);
	}

	@media (max-width: 991.98px) {
		.system-block-sys-hero-med {
			height: 600px;
			max-height: 600px;
		}
	}

	@media (max-width: 767.98px) {
		.system-block-sys-hero-med {
			height: 100vh;
			height: 100svh;
			max-height: 100dvh;
		}
	}

	.system-block-sys-hero-med .video-content {
		position: relative;
		z-index: 2;
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		background-color: var(--hero-overlay-rgba, rgba(32, 32, 32, 0.6)) !important;
	}

	.system-block-sys-hero-med .sys-hero-content {
		position: relative;
		z-index: 5;
	}

	.system-block-sys-hero-med .htms-video {
		position: absolute;
		inset: 0;
		z-index: 1;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.system-block-sys-hero-med .sys-hero-img {
		max-height: 80px;
		margin-top: 0 !important;
		margin-bottom: 25px !important;
	}


	/* Redundant cascade protection - keep until global CSS cleanup. */
	.system-block-sys-hero-med h1,
	.system-block-sys-hero-med h2,
	.system-block-sys-hero-med p,
	.system-block-sys-hero-med a,
	.system-block-sys-hero-med button {
		font-family: 'Figtree',sans-serif !important;
	}

	/* Apply Primary Text to all hero copy. */
	.system-block-sys-hero-med h1,
	.system-block-sys-hero-med h2,
	.system-block-sys-hero-med p {
		color: var(--hero-text-primary, #f1f1f1) !important;
	}

	/* Responsive primary headline capped at 60px. */
	.system-block-sys-hero-med h1.display-2 {
		font-size: clamp(42px, 4.5vw, 60px) !important;
		font-weight: 500 !important;
		line-height: 1.12 !important;
	}

	/* Secondary headline: 22-30px, regular weight. */
	.system-block-sys-hero-med h2.sys-hero-subtitle {
		font-size: clamp(22px, 2.5vw, 30px) !important;
		font-weight: 400 !important;
		line-height: 1.3 !important;
	}

	/* Blurb is supporting copy, not a second headline. */
	.system-block-sys-hero-med p.sys-hero-blurb {
		font-size: 18px !important;
		font-weight: 400 !important;
		line-height: 1.6 !important;
	}

	/* Button colors and weight are controlled globally. */
	.system-block-sys-hero-med a.btn {
		font-size: 16px !important;
	}

	.system-block-sys-hero-med::before, .system-block-sys-hero-med::after { content: none !important; }