/*
Theme Name: LVGP
Theme URI: https://www.pixouls.com/
Author: Pixouls
Author URI: https://www.pixouls.com/
Description: Custom Wordpress theme for LVGP
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: basics
Tags:
*/

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em;line-height:1.5}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}

/*! HTML5 Boilerplate v6.1.0 | MIT License | https://html5boilerplate.com/ */fieldset,hr{border:0;padding:0}html{color:var(--color-black);font-size:1em;line-height:1.4}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border-top:1px solid #ccc;margin:1em 0}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{margin:0}textarea{resize:vertical}.browserupgrade{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}

/*
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
--------------------------------------------------------------------------| $GLOBAL
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
*/
html {
	-ms-overflow-style: -ms-autohiding-scrollbar;
	box-sizing: border-box;
	background: var(--color-green);
	color: var(--color-white);
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 10px;
}
	body {
		min-height: 100vh;
		background: var(--color-green);
		font-size: 1.6rem;
		line-height: 1;
	}
	*, *:before, *:after { 
		box-sizing: inherit;
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		-webkit-tap-highlight-color: transparent;
	}

/*
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
--------------------------------------------------------------------------| $COLORS
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
*/
:root {
	/* LVGP */
	--color-yellow: #edce38;
	--color-green: #24b24b;
	--color-white: #FFFFFF;
	--color-black: #000000;
	/* HDOG */
	--color-hdog-blue: #26a4d7;
	--color-hdog-orange: #eb5c3c;
	--color-hdog-pink: #dc297a;
	--color-hdog-yellow: #f4db74;
	--color-hdog-green: #5ab661;
	--color-hdog-purple: #1e2252;
}

/*
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
--------------------------------------------------------------------------| $TYPE
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
*/
.bebas-neue {
	font-family: 'Bebas Neue', sans-serif;
	font-weight: 400;
}
.open-sans {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-weight: 700;
	font-style: normal;
	font-style: italic;
}
h1,h2,h3,h4,h5 {
	font-family: 'Bebas Neue', sans-serif;
	font-weight: 400;
	margin: 4.8rem 0 2.4rem;
	line-height: 1;
	letter-spacing: .05em;
}
h1 { 
	font-size: 8.8rem;
}
h2 {
	font-size: 3.2rem;
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 400;
	line-height: 1.25;
}
h3 {
	font-size: 3.2rem;
}
h4 {
	font-size: 1.6rem;
}
h5 {
	font-size: 1.2rem;
}
.display-1 	{
	font-size: 6.4rem;
	line-height: 8.8rem;
}
.display-2 	{
	font-size: 5.6rem; 
	line-height: 8.0rem;
}
.small 		{ font-size: 75%; 		}
p 			{ line-height: 1.5; margin: 0 0 2.4rem; }
b, strong 	{ font-weight: 700; }
a {
	color: var(--color-yellow);
	text-decoration: none;
	transition: color 0.3s ease;
}

