html
{
scroll-behavior: smooth;
}

#mainWrapper header
{
width: 100%;
height: calc(100dvh - 12rem);
max-height: 60rem;
background: url("https://dh36nblqpps8a.cloudfront.net/assets/futureproof/futureproof-hero.jpg") 74% center/cover no-repeat;
position: relative;
}

.futureproof-lockup
{
display: block;
width: 100%;
height: auto;
max-width: 30rem;
padding: 1rem;

position: absolute;
bottom: 26%;
left: 0;

filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4));
}

/* futureproof-intro */

.futureproof-intro
{
max-width: 38rem;
margin: 3rem auto;
padding: 0 2rem;
}

.futureproof-intro p
{
line-height: 1.4;
margin: 0 0 1.25rem;
}

.futureproof-intro .column-content p:first-child
{
margin-top: 0;
}

.futureproof-intro .column-content p:last-child
{
margin-bottom: 0;
}

.futureproof-intro > p
{
margin-top: 1.25rem;
}

.share-campaign-icon
{
display: none;
}

/* human-spirit */

.human-spirit, .help-us
{
background-color: #222;
background: linear-gradient(180deg,rgba(34, 34, 34, 1) 30%, rgba(68, 68, 68, 1) 100%);
padding: 3rem 2rem 2rem;
color: #fff;
position: relative;
}

.human-spirit::before, .help-us::before
{
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
width: 0;
height: 0;
border-left: solid 1.75rem transparent;
border-right: solid 1.75rem transparent;
border-top: solid .5rem #fff;
}

.human-spirit-content, .help-us-content
{
display: grid;
gap: 1.5rem;
}

.human-spirit-content img, .help-us-content img
{
display: block;
width: 100%;
height: auto;
border-radius: .75rem;
}

/* meet-SkyLR5000 */

#SkyLR5000, #share-campaign
{
scroll-margin-top: 1rem;
}

.meet-SkyLR5000
{
padding: 2rem 2rem 0;
margin: 0 auto;
}

.product-block
{
display: grid;
gap: 1rem;
max-width: 50rem;
margin: 0 auto;
}

.product-block img
{
display: block;
width: 100%;
height: auto;
}

.product-block > div h2
{
font-size: 2.25rem;
}

.product-block > div h2::before
{
content: "";
display: block;
margin: 0 0 1rem;
height: 0.1875rem;
width: 100%;
max-width: 3rem;
background-color: #27aae1;
border-radius: 10rem;
}

.product-block > div h3
{
font-size: 1.5rem;
margin-top: .5rem;
}

.TTteaser__rating
{
justify-content: start;
align-items: center;
margin-top: .5rem;
}

.review-count
{
margin-left: .25rem;
font-size: .875rem;
}

.testimonials
{
margin-top: 1.5rem;
background-color: #f2f2f2;
border-radius: .75rem;
padding: 1rem;
}

.testimonials img
{
display: block;
width: 100%;
height: auto;
max-width: 7rem;
margin: 0 auto;
}

.product-block .testimonial-copy
{
text-align: center;
font-size: 1.25rem;
line-height: 1;
margin: 0 0 1rem;
opacity: 1;
transform: translateY(0);
transition: opacity .4s ease, transform .4s ease;
}

.testimonial-copy.is-changing
{
opacity: 0;
transform: translateY(-.25rem);
}

.testimonials .TTteaser__rating
{
justify-content: center;
margin-bottom: 1rem;
}

.testimonials .TTteaser__rating .TTteaser__star svg
{
width: 1.5rem;
height: 1.5rem;
}

#traditional-product-details
{
max-width: 62.5rem;
margin: 0 auto;
}

#traditional-product-details h2
{
font-size: 1.9rem;
margin: 3rem auto 1rem;
text-align: center;
}

#traditional-product-details h2::before, .product-just-kidding h2::before
{
content: "";
display: block;
margin: 1.875rem auto;
height: .1875rem;
width: 100%;
max-width: 4rem;
background-color: #ced23f;
border-radius: 10rem;
}

#traditional-product-details > div
{
padding: 1rem 1.5rem;
background-color: #f2f2f2;
border-radius:.375rem
}

#traditional-product-details > div ul
{
list-style: none;
margin: .5rem 0 0;
padding: 0;
column-width: 16rem;
column-gap: 1rem;
break-inside:avoid
}

#traditional-product-details>div li
{
page-break-inside: avoid;
break-inside: avoid;
-webkit-column-break-inside: avoid;
padding-bottom: 1rem;
line-height: 1.4;
margin-bottom: 0;
}

