nav{

position:fixed;

top:0;
left:0;

width:100%;

background:#222;

display:flex;

gap:2em;

padding:1em 2em;

z-index:999;

}

nav a{

font-weight:600;

}

.hero{

height:100vh;

display:flex;
align-items:center;
justify-content:center;

position:relative;

overflow:hidden;

}

.hero video{

position:absolute;

top:0;
left:0;

width:100%;
height:100%;

object-fit:cover;

z-index:-1;

}

.heroCopy{

text-align:center;

background:rgba(0,0,0,0.4);

padding:2em;

border-radius:8px;

}

footer{

background:#111;

padding:3em 2em;

margin-top:5em;

}

footer form{

display:flex;
flex-direction:column;
gap:1em;

max-width:400px;

}

footer input,
footer textarea{

padding:0.6em;

border:none;

border-radius:4px;

}

footer textarea{

min-height:120px;

}

footer p{

margin-top:2em;

font-size:0.8rem;

opacity:0.7;

}