/*
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
--------------------------------------------------------------------------| $ANIMATIONS
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
*/
/*-------------------------------------| $ScrollTrigger
*/
.animate {
	opacity: 0;
	transform: translateY(10.0rem);
}
.animate.active {
	/*animation: slide-in-bottom 1.5s cubic-bezier(.19,1,.22,1) both;*/
}
.animate--delay {
	animation-delay: .15s !important;
}
/*Grid-Two*/
.grid--two > *:nth-child(2n+2) {
	animation-delay: .15s !important;
}
/*Grid-Three*/
.grid--three > *:nth-child(3n+2) {
	animation-delay: .15s !important;
}
.grid--three > *:nth-child(3n+3) {
	animation-delay: .3s !important;
}
/*Grid-Four*/
.grid--four > *:nth-child(4n+2) {
	animation-delay: .15s !important;
}
.grid--four > *:nth-child(4n+3) {
	animation-delay: .3s !important;
}
.grid--four > *:nth-child(4n+4) {
	animation-delay: .45s !important;
}
/*-------------------------------------| $Keyframes
*/
@keyframes slide-in-bottom {
	0% {
		transform: translateY(10.0rem);
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}
@keyframes fade-in {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes fade-out {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@keyframes loader-spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

/*
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
--------------------------------------------------------------------------| $APP
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
*/
.app {
	display: block; /*IE Fix*/
	position: relative;
	background: url(assets/img/bg-inside.jpg) top center / 100% auto no-repeat scroll;
	background-color: var(--color-black);
	min-height: 100vh;
}
.home .app {
	background: url(assets/img/bg.jpg) center / cover no-repeat fixed;
}

/*
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
--------------------------------------------------------------------------| $GRAIN
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
*/
.grain {
	z-index: 1020;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	background: url(assets/img/grain.svg) center / 80px 80px repeat scroll;
	opacity: .25;
	/* mix-blend-mode: overlay;*/
}

/*
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
--------------------------------------------------------------------------| $FOUR-CORNERS
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
*/
.logo {
	z-index: 980;
	position: fixed;
	top: 0;
	left: 0;
	width: 15%;
	padding: 2.4rem 1.6rem;
	display: flex;
	align-items: center;
}
	.logo__img {
		width: 100%;
		height: auto;
	}
.nav-toggle {
	z-index: 920;
	cursor: pointer;
	position: fixed;
	top: 4.8rem;
	right: 0;
	width: 15%;
	display: flex;
	justify-content: center;
}
	.nav-toggle__inner {
		position: relative;
	}
		.nav-toggle__item {
			display: flex;
			align-items: center;
			transition: opacity 0.3s ease;
		}
		.nav-toggle__item--menu {
			
		}
		.nav-toggle--open .nav-toggle__item--menu {
			opacity: 0;
		}
		.nav-toggle__item--close {
			position: absolute;
			top: 0;
			right: 0;
			opacity: 0;
		}
		.nav-toggle--open .nav-toggle__item--close {
			opacity: 1;
		}
			.nav-toggle__text {
				font-size: 1.6rem;
				text-transform: uppercase;
				letter-spacing: .05em;
				margin-right: .8rem;
				font-family: 'Bebas Neue', sans-serif;
				font-weight: 400;
				color: var(--color-white);
				transition: color 0.3s ease;
			}
				.nav-toggle:hover .nav-toggle__text {
					color: var(--color-green);
				}
			.nav-toggle__img {
				width: 4.0rem;
				height: 4.0rem;
				transform: scale3d(1,1,1);
				transition: transform 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33);
				will-change: transform;
			}
			.nav-toggle:hover .nav-toggle__img {
				transform: scale3d(1.2,1.2,1);
			}
.hdog-toggle {
	z-index: 1000;
	cursor: pointer;
	position: fixed;
	bottom: 4.8rem;
	right: 0;
	width: 15%;
	display: flex;
	justify-content: center;
}
	.hdog-toggle__badge {
		position: relative;
		width: 5.6rem;
		height: 5.6rem;
		background: var(--color-hdog-blue);
		border: .3rem solid var(--color-yellow);
		border-radius: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
		.hdog-toggle__badge-img {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate3d(-50%,-50%,0) scale3d(.7,.7,1);
			width: 6.4rem;
			height: auto;
			transition: transform 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33);
			will-change: transform;
		}
		.hdog-toggle:hover .hdog-toggle__badge-img {
			transform: translate3d(-50%,-50%,0) scale3d(1,1,1) rotate(360deg);
		}
		.hdog-toggle__text {
			display: none;
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			margin: 0 1.1rem 0 0;
			right: 100%;
			text-align: right;
			font-size: 1.6rem;
			text-transform: uppercase;
			letter-spacing: .05em;
			font-family: 'Bebas Neue', sans-serif;
			font-weight: 400;
			color: var(--color-white);
			transition: color 0.3s ease;
			will-change: transform;
		}
		.home .hdog-toggle__text {
			display: block;
		}
			.hdog-toggle:hover .hdog-toggle__text {
				color: var(--color-green);
			}
.socials {
	z-index: 920;
	cursor: pointer;
	position: fixed;
	bottom: 4.8rem;
	left: 0;
	width: 15%;
	display: flex;
	justify-content: center;
}
	.socials__inner {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: .8rem;
	}
		.socials__item {
			width: 2.4rem;
			height: 2.4rem;
			background: var(--color-yellow);
			display: flex;
			justify-content: center;
			align-items: center;
			transform: scale3d(1,1,1);
			transition: transform 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33), background 0.3s ease;
			will-change: transform;
		}
		.socials__item:hover {
			transform: scale3d(1.2,1.2,1);
			background: var(--color-green);
		}
			.socials__icon {
				font-size: 1.6rem;
				color: var(--color-black);
			}

/*
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
--------------------------------------------------------------------------| $NAV
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
*/
.nav {
	z-index: 900;
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.75);
	-webkit-backdrop-filter: saturate(180%) blur(15px);
	backdrop-filter: saturate(180%) blur(15px);
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	-ms-scroll-chaining: none;
	overscroll-behavior: contain;
	will-change: transform;
	opacity: 0;
	transition: opacity 0.3s ease, left 0s ease 0.3s;
}
.nav--open {
	left: 0;
	opacity: 1;
	transition: opacity 0.3s ease, left 0s ease 0s;
}	
	.nav__inner {
		width: 60%;
		margin: 0 auto;
		position: relative;
		display: grid;
		grid-template-columns: 3fr 2fr;
		transform: translate3d(0,4.0rem,0);
		transition: transform 1.5s cubic-bezier(.19,1,.22,1);
		will-change: transform;
	}
	.nav--open .nav__inner {
		transform: translate3d(0,0,0);
	}
		.nav__left {
			
		}
			.nav__title {
				margin-top: 0;
			}
				.nav__title-top {
					color: var(--color-yellow);
				}
				.nav__title-bot {
					
				}
			.nav__menu {
				display: grid;
				grid-template-columns: 1fr 1fr;
			}
				.nav__menu-title {
					font-size: 2.4rem;
					text-transform: uppercase;
					letter-spacing: .05em;
					margin-right: .8rem;
					font-family: 'Bebas Neue', sans-serif;
					font-weight: 400;
					color: var(--color-yellow);
				}
				.nav__menu-list {
					list-style-type: none;
					margin: .8rem 4.0rem 2.4rem 0;
					padding: 0 0 0 .8rem;
					border-left: .1rem solid var(--color-green);
				}
					.nav__menu-item {
						font-size: 1.4rem;
						line-height: 1.25;
					}
						.nav__menu-link {
							display: block;
							padding: .4rem 0;
							color: var(--color-white);
						}
						.nav__menu-link:hover {
							color: var(--color-green);
						}
		.nav__right {
			font-size: 1.4rem;
		}
			.nav__cta {
				margin-bottom: 4.0rem;
			}
				.nav__cta-img {
					width: 100%;
					height: auto;
					aspect-ratio: 16/9;
					background: center / cover no-repeat scroll;
					box-shadow: 0 0 2.4rem 0 var(--color-black);
					margin-bottom: 1.6rem;
				}
				.nav__cta-text {
					margin-bottom: .8rem;
					padding: 0 .8rem;
				}
				.nav__cta-link {
					font-size: 1.2rem;
					color: var(--color-yellow);
					text-decoration: underline;
					padding: 0 .8rem;
				}
			.nav__contact {
				padding: 0 .8rem;
			}
				.nav__contact-item {
					margin-bottom: 1.6rem;
					display: flex;
					gap: .8rem;
				}
					.nav__contact-icon {
						width: 3.2rem;
						height: 3.2rem;
						background: var(--color-yellow);
						border-radius: 50%;
						display: flex;
						justify-content: center;
						align-items: center;
						transition: background 0.3s ease;
					}
					.nav__contact-item:hover .nav__contact-icon {
						background: var(--color-green);
					}
						.nav__contact-icon-img {
							color: var(--color-black);
							font-size: 1.6rem;
						}
					.nav__contact-text {
						line-height: 1.5;
						font-weight: 700;
						font-size: 1.2rem;
						color: var(--color-white);
						margin-top: 0.7rem;
					}

