@font-face{font-family:Vatora;src:url('font/Vatora.ttf') format('truetype');font-display:block}@font-face{font-family:Artifakt;src:url('font/Artifakt Element Light.ttf') format('truetype');font-weight:300;font-display:block}
:root{--gold:#b6782d;--text:#ddd9d4;--muted:#918c86}*{box-sizing:border-box}html{scrollbar-gutter:stable;overflow-y:scroll;background:#020303}body{width:100%;min-height:100vh;margin:auto;background:#050606;color:var(--text);font-family:Arial,Helvetica,sans-serif;letter-spacing:.08em}a{color:inherit;text-decoration:none}main{position:relative;min-height:calc(100vh - 96px);overflow:hidden}.signal-image{position:absolute;inset:0;background:url('img/ourstory.png') 69% center/cover no-repeat}.signal-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,5,5,.98) 0%,rgba(4,5,5,.92) 35%,rgba(4,5,5,.52) 62%,rgba(4,5,5,.15)),linear-gradient(0deg,#050606 0%,transparent 34%)}.signal-content{position:relative;z-index:2;width:min(560px,calc(100% - 80px));padding:72px 0 85px;margin-left:8%}.signal-content header>p{text-transform:uppercase;color:#b68650;font-size:9px;letter-spacing:.3em;margin:0 0 14px}.signal-content h1{font:300 43px/1 Artifakt,Arial,sans-serif;text-transform:uppercase;letter-spacing:.11em;margin:0 0 18px}.signal-content header>span{font:300 15px/1.6 Artifakt,Arial,sans-serif;color:var(--muted);letter-spacing:.08em}form{margin-top:43px}label{display:block;margin-bottom:24px}label span{display:block;margin-bottom:9px;text-transform:uppercase;color:#a59f98;font-size:8px;letter-spacing:.25em}input,textarea{display:block;width:100%;border:0;border-bottom:1px solid #50463c;border-radius:0;padding:8px 2px;background:rgba(5,6,6,.18);color:#eee;font:300 15px Artifakt,Arial,sans-serif;letter-spacing:.06em;outline:none;resize:vertical;transition:border-color .25s,background .25s}input:focus,textarea:focus{border-color:var(--gold);background:rgba(8,8,8,.38)}textarea{min-height:86px}form button{width:190px;height:46px;border:1px solid var(--gold);background:rgba(5,5,5,.35);color:#e3a75f;text-transform:uppercase;font-size:9px;font-weight:bold;letter-spacing:.2em;cursor:pointer;transition:background .25s,color .25s}form button:hover,form button:focus-visible{background:var(--gold);color:white;outline:none}.signal-ending{display:flex;flex-direction:column;margin-top:48px;font:300 14px/1.5 Artifakt,Arial,sans-serif;color:#c8c3bd;letter-spacing:.1em}.signal-ending strong{font-weight:300}.confirmation{max-height:0;margin:0;color:#c58b45;text-transform:uppercase;font-size:9px;letter-spacing:.25em;opacity:0;overflow:hidden;transition:max-height .5s,margin .5s,opacity .5s}.confirmation.visible{max-height:30px;margin-top:24px;opacity:1}
@media(min-width:1500px) and (min-aspect-ratio:16/10){body{max-width:1200px;border-inline:1px solid #282828;box-shadow:0 0 70px #000}}
@media(max-width:850px){main{min-height:calc(100vh - 76px)}.signal-image{background-position:72% center}.signal-shade{background:linear-gradient(90deg,rgba(4,5,5,.94),rgba(4,5,5,.55)),linear-gradient(0deg,#050606,transparent)}.signal-content{width:calc(100% - 44px);margin:0 22px;padding:52px 0 70px}.signal-content h1{font-size:34px}.signal-content header>span{font-size:13px}}
.website-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
