:root{
  --ink:#01112C!important;
  --ink2:#01112C!important;
  --brass:#B8862E!important;
  --brassd:#704510!important;
  --gold:#B8862E!important;
  --gold2:#D0A24C!important;
  --paper:#F3F0E9!important;
  --paper2:#FFFEFA!important;
  --rule:#D9D0BF!important;
  --line:#D9D0BF!important;
  --text:#243044!important;
  --muted:#626B78!important;
}
body{
  background:radial-gradient(circle at 50% 0,rgba(200,148,46,.08),transparent 32%),var(--paper)!important;
  color:var(--text);
}
nav{
  background:linear-gradient(100deg,#01112C,#01112C)!important;
  border-bottom:1px solid #B98324!important;
  box-shadow:0 6px 22px rgba(1,17,44,.2);
}
nav .wrap>a:first-child{
  display:flex!important;
  align-items:center;
  gap:0;
  color:#FFF8DF!important;
  width:300px;
  height:62px;
  overflow:hidden;
  font-size:0!important;
}
nav .wrap>a:first-child svg,
nav .wrap>a:first-child>img{display:none!important}
nav .wrap>a:first-child::before{
  content:"";
  width:300px;
  height:62px;
  flex:0 0 300px;
  background:url('/sealbook-logo-gold-transparent.png') left center/contain no-repeat;
}
nav a span{color:#D0A24C!important}
nav .cta,
nav a.btn.primary,
nav a.btn-primary{
  background:linear-gradient(135deg,#D9B65F,#8E5B13 58%,#C69738)!important;
  border-color:#A86F17!important;
  color:#01112C!important;
  box-shadow:inset 0 1px rgba(255,255,255,.35);
}
.hero{
  background:radial-gradient(circle at 82% 16%,rgba(242,207,112,.16),transparent 27%),linear-gradient(145deg,#01112C,#01112C 55%,#01112C)!important;
  border-bottom:1px solid #B98324;
}
.hero h1{color:#FFF8DF!important}
.hero .lede,.hero p{color:#D9D0BF}
.hero .eyebrow{color:#D0A24C}
.hero .btn-ghost{
  color:#FFF8DF!important;
  border-color:#B8862E!important;
  background:rgba(1,17,44,.42)!important;
}
.card,.panel,.mock,.suite-card,.suite-tile{
  border-color:#D9D0BF!important;
  box-shadow:0 9px 25px rgba(1,17,44,.055);
}
a.btn,.btn{
  border-color:#9A6513;
}
footer{
  background:linear-gradient(100deg,#01112C,#01112C)!important;
  border-top:1px solid #B98324;
}
@media(max-width:640px){
  nav .wrap>a:first-child{width:205px;height:52px}
  nav .wrap>a:first-child::before{width:205px;height:52px;flex-basis:205px}
}