/*
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
--------------------------------------------------------------------------| $HERO
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
*/
.hero {
	position: relative;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}
	.hero__scene {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
		.hero__col {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			will-change: transform;
		}
			.hero__col-bg {
				-webkit-transform: translate3d(0,0,0);
				-moz-transform: translate3d(0,0,0);
				transform: translate3d(0,0,0);
				-webkit-transform-style: preserve-3d;
				-moz-transform-style: preserve-3d;
				transform-style: preserve-3d;
				-webkit-backface-visibility: hidden;
				-moz-backface-visibility: hidden;
				backface-visibility: hidden;
				position: absolute;
				top: -5%;
				left: -5%;
				width: 110%;
				height: 110%;
				background: center / cover no-repeat scroll;
				object-fit: cover;
			}
	.hero__inner {
		width: 70%;
		margin: 0 auto;
		position: relative;
	}
		.hero__title {
			position: relative;
			margin: 0 0 -4.0rem;
			transform: rotate(-3deg);
		}
			.hero__title-scene {
				height: 35.2rem;
			}
				.hero__title-small {
					font-size: 15.2rem;
					color: var(--color-yellow);
					margin-bottom: -4.0rem;
					margin-left: 1.6rem;
					white-space: nowrap;
					will-change: transform;
				}
					.hero__title-rotate {
						transform: rotate(-3deg);
					}
				.hero__title-large {
					position: relative;
					font-size: 24.0rem;
					top: auto !important;
					bottom: 0;
					white-space: nowrap;
					will-change: transform;
				}
		.hero__cta {
			position: relative;
			display: flex;
			align-items: center;
			margin-left: 4.0rem;
		}
			.hero__vid {
				position: relative;
				height: 15.2rem;
				aspect-ratio: 16/9;
				background: url(assets/img/thumb-vid.jpg) center / cover no-repeat scroll;
				margin-right: 1.6rem;
				cursor: pointer;
				box-shadow: 0 0 2.4rem 0 var(--color-black);
			}
				.hero__vid-play {
					position: absolute;
					bottom: 1.6rem;
					left: 1.6rem;
					width: 4.8rem;
					height: auto;
					transform: scale3d(1,1,1);
					transition: transform 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33);
					will-change: transform;
				}
				.hero__vid:hover .hero__vid-play {
					transform: scale3d(1.2,1.2,1);
				}
			.hero__actions {
				
			}
				.hero__text {
					margin: 0 0 1.6rem 1.6rem;
				}
				.hero__btns {
					display: flex;
					gap: 1.6rem;
					margin: 0 0 1.6rem;
				}
					.hero__btn {
						
					}
					.btn {
						position: relative;
						font-size: 1.6rem;
						text-transform: uppercase;
						letter-spacing: .05em;
						font-family: 'Bebas Neue', sans-serif;
						font-weight: 400;
						padding: 1.6rem;
						min-width: 13.6rem;
						color: var(--color-white);
						background: var(--color-green);
						-webkit-mask: url(assets/img/button-bg-01.svg);
						mask: url(assets/img/button-bg-01.svg);
						mask-size: 100% 100%;
					}
					.btn--alt {
						-webkit-mask: url(assets/img/button-bg-02.svg);
						mask: url(assets/img/button-bg-02.svg);
					}
						.btn:before {
							content:'';
							position: absolute;
							top: 0;
							left: 0;
							width: 100%;
							height: 100%;
							background: url(assets/img/button-bg-02.svg) center / 100% 100% no-repeat scroll;
							transform: scale3d(0,1,1);
							transform-origin: center left;
							transition: transform .9s cubic-bezier(.19,1,.22,1);
							will-change: transform;
						}
						.btn--alt:before {
							background: url(assets/img/button-bg-01.svg) center / 100% 100% no-repeat scroll;
						}
						.btn:hover:before {
							transform: scale3d(1,1,1);
						}
						.btn__text {
							position: relative;
							will-change: transform;
						}
				.hero__link {
					color: var(--color-yellow);
					text-decoration: underline;
					font-size: 1.2rem;
					margin-left: 1.6rem;
				}

