


/* Hero Section */
div#container section.hero {display:grid; place-items:center; min-height:100vh;}
div#container section.hero {position:relative; padding:0; /* margin-top:4.5em; */}
div#container section.hero div.bin {max-width:none; height:100%;}
/* div#container section.hero div.bin img.logo {font-size:3em;} */
div#container section.hero div.bin img.logo {display:none;}
div#container section.hero div.bin img.logo,
div#container section.hero div.bin video.promo {width:100%; /* max-width:65rem; */ /* margin-top:-10em; */}
div#container section.hero div.bin video.promo {display:block; object-fit:cover; height:100%;}

/* Hero Vignette */
div#container section.hero div.bin div.vignette {position:absolute; inset:0; padding:1em;}
div#container section.hero div.bin div.vignette {background-color:var(--blkglass); padding-top:var(--topspace);}
div#container section.hero div.bin div.vignette {text-transform:uppercase; align-items:center;}

/* Hero Vignette Head */
/* div#container section.hero div.bin div.vignette div.head {} */
div#container section.hero div.bin div.vignette div.head p.textcopy {font-size:2em; font-size:1.375em; max-width:40em; margin:.375em auto;}

/* Hero Vignette Body */
/* div#container section.hero div.bin div.vignette div.body {} */
/* div#container section.hero div.bin div.vignette div.body div.ctahub {margin-top:1em;} */
div#container section.hero div.bin div.vignette div.body div.ctahub ul.navlist {flex-direction:row;}
/* div#container section.hero div.bin div.vignette div.body div.ctahub ul.navlist li.navitem {margin:.25rem;} */
/* div#container section.hero div.bin div.vignette div.body div.ctahub ul.navlist li.navitem a.navlink {} */
/* div#container section.hero div.bin div.vignette div.body div.buyhub {} */
/* div#container section.hero div.bin div.vignette div.body div.buyhub ul.navlist {} */
/* div#container section.hero div.bin div.vignette div.body div.buyhub ul.navlist li.navitem {} */
div#container section.hero div.bin div.vignette div.body div.buyhub ul.navlist li.navitem a.navlink {padding:.75em 2em .625em; /* padding:1em 2em .875em; */ border:1px solid; border-radius:.25em;}
/* div#container section.hero div.bin div.vignette div.body div.socialhub {} */
/* div#container section.hero div.bin div.vignette div.body div.socialhub ul.navlist {} */
/* div#container section.hero div.bin div.vignette div.body div.socialhub ul.navlist li.navitem {} */
/* div#container section.hero div.bin div.vignette div.body div.socialhub ul.navlist li.navitem a.navlink {} */

/* Hero Vignette Video Remote */
div#container section.hero div.bin div.vignette div.vidremote {position:absolute; top:0; right:0; margin:var(--topspace) calc(.625*var(--topspace));}
div#container section.hero div.bin div.vignette div.vidremote button.playtogglebtn {background-color:transparent; cursor:pointer; padding:.375rem 1rem; border-radius:10em; border:.125rem solid var(--bordercolor); outline:none;}
div#container section.hero div.bin div.vignette div.vidremote button.playtogglebtn {display:flex; place-items:center;}
div#container section.hero div.bin div.vignette div.vidremote button.playtogglebtn {--bordercolor:var(--whiteglass);--whiteglass:#FFF1;}
div#container section.hero div.bin div.vignette div.vidremote button.playtogglebtn:focus {--bordercolor:white;}
div#container section.hero div.bin div.vignette div.vidremote button.playtogglebtn svg.icon {color:white; font-size:1.5rem;}
div#container section.hero div.bin div.vignette div.vidremote button.playtogglebtn svg.icon.play {display:none;}
div#container section.hero div.bin div.vignette div.vidremote button.playtogglebtn svg.icon.pause {display:block;}
div#container section.hero div.bin div.vignette div.vidremote button.playtogglebtn.h svg.icon.play {display:block;}
div#container section.hero div.bin div.vignette div.vidremote button.playtogglebtn.h svg.icon.pause {display:none;}







/* Large Screen */
@media screen and (max-width:64rem) {

	/*  */
}


/* Medium Screen */
@media screen and (max-width:48rem) {

	/*  */
}


/* Small Screen */
@media screen and (max-width:32rem) {

	/*  */
}
