.topbar{
  border-bottom:1px solid var(--line);
  background:rgba(14,14,14,.92);
  position:sticky;
  top:0;
  z-index:50;
  backdrop-filter:blur(8px);
}
.topbar{
  border-bottom:1px solid var(--line);
  background:rgba(14,14,14,.95);
  position:sticky;
  top:0;
  z-index:50;
  backdrop-filter:blur(8px);
}

.topbar-inner{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  padding:16px 0;
}

.topbar.scrolled .brand-logo{
  height:30px;
  transition:all .25s ease;
}

.topbar.scrolled .brand-mark{
  font-size:24px;
  transition:all .25s ease;
}

.brand-mark{
  font-family:"Cormorant Garamond", serif;
  font-size:30px;
  line-height:1;
  color:var(--text);
  display:flex;
  align-items:center;
  gap:14px;
}

.brand-mark{
  font-family:"Cormorant Garamond", serif;
  font-size:30px;
  line-height:1;
  color:var(--text);
  display:flex;
  align-items:center;
  gap:14px;
}

.brand-logo{
  height:78px;
  width:auto;
  display:block;
}

@media(max-width:600px){
  .brand-logo{
    height:76px;
  }
}

.topnav{
  display:flex;
  gap:18px;
  flex-wrap:wrap;
}

.topnav a{
  color:var(--muted);
  font-size:15px;
  transition:color .18s ease;
}

.topnav a:hover{
  color:var(--gold);
}

.site-footer{
  border-top:1px solid var(--line);
  margin-top:40px;
  padding-top:48px;
  padding-bottom:30px;
}

.footer-grid{
  display:grid;
  grid-template-columns:1.2fr .9fr .9fr;
  gap:36px;
}

.footer-brand{
  font-family:"Cormorant Garamond", serif;
  font-size:30px;
  color:var(--text);
  margin-bottom:10px;
}

.footer-copy{
  color:var(--muted);
  max-width:420px;
  margin:0;
}

.footer-label{
  color:var(--gold);
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:.78rem;
  margin-bottom:14px;
}

.footer-links{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.footer-links a{
  color:var(--muted);
  transition:color .18s ease;
}

.footer-links a:hover{
  color:var(--gold);
}

.footer-bottom{
  margin-top:36px;
  padding-top:18px;
  border-top:1px solid rgba(198,167,107,.14);
  text-align:center;
  color:var(--muted);
  font-size:.95rem;
}

@media(max-width:800px){
  .footer-grid{
    grid-template-columns:1fr;
    gap:26px;
  }
}