/*
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
--------------------------------------------------------------------------| $TITLE
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
*/
.title {
	position: relative;
	aspect-ratio: 21/9;
}
	.title__hero {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: center / cover no-repeat scroll;
		background-color: var(--color-black);
		-webkit-mask: url(assets/img/title-mask.png);
		mask: url(assets/img/title-mask.png);
		-webkit-mask-size: 100% 100%;
		mask-size: 100% 100%;
	}
		.title__scene {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			overflow: hidden;
		}
			.title__col {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				will-change: transform;
			}
				.title__col-bg {
					-webkit-transform: translate3d(0,0,0);
					-moz-transform: translate3d(0,0,0);
					transform: translate3d(0,0,0);
					-webkit-transform-style: preserve-3d;
					-moz-transform-style: preserve-3d;
					transform-style: preserve-3d;
					-webkit-backface-visibility: hidden;
					-moz-backface-visibility: hidden;
					backface-visibility: hidden;
					position: absolute;
					top: -5%;
					left: -5%;
					width: 110%;
					height: 110%;
					background: center / cover no-repeat scroll;
					object-fit: cover;
				}
	.title__brush {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: url(assets/img/title-brush.png) center / 100% 100% no-repeat scroll;
	}
	.title__inner {
		position: relative;
		width: 70%;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		height: 100%;
	}
		.title__heading {
			margin: auto 0 0;
		}
			.title__permalink {
				color: var(--color-white);
			}
		.title__sub {
			margin: 1.6rem 0 2.4rem;
			color: var(--color-yellow);
		}