#traditional-product-details > div li::before
{
content: "";
background: url('data:image/svg+xml,<svg viewBox="0 0 448 512" fill="%235e7f1f" xmlns="http://www.w3.org/2000/svg"><path d="m448 96c0-35.3-28.7-64-64-64h-320c-35.3 0-64 28.7-64 64v320c0 35.3 28.7 64 64 64h320c35.3 0 64-28.7 64-64zm-84.7 171.3-112 112c-4.6 4.6-11.5 5.9-17.4 3.5s-9.9-8.3-9.9-14.8v-64h-96c-17.7 0-32-14.3-32-32v-32c0-17.7 14.3-32 32-32h96v-64c0-6.5 3.9-12.3 9.9-14.8s12.9-1.1 17.4 3.5l112 112c6.2 6.2 6.2 16.4 0 22.6z"/></svg>') center/cover no-repeat;
width: .875rem;
height: .875rem;
display: inline-block;
margin-right: .25rem;
vertical-align:-.1rem
}

#traditional-product-details > div p
{
margin: .5rem 0;
max-width:40rem
}

#traditional-product-details > div p:first-of-type::before
{
content: "";
display: block;
max-width: 2.5rem;
margin: 0 0 1rem;
height: .125rem;
background-color: #27aae1;
border-radius:10rem
}

.product-just-kidding
{
max-width: 50rem;
margin: 3rem auto 0;
text-align: center;
}

#featuredVideoBlock
{
max-width: 62.5rem;
margin: 1rem auto 2rem;
padding: 0 1rem;
scroll-margin-top: 5rem;
}


.video-container
{
flex: 0 0 100%;
position: relative;
padding-bottom: 56.25%;
padding-top: 0;
height: 0;
border-radius: .75rem;
overflow: hidden;
box-shadow: 0 1rem 2rem -2rem rgba(0,0,0,.25);
}

/* Help Us */
.help-us-content ol
{
padding-left: 1.875rem;
}

.help-us-content ol > li:not(:last-of-type)
{
margin-bottom: 1rem;
}

.help-us-content a
{
color: #f1c21b;
text-decoration: underline;
}

.help-us-content a:hover
{
color: #fff;
text-decoration: none;
}

.fa-user-robot
{
color: #ddd;
font-size: 3.5rem;
display: block !important;
margin: 5rem auto 4rem;
text-align: center;
}


@media screen and (min-width: 30rem)
{
	
	.human-spirit::before, .help-us::before
	{
	border-top: solid .875rem #fff;
	}
	
	.human-spirit-content
	{
	grid-template-columns: 1fr .75fr;
	gap: 2rem;
	max-width: 50rem;
	margin: 0 auto; 
	}
	
	.human-spirit-content img
	{
	order: 2;
	}


}


@media screen and (min-width: 48rem)
{

	.futureproof-lockup
	{
	padding: 0;
	bottom: 10%;
	left: 10%;
	}
	
	.futureproof-intro
	{
	max-width: 44rem;
	}
	
	.futureproof-intro p
	{
	font-size: 1.125rem;
	}
	
	.human-spirit, .help-us
	{
	padding: 6rem 2rem;
	}
	
	.human-spirit-content
	{
	grid-template-columns: 1fr .5fr;
	align-items: center;
	}
	
	.help-us-content
	{
	grid-template-columns: 1fr 1fr;
	gap: 2rem;
	max-width: 50rem;
	margin: 0 auto;
	align-items: center;
	}
	
	.human-spirit-content p, .help-us-content p
	{
	font-size: 1.125rem;
	}
	
	.meet-SkyLR5000
	{
	padding: 4rem 2rem 0;
	}
	
	.product-block
	{
	grid-template-columns: 1fr 1fr;
	gap: 2rem;
	}
	
	.product-block img
	{
	border-right: .125rem solid #eee;
	}
	
	.product-block > div h2::before
	{
	content: none;
	}
	
	.product-block > div
	{
	margin-top: 2rem;
	}
	
	.product-block > div p
	{
	font-size: 1.0625rem;
	}
	
	.product-just-kidding p, .help-us-content ol
	{
	font-size: 1.125rem;
	}
	
	#featuredVideoBlock
	{
	margin-bottom: 6rem;
	}


}

@media screen and (min-width: 62.5rem)
{

	.futureproof-lockup
	{
	max-width: 40rem;
	bottom: 44%;
	left: 2%;
	}
	
	.futureproof-intro
	{
	max-width: 68rem;
	margin: 4rem auto;
	}
	
	.column-content
	{
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 2rem;
	}
	
	.futureproof-intro > p
	{
	text-align: center;
	}
	
	.share-campaign-icon 
	{
	display: grid;
	place-items: center;
	width: 3rem;
	color: #ddd;
	font-size: 3.5rem;
	margin: 1.5rem auto;
	text-align: center;
	}
	
	.share-campaign-icon > span
	{
	color: #333
	}

}

@media screen and (min-width: 70rem)
{

	.futureproof-lockup
	{
	left: 12%;
	}

}

@media (prefers-reduced-motion: reduce)
{

	.testimonial-copy
	{
	transition: none;
	}

}