:root {
--text:rgba(34, 29, 35,1);
--background:rgba(248, 255, 247,1);
--gold: #E4D486;
--bronze:#996227;
--dark:rgba(6,25,29,1);
--textt:rgba(6, 25, 29,0.85);
--fast:all 0.6s ease-in-out;
--slow:all 1.2s ease-in-out;
--title:"Montserrat", sans-serif;
--std:"Libre Baskerville", serif;

}
* {box-sizing:border-box;}
body {font-size:1em;color:white;background-color:var(--dark);margin:0px;padding:0px;font-family:var(--std);position:relative;font-style:normal;font-weight:400;font-optical-sizing:auto;letter-spacing:1px;max-width:100vw;overflow-x:hidden;}
h1 {font-family: var(--title);color: transparent;font-style: normal;font-weight: 700;font-variation-settings: "wdth" 100;margin: 0;font-size: 4em;text-transform: uppercase;background: linear-gradient(0.25turn, #996227 , #E4D486, #996227);background-clip: text;background-size: 100%;display: inline-block;}
h2 {font-family: var(--title);color: transparent;font-style: normal;font-weight: 500;margin: 0;font-size: 2em;background: linear-gradient(0.25turn, #996227 , #E4D486, #996227);background-clip: text;background-size: 100%;display: inline-block;padding-top: 0.3em;text-transform: uppercase;letter-spacing: 2px;}
form {display:grid;grid-gap:1em;font-family:var(--title);}
input, textarea {font-family: var(--title);font-size: 1em;color: white;border-radius: 0.3em;background-color: var(--textt);border: solid 1px var(--gold);padding: 3px;margin-bottom: 0.3em;outline: none;}
textarea {height:10vh;}
video {min-width:100%;min-height:100%;width:auto;height:auto;position:relative;width:100%;margin:0;padding:0;object-fit:cover;max-height:100%;}
button {font-family:inherit;font-size:1em;padding:1em;background-color:var(--bronze);border:none;border-radius:0.3em;cursor:pointer;color:white;transition:var(--slow);}
button:hover {background-color:var(--gold);color:var(--dark);}
header {width: 100%;padding: 6px 12px;display: flex;background-color: var(--dark);justify-content: space-between;align-items: center;position: sticky;top: 0;color: white;z-index: 1000;border-bottom: solid 1px var(--gold);}
header nav ul {margin:0;position:relative;padding:0;list-style:none;display:inline-block;}
header nav ul li {display:inline-block;padding:6px 12px;margin:0;margin-right:6px;font-family:var(--title);font-weight:600;transition:var(--fast);cursor:pointer;color:white;}
header nav ul li:hover {color:var(--gold);}
header nav .collapsed {display:none;}
header.short nav ul {display:none;}
header.short nav .collapsed {display:inline-block;cursor:pointer;transsition:color 0.3s ease-in-out;}
header.short nav .collapsed:hover {display:inline-block;cursor:pointer;transsition:color 0.3s ease-in-out;}
header.short nav ul.opened {display: inline-block;position: absolute;right: 0px;top: 57px;background-color: var(--dark);border-left: solid 1px var(--gold);border-bottom: solid 1px var(--gold);border-bottom-left-radius: 1em;border-top: solid 1px var(--bronze);}
header.short nav ul.opened li {display:block;padding:12px;margin:6px;}
header img , footer img {max-height: 60px;width: auto;}
.lead {width: 100%;min-height: 100vh;background-color: var(--dark);display: grid;grid-template-columns: 1fr;justify-content: center;align-content: space-between;text-align: center;padding: 10vh 10vw;}
.lead img {max: auto%;height: calc(100vh - 35em);margin: auto;}
.lead span {display: block;} 
footer {background-color:var(--dark);color:white;margin:0;margin-bottom:-1em;}
footer div {display:flex;padding:0.5em;display:grid;grid-template-columns:1fr;}
footer div span {font-size:2em;}
footer div p {padding:0 0.3em;}
footer div a {color:white;text-decoration:none;transition:var(--fast);}
footer div a:hover{color:var(--color1);text-decoration:underline;}
footer div span a:hover{color:var(--color1);text-decoration:none;}
footer p.copy {background-color:var(--color1);padding:0.2em 2em;}
main {text-align: center;display: grid;grid-template-columns: 1fr;grid-gap: 70px;}
main section {margin-bottom: 70px;}
main section.videoholder{width:100%;position:relative;display:grid;grid-template-columns:repeat(2, 50vw);grid-column-gap:0;height:calc(100vh - 70px);align-items:center;background-color:var(--color1);text-align:justify;border-bottom-right-radius:2em;}
main section.videoholder.left{background-color:var(--color1);border-bottom-right-radius:2em;}
main section.videoholder.right{background-color:var(--color2);border-bottom-left-radius:2em;}
main section.videoholder div { display:inline-block;padding:2em 1em;background-color:var(--textt);z-index:2;color:white;line-height:1.4;}
.videoholder span {display: block;}
main section.videoholder div h2 , main section.videoholder div h3 {font-family: var(--title);color: transparent;font-style: normal;font-weight: 500;margin: 0;font-size: 2em;background: linear-gradient(0.25turn, #996227 , #E4D486, #996227);background-clip: text;background-size: 100%;display: inline-block;padding-bottom: 0.3em;text-transform: uppercase;}
main section.videoholder div h3 {font-size: 1.6em; }
main section.videoholder.left div{margin-left:-80%;border-top-left-radius:1em;border-bottom-left-radius:1em;padding-right:2em;}
main section.videoholder.right div {margin-right:-50%;border-top-right-radius:1em;border-bottom-right-radius:1em;padding-left:2em;}
main section.fullheight {display:inline-block;position:relative;min-height:calc(100vh - 70px);}
main section.fullheight h2 {margin:0;padding:0;text-align:center;margin-top:1em;margin-bottom:1em;}
.fullheight > div {width: 100%;min-height: calc(100vh - 70px);display: flex;align-content: center;justify-content: center;padding: 5vh 10vw;color: white;}
.fullheight > div div { max-width: 60em; line-height:1.5;}
.fullheight div div p, .fullheight div div dl,.fullheight div div ul { text-align: left; position:relative;}
.fullheight div div dl dt { padding-left: 2.5em; font-weight: 600;}
.fullheight div div dl dd {margin-left: 2.5em; margin-bottom:2em}
.fullheight div div dl dt::before { content: '\f06d'; position: absolute; left: 0; font-family: 'Font Awesome 6 Pro'; color: var(--gold);}
.fullheight div div ul {padding: 0;margin: 2em 0;}
.fullheight div div ul li { list-style: none; margin: 0.5em 0; padding-left: 2em;}
.fullheight div div ul li::before { font-family: 'font awesome 6 pro'; content: '\e28b'; color: var(--gold); position: absolute; left: 0; font-weight: 800;}
.fullheight p strong { color: var(--gold); font-weight: 900; letter-spacing: 1px;}
main section.videoholder a { display: block; padding: 0.5em 0; margin: 0.5em 0; text-decoration: none; color: var(--gold); transition: var(--fast);}
main section.videoholder a:hover { color: white;}
.videoholder.left video {border-top-right-radius: 2em;border-bottom-right-radius: 2em;}
.videoholder.right video {border-top-left-radius: 2em;border-bottom-left-radius: 2em;}
@media (min-width:600px)
{
main section.videoholder.right div {margin-right:-40%;}
}
@media (min-width:800px)
{
main section.videoholder.right div {margin-right:-35%;}
}
@media (min-width:900px)
{
main section.videoholder.right div {margin-right:-30%;}
}
@media (min-width:1024px)
{
main section.videoholder.right div {margin-right:-25%;}
}