/*
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
--------------------------------------------------------------------------| $CONTENT
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
*/
.content {
	width: 70%;
	max-width: 96.0rem;
	margin: 0 auto;
	padding: 4.0rem 0;
}
.content--narrow {
	max-width: 60.0rem;
}
	.content *:first-child {
		margin-top: 0;
	}
	.content ul,
	.content ol {
		line-height: 1.5;
		margin: 0 0 2.4rem;
	}
	hr,
	hr.wp-block-separator {
		display: block;
		height: 0;
		border: none;
		border-top: 0.2rem solid var(--color-green);
		margin: 4rem -.8rem;
	}
	.content a {
		text-decoration: underline;
	}

/*
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
--------------------------------------------------------------------------| $CTA
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
*/
.cta {
	padding: 4.0rem 0 8.0rem;
	background: url(assets/img/brush-cta.png) 0 0 / 50.2rem 18.5rem no-repeat scroll;
}
	.cta__inner {
		width: 70%;
		margin: 0 auto;
		display: grid;
		grid-template-columns: 1fr 2fr 2fr;
		gap: 1.6rem;
	}
		.cta__intro {
			
		}
			.cta__title {
				font-size: 5.6rem;
				margin: 1.6rem 0;
				line-height: .9;
			}
			.cta__sub {
				margin: 0;
				color: var(--color-yellow);
			}
		.cta__item {
			margin-bottom: 4.0rem;
		}
			.cta__img {
				width: 100%;
				height: auto;
				aspect-ratio: 16/9;
				background: center / cover no-repeat scroll;
				box-shadow: 0 0 2.4rem 0 var(--color-black);
				margin-bottom: 1.6rem;
			}
			.cta__text {
				font-size: 1.4rem;
				margin-bottom: .8rem;
				padding: 0 .8rem;
			}
			.cta__link {
				font-size: 1.2rem;
				color: var(--color-yellow);
				text-decoration: underline;
				padding: 0 .8rem;
			}	

/*
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
--------------------------------------------------------------------------| $VIDEO-BG
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
*/
.video-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
	.video-bg__vid {
		position: absolute;
		top: 50%;
		left: 50%;
		min-width: 100%;
		min-height: 100%;
		width: auto;
		height: auto;
		-webkit-transform: translateX(-50%) translateY(-50%);
			-ms-transform: translateX(-50%) translateY(-50%);
				transform: translateX(-50%) translateY(-50%);
		-o-object-fit: cover;
		   object-fit: cover;
	}
	.video-bg__vid--mobile {
		display: none;
	}
	.video-bg__vid--low-power {
		display: none;
		background: url(assets/img/video-bg-low-power.jpg) center / cover repeat scroll transparent;
	}
	.low-power .video-bg__vid {
		display: none !important;
	}
	.low-power .video-bg__vid--low-power {
		display: block !important;
	}
	.video-bg::after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: -o-radial-gradient(ellipse, rgba(4,6,33,.25) 0%, rgba(4,6,33,1) 100%);
		background: radial-gradient(ellipse, rgba(4,6,33,.25) 0%, rgba(4,6,33,1) 100%);
		-webkit-backdrop-filter: saturate(175%);
				backdrop-filter: saturate(175%);
		
		background: -o-radial-gradient(ellipse, rgba(4,6,33,.125) 0%, rgba(4,6,33,.5) 100%);
		
		background: radial-gradient(ellipse, rgba(4,6,33,.125) 0%, rgba(4,6,33,.5) 100%);
		background: -o-radial-gradient(ellipse, rgba(0,0,0,.125) 0%, rgba(0,0,0,.5) 100%);
		background: radial-gradient(ellipse, rgba(0,0,0,.125) 0%, rgba(0,0,0,.5) 100%);
		-webkit-backdrop-filter: saturate(150%);
				backdrop-filter: saturate(150%);
	}
@media only screen and (max-width: 768px) {
	.video-bg__vid--desktop {
		display: none;
	}
	.video-bg__vid--mobile {
		display: block;
	}
}

