/* Officially Acquainted — brand styles */
@font-face{
  font-family:'AaronsFont';
  src:url('aaronsfont-regular.ttf') format('truetype');
  font-display:swap;
}
:root{
  --black:#0A0A09;
  --panel:#121110;
  --gold:#DFBD69;
  --gold-dark:#926F34;
  --cream:#DCCEA3;
  --body:#E8E2D4;
  --muted:#9d967f;
  --line:rgba(223,189,105,.28);
  --grad:linear-gradient(135deg,#DFBD69 0%,#D3B161 35%,#B9964F 70%,#926F34 100%);
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  background:var(--black);
  color:var(--body);
  font-family:'Inter',sans-serif;
  font-size:17px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none;}
.wrap{max-width:1040px;margin:0 auto;padding:0 28px;}
.hand{font-family:'AaronsFont',cursive;}
.serif{font-family:'Playfair Display',Georgia,serif;}
.eyebrow{
  display:inline-block;font-family:'Playfair Display',Georgia,serif;font-weight:500;
  font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);
}
.goldline{height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent);border:none;}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  border:1.5px solid rgba(223,189,105,.9);border-radius:999px;
  color:var(--cream);font-family:'AaronsFont',cursive;font-weight:400;font-size:21px;
  padding:13px 30px;transition:background .15s ease,color .15s ease,transform .15s ease;
  background:transparent;cursor:pointer;line-height:1.15;
}
.btn:hover{background:rgba(223,189,105,.12);transform:translateY(-1px);}
.btn.solid{background:var(--grad);color:#171307;border-color:transparent;}
.btn.solid:hover{filter:brightness(1.06);background:var(--grad);}
.btn.soon{opacity:.55;cursor:default;pointer-events:none;}
.btn .sub{display:block;font-size:11px;font-weight:500;opacity:.75;}

/* nav */
header.site{position:sticky;top:0;z-index:50;background:rgba(10,10,9,.82);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);}
nav.site{display:flex;align-items:center;justify-content:space-between;padding:16px 0;}
.brand{display:flex;align-items:center;gap:12px;}
.brand img{width:38px;height:38px;border-radius:9px;border:1px solid var(--line);}
.brand .name{font-family:'AaronsFont',cursive;font-size:21px;color:#fff;letter-spacing:.5px;}
.navlinks{display:flex;align-items:center;gap:28px;font-size:14.5px;font-weight:500;color:var(--muted);}
.navlinks a:hover{color:var(--cream);}

/* footer */
footer.site{border-top:1px solid var(--line);padding:44px 0 50px;text-align:center;}
footer.site .flinks{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 26px;font-size:14.5px;color:var(--muted);margin-bottom:18px;}
footer.site .flinks a:hover{color:var(--cream);}
.madeby{font-size:13.5px;color:var(--muted);}
.madeby a{color:var(--cream);border-bottom:1px solid var(--line);padding-bottom:1px;}
.madeby a:hover{color:var(--gold);}