.video-hero{
	color: var(--tint, var(--font-color));
	font-size: 3rem;

	display: grid;
	width: 100%;
	place-items: center;
	> * {
		grid-area: 1 / 1;
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}

	video{
		display: block;
		width: 100%;
		aspect-ratio: 16 / 9;
		object-fit: cover;
	}

	iframe{
		display: block;
		width: 100%;
		height: auto;
		aspect-ratio: 16 / 9;
		object-fit: cover;
	}

	svg{
		width: 50vw;

		text{
			font-size: 85px;
			fill: var(--tint-title, var(--font-color));;
		}
	}

	svg+span{
		font-size: 6vw;
	}

	.scroll-down-link{
		border: var(--wp--custom--main-border);
		border-color: currentcolor;
		box-sizing: border-box;
		aspect-ratio: 1 / 1;
		padding: .25rem;
		width: 2rem;
		display: flex;
        justify-content: center;
        align-items: center;
		border-radius: 2rem;

		svg{
			width: 1rem;
			height: auto;
		}
	}

}

@media (prefers-reduced-motion: reduce) {
  .video-hero iframe { display: none; }
}

#video-toggle{
	position: absolute;
	right: 0;
	bottom: 0;
	border: 0;
	padding: 0;
	
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}