/*
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
--------------------------------------------------------------------------| $HDOG
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
*/
.hdog {
	z-index: 990;
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background:rgba(160, 0, 73, 0.75);
	-webkit-backdrop-filter: saturate(180%) blur(15px);
	backdrop-filter: saturate(180%) blur(15px);
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	-ms-scroll-chaining: none;
	overscroll-behavior: contain;
	will-change: transform;
	opacity: 0;
	transition: opacity 0.3s ease, left 0s ease 0.3s;
}
.hdog--open {
	left: 0;
	opacity: 1;
	transition: opacity 0.3s ease, left 0s ease 0s;
}	
	.hdog__inner {
		width: 60%;
		margin: 0 auto;
		position: relative;
		display: grid;
		grid-template-columns: 3fr 2fr;
		transform: translate3d(0,4.0rem,0);
		transition: transform 1.5s cubic-bezier(.19,1,.22,1);
		will-change: transform;
	}
	.hdog--open .hdog__inner {
		transform: translate3d(0,0,0);
	}
	
/*
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
--------------------------------------------------------------------------| $HDOG
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
*/
.vid {
	z-index: 1000;
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background:rgba(1, 120, 32, 0.75);
	background: rgba(0, 0, 0, 0.75);
	-webkit-backdrop-filter: saturate(180%) blur(15px);
	backdrop-filter: saturate(180%) blur(15px);
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	-ms-scroll-chaining: none;
	overscroll-behavior: contain;
	will-change: transform;
	opacity: 0;
	transition: opacity 0.3s ease, left 0s ease 0.3s;
}
.vid--open {
	left: 0;
	opacity: 1;
	transition: opacity 0.3s ease, left 0s ease 0s;
}
	.vid__close {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.vid__inner {
		position: relative;
		width: 60%;
		transform: translate3d(0,4.0rem,0);
		transition: transform 1.5s cubic-bezier(.19,1,.22,1);
		will-change: transform;
	}
	.vid--open .vid__inner {
		transform: translate3d(0,0,0);
	}
		.vid__item {
			position: relative;
			padding-bottom: 56.25%;
			height: 0;
		}
			.vid__player {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				box-shadow: 0 0 2.4rem 0 var(--color-black);
			}

/*
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
--------------------------------------------------------------------------| $FORMS
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
*/
/*-------------------------------------| $Gravity-Forms
*/
.gform_wrapper {
	
}
	.gform_wrapper form {
		
	}
		.validation_error {
			margin-bottom: 2.4rem;
			color: red;
		}
		.gform_body {
			
		}
			ul.gform_fields {
				padding: 0;
				margin: 0;
				list-style-type: none;
			}
				li.gfield {
					
				}
					.gfield_label {
						
					}
					.hidden_label .gfield_label {
						display: none;
					}
						.gfield_required {
							color: red;
						}
					.ginput_container {
						
					}
					.validation_message {
						color: red;
						margin-top: -2.4rem;
						margin-bottom: 2.4rem;
						font-size: 1.2rem;
					}
			/*Contact Form*/
			ul#gform_fields_1 {
				display: grid;
				grid-template-columns: repeat(2,1fr);
				grid-column-gap: 2.4rem;
			}
				li#field_1_2,
				li#field_1_4,
				li#field_1_5 {
					grid-column: span 2;
				}
		.gform_footer {
			position: relative;
			text-align: center;	
		}
			.gform_button {
				
			}
/*Confirmation*/
.gform_confirmation_wrapper {
	text-align: center;
}
	.gform_confirmation_message {
		
	}
/*Honeypot*/
.gform_validation_container, .gform_wrapper .gform_validation_container, body .gform_wrapper .gform_body ul.gform_fields li.gfield.gform_validation_container, body .gform_wrapper li.gform_validation_container, body .gform_wrapper ul.gform_fields li.gfield.gform_validation_container, .gfield_visibility_hidden {
	display: none!important;
	position: absolute!important;
	left: -9000px;
}
/*Loader*/
.gform_ajax_spinner {
	position: absolute;
	top: 50%;
	right: 1.6rem;
	margin-top: -1.2rem;
	z-index: 99;
	width: 2.4rem;
	height: 2.4rem;
	animation: loader-spin .6s linear infinite;
}
/*reCAPTCHA*/
.grecaptcha-badge {
	visibility: hidden;
}
.grecaptcha-disclaimer {
	text-align: center;
	line-height: 1.25;
	font-size: 10px;
	margin-bottom: 2.5rem;
}
/*-------------------------------------| $Buttons
*/
.button-wrap {
	display: flex;
	justify-content: center;
}
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	display: inline-block;
	height: 4.0rem;
	padding: 0 3.2rem;
	margin: 0;
	color: var(--color-yellow);
	text-align: center;
	font-size: 1.2rem;
	font-weight: 600;
	line-height: 1;
	letter-spacing: .24em;
	text-transform: uppercase;
	text-decoration: none;
	white-space: nowrap;
	background-color: transparent;
	border-radius: .4rem;
	border: .1rem solid var(--color-yellow);
	cursor: pointer;
	box-sizing: border-box;
}
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
	color: var(--color-yellow);
	border-color: var(--color-yellow);
	outline: 0;
}
.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
	color: var(--color-white);
	background-color: var(--color-yellow);
	border-color: var(--color-yellow);
 }
