@charset "utf-8";

/* HERO */
	.hero {
		display: grid;
		position: relative;
		z-index: -1;
		}
	.hero.hero-shift-next + .box >.box-buffer.mgv {
		margin-top: 0;
		}
	.hero.hero-shift-next + .box >.box-buffer > .box-container > .box-holder > * {
		margin-top: -8rem !important;
		}
	.hero-holder,
	.hero-media {
		grid-area: 1 / 1;
		position: relative;
		}
	.hero-media {
		z-index: 2;
		}
	.hero-video,
	.hero-video > video {
		height: 100%;
		object-fit: cover;
		object-position: center;
		position: absolute;
		width: 100%;
		}
	.hero-holder {
		align-items: center;
		display: flex;
		padding: 0 var(--margin-pad);
		z-index: 6;
		}
	.hero-content {
		margin: 6rem auto;
		max-width: 128rem;
		padding-top: var(--header-height);
		text-align: left;
		width: 100%;
		z-index: 4;
		}
	.hero-shift-next .hero-content {
		padding-bottom: 8rem;
		}
	.hero-headers {
		font-size: 1rem;
		}
	.hero-header {
		font-size: 1em;
		font-weight: 400;
		letter-spacing: var(--header-spacing);
		margin-bottom: 2rem;
		text-transform: uppercase;
		}
	.hero-header-sub {
		font-size: 3.2em;
		font-weight: var(--heavy);
		text-wrap: balance;
		}
	.hero-header-sub > strong {
		background: linear-gradient(to bottom, var(--hue-accentalt) 0%, var(--hue-highlight) 100%);
  		-webkit-background-clip: text;
		background-clip: text;
		display: inline-block;
		font-weight: var(--heavy);
  		-webkit-text-fill-color: transparent;
		text-fill-color: transparent;
		}
	.hero-intro {
		margin: 2rem 0;
		max-width: 80rem;
		}
	.hero-buttons.buttons-group {
		margin: 4rem 0 0;
		}
	@media (min-width: 40em) {
		.hero-content {
			margin: 9rem auto;
			}
		.hero-headers {
			font-size: 1.2rem;
			}
	}
	@media (min-width: 60em) {
		.hero-headers {
			font-size: 1.6rem;
			max-width: 70%;
			}
	}
	@media (min-width: 80em) {
		.hero-content {
			margin: 12rem auto;
			}
		.hero-headers {
			font-size: 2rem;
			}
	}