.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
	color: var(--color-white);
	background-color: var(--color-yellow);
	border-color: var(--color-yellow);
 }

/*-------------------------------------| $Fields
*/
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
	height: 4.0rem;
	padding: .6rem 1.2rem; /* The 6px vertically centers text on FF, ignored by Webkit */
	width: 100%;
	margin-bottom: 2.4rem;
	background-color: var(--color-white);
	border: .1rem solid var(--color-grey);
	border-radius: .4rem;
	box-shadow: none;
	box-sizing: border-box;
 }
/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
textarea {
	min-height: 6.4rem;
	padding-top: .8rem;
	padding-bottom: .8rem;
}
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
	border: .1rem solid var(--color-yellow);
	outline: 0;
}
label,
legend {
	display: block;
	margin-bottom: .8rem;
	font-weight: 600;
}
fieldset {
	padding: 0;
	border-width: 0;
}
input[type="checkbox"],
input[type="radio"] {
	display: inline;
}
label > .label-body {
	display: inline-block;
	margin-left: .8rem;
	font-weight: normal;
}

/*
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
--------------------------------------------------------------------------| $MOBILE
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
*/
@media only screen and (max-width: 768px) {
	/*-------------------------------------| $GLOBAL
	*/
	.touch-scrolling {
		overflow-y: scroll; /* has to be scroll, not auto */
		-webkit-overflow-scrolling: touch;
		-ms-scroll-chaining: none;
		overscroll-behavior: contain;
	}
	
}

/*
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
--------------------------------------------------------------------------| $RESPONSIVE 16:9 scaled to 2X starting at 1152px X 648px 
--------------------------------------------------------------------------|
--------------------------------------------------------------------------|
*/
@media only screen and (min-height: 713px) and (min-width: 1267px) { /* 62.5% X 1.1 */
	html {
		font-size: 11px;
	}
}
@media only screen and (min-height: 777px) and (min-width: 1382px) { /* 62.5% X 1.2 */
	html {
		font-size: 12px;
	}
}
@media only screen and (min-height: 843px) and (min-width: 1498px) { /* 62.5% X 1.3 */
	html {
		font-size: 13px;
	}
}
@media only screen and (min-height: 907px) and (min-width: 1613px) { /* 62.5% X 1.4 */
	html {
		font-size: 14px;
	}
}
@media only screen and (min-height: 972px) and (min-width: 1728px) { /* 62.5% X 1.5 */
	html {
		font-size: 15px;
	}
}
@media only screen and (min-height: 1037px) and (min-width: 1843px) { /* 62.5% X 1.6 */
	html {
		font-size: 16px;
	}
}
@media only screen and (min-height: 1101px) and (min-width: 1958px) { /* 62.5% X 1.7 */
	html {
		font-size: 17px;
	}
}
@media only screen and (min-height: 1167px) and (min-width: 2074px) { /* 62.5% X 1.8 */
	html {
		font-size: 18px;
	}
}
@media only screen and (min-height: 1231px) and (min-width: 2189px) { /* 62.5% X 1.9 */
	html {
		font-size: 19px;
	}
}
@media only screen and (min-height: 1296px) and (min-width: 2304px) { /* 62.5% X 2 */
	html {
		font-size: 20px;
	}
}

.hidden{display:none!important}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto;white-space:inherit}.invisible{visibility:hidden}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}@media print{blockquote,img,pre,tr{page-break-inside:avoid}*,:after,:before{background:0 0!important;color:#000!important;-webkit-box-shadow:none!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre{white-space:pre-wrap!important}blockquote,pre{border:1px solid #999}thead{display:table-header-group}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}